This repository has been archived by the owner on May 29, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
178 lines (158 loc) · 8.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang = "en">
<head>
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
<link rel="stylesheet" type= "text/css" href="resources/css/styles.css">
<link rel="stylesheet" type= "text/css" href="vendors/css/ionicons.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,300i,400" rel="stylesheet">
<title>TeleHealth</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="An interactive getting started guide for Brackets.">
</head>
<body>
<header>
<nav>
<div class="row">
<img src="resources/css/img/SNS_Logo.png" alt="Telehealth Logo" class="logo">
<ul class="main-nav">
<li><a href="#">BENEFITS</a></li>
<li><a href="#">INITIATIVES</a></li>
<li><a href="#">APPLICATIONS</a></li>
<li><a href="#">LATEST NEWS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
</nav>
<div class="hero-text-box">
<h1>TeleHealth</h1>
<h2>Integrated and Seamless<br> Healthcare Services at Home</h2>
<a class="btn button-full" href="#">How can I help?</a>
<a class="btn button-ghost" href="#">Find out more</a>
</div>
</header>
<section class="section-benefits">
<div class="row">
<h3>
WHAT'S SO GOOD ABOUT TELEHEALTH?
</h3>
<p class="long-copy">
By bringing care into the home, TeleHealth enhances your access to healthcare and improves productivity in our healthcare system. So rest assured, whoever you are, whatever you do, TeleHealth promises wonderful benefits for you!
</p>
</div>
<div class="row">
<div class="col span-1-of-4 box">
<i class="ion-android-favorite-outline icon-big"></i>
<h4>GREATER COMFORT</h4>
<p>Instead of moving to a facility that is not in their network, patients can receive the healthcare services they need from wherever they are.</p>
</div>
<div class="col span-1-of-4 box">
<i class="ion-ios-people-outline icon-big"></i>
<h4>REDUCE RESOURCES</h4>
<p>Optimise resources to overcome manpower and logistic constraints in the healthcare sector.</p>
</div>
<div class="col span-1-of-4 box">
<i class="ion-android-checkbox-outline icon-big"></i>
<h4>BETTER QUALITY</h4>
<p>Patients can expect better outcomes as they have faster access to specialists who can apply higher standards of care. </p>
</div>
<div class="col span-1-of-4 box">
<i class="ion-ios-clock-outline icon-big"></i>
<h4>SAVE TIME</h4>
<p>Unnecessary admissions and readmissions are reduced with the help of remote consultations and monitoring.</p>
</div>
</div>
</section>
<section class="section-application">
<div class="row">
<h3>HEALTHHUB TRACK — AS SIMPLE AS 1, 2, 3</h3>
</div>
<div class="row">
<div class="col span-1-of-2 steps-box">
<img src="resources/img/healthhub_burned.png" alt="HealthHub App on iPhone" class="app-screen">
</div>
<div class="col span-1-of-2 steps-box">
<div class="works-step">
<div>1</div>
<p>Simply sign-up for a HealthHub account and choose a health goal.</p>
</div>
<div class="works-step">
<div>2</div>
<p>Connect with over 100 popular health and activity trackers such as Healthy 365, Fitbit, Withings, Jawbone, Garmin, S Health, Google Fit and more.</p>
</div>
<div class="works-step">
<div>3</div>
<p>Once connected, you will receive regular health tips and insights on the activities you do every day and learn how they impact your health.</p>
</div>
<a href="#" class="button-app"><img src="resources/img/download-app.svg" alt="app store button"> </a>
<a href="#" class="button-app"><img src="resources/img/download-app-android.png" alt="play store button"> </a>
</div>
</div>
</section>
<section class="section-contactus">
<div class="row">
<h3>WE'RE HAPPY TO HEAR FROM YOU</h3>
</div>
<div class="row">
<form method="post" action="#" class="contact-form">
<div class="row">
<div class="col span-1-of-3">
<label for="name">Name</label>
</div>
<div class="col span-2-of-3">
<input type="text" name="name" id="name" placeholder="Your name" required>
</div>
</div>
<div class="row">
<div class="col span-1-of-3">
<label for="email">Email</label>
</div>
<div class="col span-2-of-3">
<input type="email" name="email" id="email" placeholder="Your email" required>
</div>
</div>
<div class="row">
<div class="col span-1-of-3">
<label for="find-us">How did you find us?</label>
</div>
<div class="col span-2-of-3">
<select name="find-us" id="find-us">
<option value="friends" selected>Friends</option>
<option value="family">Family</option>
<option value="doctor">Doctor</option>
<option value="news">News</option>
<option value="ad">Advertisement</option>
<option value="other">Other</option>
</select>
</div>
</div>
<div class="row">
<div class="col span-1-of-3">
<label for="news">Newsletter?</label>
</div>
<div class="col span-2-of-3">
<input type="checkbox" name="news" id="news" checked> Yes, please
</div>
</div>
<div class="row">
<div class="col span-1-of-3">
<label>Anything you'd like to tell us?</label>
</div>
<div class="col span-2-of-3">
<textarea name="message" placeholder="Your message"></textarea>
</div>
</div>
<div class="row">
<div class="col span-1-of-3">
<label> </label>
</div>
<div class="col span-2-of-3">
<input type="submit" value=" Submit ">
</div>
</div>
</form>
</div>
</section>
</body>
</html>