-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
213 lines (206 loc) · 10.8 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
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
210
211
212
213
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="resp_text.css">
<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://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Document</title>
</head>
<body>
<section class="homePage">
<!--Pawan navbar-->
<div class="navbar">
<div class="logo">
<img src="logo.png" alt="articles/article.html">
</div>
<div class="menus">
<li><a href="#">Home</a></li>
<li><a href="articles/article.html">Articles</a></li>
<li><a href="ask.html">Ask a question</a></li>
<li><a href="about.html">About</a></li>
</div>
<div class="profile">
<a href="login.html"><p>Login</p></a>
</div>
<!--Pawan navbar-->
<!--Yogendar&Ravi article-->
</div>
<div class="main">
<!--Yogendar article-->
<div class="articleBox">
<h2>Recent articles</h2>
<div class="article article-cat1">
<p>Allergies</p>
<ol>
<li><a href="articles/article.html">Know Before You Go: Allergy Tests</a></li>
</ol>
</div>
<div class="article article-cat2">
<p>Alzheimer's Disease</p>
<ol>
<li><a href="articles/article.html">New Alzheimer’s Drug Slows Disease Progression</a></li>
<li><a href="articles/article.html">Cynical? You Could Be Hurting Your Brain</a></li>
<li><a href="articles/article.html">Do This for 20 Minutes to Skirt Alzheimer's</a></li>
</ol>
</div>
<div class="article article-cat3">
<p>Anger Management</p>
<ol>
<li><a href="articles/article.html">What Your Job Can Do to Your Heart</a></li>
<li><a href="articles/article.html">Zen and the Art of Injury Prevention</a></li>
<li><a href="articles/article.html">A Flash of Red Can Sharpen Focus</a></li>
</ol>
</div>
<div class="article article-cat4">
<p>Chemotherapy For Cancer</p>
<ol>
<li><a href="articles/article.html">Dancing Away from Chemo-Induced Neuropathy</a></li>
</ol>
</div>
<div class="article article-cat5">
<p>Eye and Vision</p>
<ol>
<li><a href="articles/article.html">Seeing the Light at the Eye Doctor</a></li>
<li><a href="articles/article.html">What You Need to Know About Macular Degeneration</a></li>
<li><a href="articles/article.html">5 ways to prevent Computer Eye strain</a></li>
</ol>
</div>
<div class="article article-cat6">
<p>Feelings & Emotions in Relationships</p>
<ol>
<li><a href="articles/article.html">How to Forgive Someone, Even When It Feels Impossible</a></li>
<li><a href="articles/article.html">Laughter and Love</a></li>
<li><a href="articles/article.html">Are You Hungry for Relationships?</a></li>
</ol>
</div>
<div class="article article-cat7">
<p>Hepatitis C</p>
<ol>
<li><a href="articles/article.html">Where to Find Support During Your Hep C Treatment</a></li>
<li><a href="articles/article.html">How to Emotionally Support Someone with Hep C</a></li>
<li><a href="articles/article.html">Living with Hep C Fatigue</a></li>
</ol>
</div>
<div class="article article-cat8">
<p>Memory</p>
<ol>
<li><a href="articles/article.html">A Bard Remembers Best: Memory Booster</a></li>
<li><a href="articles/article.html">Flex your memory</a></li>
</ol>
</div>
</div>
<!--Yogendar article-->
<div class="questionBox">
<div class="filter">
<form action="" id="question-form">
</form>
<label for="cars">Category</label>
<select name="choose" id="choose-category">
<option value="mental_illness">Mental Illness</option>
<option value="surgery">Surgery</option>
<option value="cancer">Cancer</option>
<option value="blood">Blood</option>
<option value="cardiovascular">Cardiovascular</option>
<option value="ear">Ear</option>
<option value="eye">Eye</option>
<option value="infection">Infection</option>
<option value="congetical">Congenital Disorder </option>
<option value="skin">skin</option>
<option value="stroke">stroke</option>
<option value="immune">Inflammatory and Immune system</option>
<option value="metabolic">Metabolic and Endocrine</option>
<option value="all">All</option>
</select>
</div>
<div class="questions">
<div class="mental question question1">
<p style="width: 100%;font-size: 2rem;">What was your worst experience in a Mental Hospital?</p>
<div class="question-info">
<div class="options likes">
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i><p>20</p>
</div>
<div class="options down">
<i class="fa fa-thumbs-o-down" aria-hidden="true"></i><p>15</p>
</div>
<div class="options views">
<i class="fa fa-eye" aria-hidden="true"></i><p>50</p>
</div>
<div class="reviews">
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<div class="options bookmark">
<i class="fa fa-bookmark-o" aria-hidden="true"></i>
</div>
<div class="questions-user">
<p>Kartik</p>
</div>
</div>
</div>
<div class="surgery question question2">
<p style="width: 100%;font-size: 2rem;">What was your worst experience in a Hospital?</p>
<div class="question-info">
<div class="options likes">
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i><p>20</p>
</div>
<div class="options down">
<i class="fa fa-thumbs-o-down" aria-hidden="true"></i><p>15</p>
</div>
<div class="options views">
<i class="fa fa-eye" aria-hidden="true"></i><p>50</p>
</div>
<div class="reviews">
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<div class="options bookmark">
<i class="fa fa-bookmark-o" aria-hidden="true"></i>
</div>
<div class="questions-user">
<p>Kartik</p>
</div>
</div>
</div>
<div class="cancer question question3">
<p style="width: 100%;font-size: 2rem;">What was your worst experience in a Hospital?</p>
<div class="question-info">
<div class="options likes">
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i><p>20</p>
</div>
<div class="options down">
<i class="fa fa-thumbs-o-down" aria-hidden="true"></i><p>15</p>
</div>
<div class="options views">
<i class="fa fa-eye" aria-hidden="true"></i><p>50</p>
</div>
<div class="reviews">
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span id="star"class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<div class="options bookmark">
<i class="fa fa-bookmark-o" aria-hidden="true"></i>
</div>
<div class="questions-user">
<p>Kartik</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="app.js"></script>
</body>
</html>