-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
147 lines (126 loc) · 5.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<script src="https://kit.fontawesome.com/9aa6408b7e.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel = "icon" href = "images/self_improvement.png" type = "image/x-icon">
<title>Home Page</title>
</head>
<body>
<nav>
<!-- logo in nav bar -->
<div class="logo">
<span class="material-symbols-outlined">
self_improvement
</span>
</div>
<!-- links in nav bar -->
<ul class="navlinks">
<li> <a href="#">Home</a></li>
<li> <a href="#ailment">Ailments</a></li>
<li class="dropdown"> Asanas
<div class="dropdown-content">
<a href="html/balasana.html">Balasana</a>
<a href="html/pranayam.html">Pranayam</a>
<a href="html/paripurnanavasana.html">Boat Pose</a>
<a href="html/suryanamaskar.html">Surya Namaskar</a>
<a href="html/cobra.html">Cobra Pose</a>
<a href="html/varkasana.html">Tree Pose</a>
<a href="html/tadasana.html">Tadasana</a>
</div>
</li>
<li> <a href="#contactus">Contact us</a></li>
</ul>
<!-- burger icon making -->
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<script src="javascript/nav.js"></script>
<!-- text on home page -->
<header id="showcase">
<h1 > Rog-Free </h1>
<p>
Yoga helps you in forming perfect harmony between your body and your mind.
</p>
<a href="#ailment" class="button">Read more</a>
</header>
<!-- ailments page -->
<div id="ailment">
<section class="cards">
<h1>Select your ailment!</h1>
<div class="search-box">
<div class="search-input">
<input type="text" placeholder="Type to search..">
<div class="autocom-box">
</div>
<span class="material-symbols-outlined">search</span>
</div>
</div>
<div class="cue">
<!-- six boxes for six different ailments -->
<div class="box">
<a href="html/digestive.html">
<img src="images/digestive.jpg" alt="digestive">
<div class="dis">Digestive disorders</div>
</a></div>
<div class="box">
<a href="html/heartdisease.html">
<img src="images/heart.jpg" alt="heart Diseases">
<div class="dis"> Heart problem</div>
</a></div>
<div class="box">
<a href="html/depression.html">
<img src="images/anxiety.jpg" alt="anxiety">
<div class="dis"> Anxiety/panic </div>
</a></div>
<div class="box">
<a href="html/asthama.html">
<img src="images/asthma.jpg" alt="asthma">
<div class="dis"> Asthma</div>
</a></div>
<div class="box">
<a href="html/bodypain.html">
<img src="images/pain.jpg" alt="back pain">
<div class="dis"> Joint pain</div>
</a></div>
<div class="box">
<a href="html/diabetes.html">
<img src="images/diabetes.jpg" alt="diabetes">
<div class="dis">Diabetes</div>
</a></div>
</div>
</section>
</div>
<!-- Contact Us page -->
<div id="contactus">
<form action="https://formsubmit.co/devanshsahni123@gmail.com" method="POST">
<section class="contact">
<h1>Contact Us</h1>
<input type="hidden" name="_captcha" value="false">
<input type="text" placeholder="Name" name="name" required>
<input type="email" placeholder="Email" name="email" required>
<textarea type="text" class="message" name="Message" placeholder="Type your message here"></textarea>
<button type="submit"> Send</button>
<input type="hidden" name="_next" value="https://devanshsahni.github.io/Rog-Free/">
</section>
</form>
</div>
<!-- Footer -->
<footer class="footer">
<p>Be a part of our community today.</p><br>
<!-- Links for instagram and facebook using google fonts -->
<div class = "foot">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
</div>
</footer>
<script src="javascript/searchbox.js"></script>
</body>
</html>