-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
209 lines (203 loc) · 10.4 KB
/
index.html
File metadata and controls
209 lines (203 loc) · 10.4 KB
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="ChextrMD | The instant messaging application for convenient and fast communication between doctors and patients." />
<meta property="og:title" content="ChextrMD | Go Further With Your Doctor" />
<meta property="og:description"
content="ChextrMD is the instant messaging application for convenient and fast communication between doctors and patients.">
<meta property="og:type" content="website" />
<meta property="og:site_name" content="ChextrMD.com">
<meta property="og:image" content="https://i.imgur.com/ZT3h1iq.png"/>
<title>ChextrMD | Go Further With Your Doctor</title>
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#cc1800">
<meta name="theme-color" content="#ffffff">
<!-- Global CSS -->
<link rel="stylesheet" href="css/main.css" />
<!-- Page CSS-->
<!-- <link rel="stylesheet" href="css/index.css" /> -->
<!-- Main Js -->
<script src="js/app.js" defer></script>
<!-- Font Awesome CSS CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<!-- Navigation bar -->
<header class="header">
<a href="index.html" class="home_link">
<img class="nav_logo" src="assets/logo.webp" alt="brand-logo" height="auto" width="220px" loading="lazy" />
</a>
<button href="" class="nav_toggle" aria-controls="nav_list" aria-label="menu" aria-expanded="false">
<span class="visually_hidden">menu</span>
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
<div class="navigation" data-visible="false">
<nav class="nav_links">
<ul class="nav_list">
<li><a href="features.html">Features</a></li>
<li><a href="faq.html">Frequently Asked Questions</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
<a href="index.html#download"><button class="cta nav">Download</button></a>
</div>
</header>
<!-- Main container -->
<main>
<div class="scroll-watcher"></div>
<!-- Sections for pages -->
<section>
<div class="hero_container">
<video class="hero_video" autoplay muted loop>
<source src="assets/chextrmd-hero.mp4" type="video/mp4">
</video>
<div class="hero_text">
<div class="hero_header">
ChextrMD
</div>
<div class="hero_subtitle">
The instant messaging application for convenient and fast communication between doctors and patients.
</div>
</div>
<div class="hero_btns">
<a href="index.html#download">
<button href="#download" class="cta hero">
Download
</button>
</a>
<a href="features.html">
<button class="primary_btn hero">
Learn More
</button>
</a>
</div>
</div>
</section>
<section class="promo_container">
<div class="promo_img_container">
<img class="promo_img" src="assets/promo.png" height="auto" width="280px" loading="lazy" alt="">
</div>
<div class="promo_text_container">
<div class="promo_text">
<h1>
Simplify Access, Enhance Care
</h1>
<h2>
Experience the future of healthcare communication with
ChextrMD. Providing an instant connection between doctors and
patients, for more convenient and personalized care.
</h2>
</div>
</div>
</section>
<section>
<div class="promo_row">
<div class="promo_box">
<svg class="icon_hand" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M459.15 269.75a133.197 133.197 0 0 1-55.862 179.975l-42.782 22.541-10.52 5.533a71.277 71.277 0 0 1-62.966 1.685l-167.077-71.38 15.733-46.676 99.363 19.194-51.458-97.78-82.843-157.411 40.357-21.232 82.844 157.457 19.934-10.485-36.521-69.445 40.335-21.22 36.52 69.445 19.935-10.485-28.2-53.598 40.358-21.232 28.2 53.598 19.945-10.576-19.354-36.886 40.346-21.174 19.354 36.885 54.348 103.301zM73.268 146.674a60.03 60.03 0 0 1 42.361-102.459 60.098 60.098 0 0 1 56.58 80.169l10.588 20.013A78.29 78.29 0 0 0 115.708 26a78.233 78.233 0 0 0-5.635 156.262L99.428 162.02a59.688 59.688 0 0 1-26.16-15.346z" />
</svg>
<h2>Ease of Access</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quos hic nemo ex deleniti magni
autem, porro atque dignissimos eveniet.</p>
</div>
<div class="promo_box">
<svg class="icon_lock" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve">
<g id="XMLID_509_">
<path id="XMLID_510_" d="M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85
S80,38.131,80,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330z M180,234.986V255c0,8.284-6.716,15-15,15
s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25
C190,223.162,186.068,230.421,180,234.986z M110,85c0-30.327,24.673-55,55-55s55,24.673,55,55v45H110V85z" />
</g>
</svg>
<h2>Secure and Confidential</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quos hic nemo ex deleniti magni
autem, porro atque dignissimos eveniet.</p>
</div>
<div class="promo_box">
<svg class="icon_check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.8179 4.54512L13.6275 4.27845C12.8298 3.16176 11.1702 3.16176 10.3725 4.27845L10.1821 4.54512C9.76092 5.13471 9.05384 5.45043 8.33373 5.37041L7.48471 5.27608C6.21088 5.13454 5.13454 6.21088 5.27608 7.48471L5.37041 8.33373C5.45043 9.05384 5.13471 9.76092 4.54512 10.1821L4.27845 10.3725C3.16176 11.1702 3.16176 12.8298 4.27845 13.6275L4.54512 13.8179C5.13471 14.2391 5.45043 14.9462 5.37041 15.6663L5.27608 16.5153C5.13454 17.7891 6.21088 18.8655 7.48471 18.7239L8.33373 18.6296C9.05384 18.5496 9.76092 18.8653 10.1821 19.4549L10.3725 19.7215C11.1702 20.8382 12.8298 20.8382 13.6275 19.7215L13.8179 19.4549C14.2391 18.8653 14.9462 18.5496 15.6663 18.6296L16.5153 18.7239C17.7891 18.8655 18.8655 17.7891 18.7239 16.5153L18.6296 15.6663C18.5496 14.9462 18.8653 14.2391 19.4549 13.8179L19.7215 13.6275C20.8382 12.8298 20.8382 11.1702 19.7215 10.3725L19.4549 10.1821C18.8653 9.76092 18.5496 9.05384 18.6296 8.33373L18.7239 7.48471C18.8655 6.21088 17.7891 5.13454 16.5153 5.27608L15.6663 5.37041C14.9462 5.45043 14.2391 5.13471 13.8179 4.54512Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9 12L10.8189 13.8189V13.8189C10.9189 13.9189 11.0811 13.9189 11.1811 13.8189V13.8189L15 10"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<h2>Verified and Certified</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quos hic nemo ex deleniti magni
autem, porro atque dignissimos eveniet.</p>
</div>
</div>
</section>
<section>
<div id="download" class="download">
<h1>Download ChextrMD</h1>
<h2>Get the app at</h2>
<div class="badges landing">
<a href="https://play.google.com/store/apps?hl=en&gl=US" alt="Get it on Google Play" target="_blank">
<img src="assets/playstore-badge.png" alt="Google Play Store Badge" loading="lazy">
</a>
<a href="https://www.apple.com/app-store/" alt="Get it on the App Store" loading="lazy" target="_blank">
<img src="assets/appstore_badge.png" alt="App Store Badge">
</a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer" role="contentinfo">
<div class="footer_content">
<div class="footer_left">
<img class="footer_brand" src="assets/logo-white-full.webp" height="auto" width="230px" loading="lazy"
alt="ChextrMD logo">
<div class="badges footer">
<a href="https://play.google.com/store/apps?hl=en&gl=US" alt="Get it on Google Play" target="_blank">
<img src="assets/playstore-badge.png" alt="Google Play Store Badge" loading="lazy">
</a>
<a href="https://www.apple.com/app-store/" alt="Get it on the App Store" target="_blank">
<img src="assets/appstore_badge.png" alt="App Store Badge" loading="lazy">
</a>
</div>
</div>
<div class=" footer_middle">
<h3>Site Map</h3>
<a href="features.html">Features</a>
<a href="faq.html">Frequently Asked Questions</a>
<a href="about.html">About</a>
</div>
<div class="footer_right">
<h3>Contact</h3>
<div class="contact">
<div class="contact_row">
<i class="fa-solid fa-envelope"></i>
<a href="mailto:support@sample.com">support@example.com</a>
</div>
<div class="contact_row">
<i class="fa-solid fa-phone"></i>
<p>000-0000</p>
</div>
</div>
</div>
</div>
<div class="legal_info">
<p>A Project by Kevin Ramprasad</p>
<a href="#">Terms of Service</a>
<a href="#">Privacy Policy</a>
</div>
<br>
<div class="footer_bar">
</div>
</footer>
</body>
</html>