-
Notifications
You must be signed in to change notification settings - Fork 1
/
feed.html
130 lines (123 loc) · 4.28 KB
/
feed.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--
#META TAGS
-->
<meta
name="description"
content="Discover your ideal diet plan with MealMaster - the ultimate online search tool for healthy eating. Find personalized meal plans, recipes, and nutrition tips to help you achieve your goals."
/>
<meta
name="keywords"
content="healthy eating, diet plan, meal planner, nutrition, recipes, weight loss, health tips, wellness, food choices, dietary needs"
/>
<meta name="author" content="Your Name or Company Name" />
<meta name="robots" content="index,follow" />
<meta name="canonical" content="https://www.example.com/mealmaster" />
<!-- OG (Open Graph) tags for social media sharing -->
<meta
property="og:title"
content="MealMaster - Your Ultimate Guide to Finding the Perfect Diet Plan"
/>
<meta
property="og:description"
content="Discover your ideal diet plan with MealMaster - the ultimate online search tool for healthy eating. Find personalized meal plans, recipes, and nutrition tips to help you achieve your goals."
/>
<meta
property="og:image"
content="https://www.example.com/images/mealmaster.png"
/>
<meta property="og:url" content="https://www.example.com/mealmaster" />
<meta property="og:type" content="website" />
<title>
MealMaster - Your Ultimate Guide to Finding the Perfect Diet Plan
</title>
<!--
#FAVICON IMAGE
-->
<link
rel="shortcut icon"
href="./public/image/favicon.png"
type="image/x-icon"
/>
<!--
#CUSTOM CSS LINK
-->
<link rel="stylesheet" href="./public/css/style.css" />
<link rel="stylesheet" href="./public/css/util.css" />
<link rel="stylesheet" href="./public/css/main-page.css" />
<!--
#GOOGLE FONTS LINK
-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400&family=Sofia&display=swap"
rel="stylesheet"
/>
<!-- fontawasome -->
<script
src="https://kit.fontawesome.com/27f3ffb9e9.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--
#HEADER
-->
<header class="container header">
<a href="#">
<h2 class="logo">Meal <span>Master</span></h2>
</a>
<nav class="navbar" data-navbar>
<ul class="nav__list">
<li>
<a class="nav__link" href="#">Saved Plans</a>
</li>
<li>
<a class="nav__link" href="./profile.html">Profile</a>
</li>
</ul>
</nav>
</header>
<main class="container--center container--desktop">
<section class="main-feed">
<div class="input--group fs--medium mb--6" id="searchBar">
<input
type="text"
id="search"
placeholder="Search by problem or symptom..."
/>
<span class="icon" id="search">
<i class="fa-solid fa-magnifying-glass"></i>
</span>
</div>
<div class="list" id="feeds">
<div class="feed">
<span class="icon" id="brain">
<i class="fa-solid fa-brain"></i>
</span>
<div class="symptom">
<h2 class="mb--1">Hypertension medication</h2>
<p class="mb--2">
I am having stress type headache since one month for which my
pshychiatrist prescribe me propanol 40 mg he wants me to change
to propanol from nebivelol 5mg which control pressure,tension
headache and anxiety I am already taking nebicard 5 once in
morning for hypertension pressure well control 130/80 Pls advice
can a pshychiatrist change your pressure medicine
</p>
<div class="footer">
<span class="view"><em id="count">16</em> Views</span>
<span class="time">6:00pm</span>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
</html>