-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (146 loc) · 5.34 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
<!DOCTYPE HTML>
<html>
<head>
<title>Medhac</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<span class="logo fas fa-capsules"></span>
<h1>MEDHAC</h1>
<p>Your one-stop destination for the right medication.
<br />
Avoid consulting doctors for common diseases!</p>
</div>
<!-- Main -->
<div id="main">
<header class="major container medium">
<h2>You don't need to always rush
<br />
to the doctor for a checkup.
<br />
Home remedies are also an option.</h2>
<p>Here you can get a list of right<br />
medicines and proper remedies.</p>
</header>
<div class="box alt container">
<section class="feature left">
<a href="#" class="image icon solid fas fa-handshake"><img src="images/pic01.jpg" alt="" /></a>
<div class="content">
<h3>The First Thing</h3>
<p>Medhac is recognized by the Government and ensures that you get cured as soon as possible.
It gets the medication from a trusted database built by certified doctors and verified
pharmacists.</p>
</div>
</section>
<section class="feature right">
<a href="#" class="image icon solid fas fa-notes-medical"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h3>The Second Thing</h3>
<p>The process is fairly simple. You need to enter your name, your email address, your illness,
describe its symptoms and for how long have you been affected.
Medhac will take care of the rest.</p>
</div>
</section>
<section class="feature left">
<a href="#" class="image icon solid fas fa-envelope-open-text"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h3>The Third Thing</h3>
<p>You will then be receiving a mail about the specific medicines you need to take, cause of your
illness and home remedies if any.
It will basically be your e-prescription which you will be needing while buying those medicines.
</p>
</div>
</section>
</div>
<div class="box container">
<section>
<header>
<h3>PLEASE FILL IN</h3>
</header>
<form method="post">
<div class="row">
<div class="col-6 col-12-mobilep">
<label for="name">Illness name</label>
<input class="text" type="text" name="name" id="illname" value=""
placeholder="Common Cold" />
</div>
<div class="col-6 col-12-mobilep">
<label for="time">Time Period</label>
<input class="text" type="text" name="time" id="time" value="" placeholder="2 Days" />
</div>
<div class="col-12">
<label for="symptoms">Symptoms</label>
<input class="text" type="text" name="symptoms" id="symptoms" value=""
placeholder="Headache, fever" />
</div>
<div class="col-12">
<label for="name">Patient Name</label>
<input class="text" type="text" name="name" id="name" value="" placeholder="John Doe" />
</div>
<div class="col-12">
<label for="email">Email</label>
<input class="text" type="text" name="email" id="email" value=""
placeholder="[email protected]" />
</div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Submit" /></li>
<li><input type="reset" value="Reset" class="alt" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container medium">
<header class="major last">
<h2>Questions or comments?</h2>
</header>
<p>We want to improve and deliver best quality service. Do let us know if we can help or improve in any way. We will get back back to you at the earliest.</p>
<form method="post" action="https://formspree.io/f/mdopddje">
<div class="row">
<div class="col-6 col-12-mobilep">
<input type="text" name="name" placeholder="Name" required/>
</div>
<div class="col-6 col-12-mobilep">
<input type="email" name="email" placeholder="Email" required/>
</div>
<div class="col-12">
<textarea style="resize:none" name="message" placeholder="Message" rows="6" required></textarea>
</div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Send Message" /></li>
<li><input type="reset" value="Reset" class="alt" /></li>
</ul>
</div>
</div>
</form>
<ul class="icons">
<li><a target="_blank" href="https://youtu.be/MOgNBwtZOEg" class="icon brands fa-youtube"><span
class="label">Youtube</span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/anubhavbagri/"
class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a target="_blank" href="https://github.com/anubhavbagri/Medhac" class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
<ul class="copyright">
<li>© Medhac. All rights reserved.</li>
</ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>