forked from swarupe7/MedPlant
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbasil.html
More file actions
246 lines (190 loc) · 12.6 KB
/
basil.html
File metadata and controls
246 lines (190 loc) · 12.6 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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MedPlant</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="footer.css">
<link rel="icon" type="image/x-icon" href="./img/leaf.png">
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/blog/">
<link href="/docs/5.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.3/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.3/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.3/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#712cf9">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
z-index: 1500;
}
</style>
<!-- Custom styles for this template -->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="blog.css" rel="stylesheet">
</head>
<body>
<nav class="navbar bg-dark">
<div class="container-fluid">
<a class="navbar-brand text-light" href="./home.html">
<img src="./img/leaf.png" alt="Logo" width="30" height="24" class="d-inline-block align-text-top"> MedPlant
</a>
</div>
</nav>
<main class="container">
<div class="p-4 p-md-5 mb-4 rounded text-body-emphasis bg-body-secondary" style="background-image: url(https://www.gardeningknowhow.com/wp-content/uploads/2019/01/holy-basil-400x267.jpg);">
<div class="col-lg-6 px-0">
<h1 class="display-4 fst-italic" style="color:white"> Holy Basil: The Sacred Herb for Health and Harmony</h1>
<p class="lead mb-0" style="color:white"><a href="#main-page" class="text-body-emphasis fw-bold" >Continue reading...</a></p>
</div>
</div>
<div class="row g-5">
<div class="col-md-8">
<h3 class="pb-4 mb-4 fst-italic border-bottom">
From the Firehose
</h3>
<article class="blog-post">
<h2 class="display-5 link-body-emphasis mb-1" id="main-page">Basil blog post</h2>
<p>Introduction:
<br> Welcome to our blog, where we explore the fascinating world of holy basil (Ocimum tenuiflorum), a herb renowned for its cultural significance and incredible health benefits. In this article, we delve into the rich history,
traditional uses, and modern research surrounding holy basil. Join us as we uncover the secrets of this revered herb and discover how it can promote well-being and bring harmony into our lives.</p>
<hr>
<h2>Benefits:</h2>
<p><b>Section 1:</b> Origins and Sacredness Uncover the origins of holy basil and its deep-rooted spiritual and religious significance in India, particularly in the practice of Ayurveda. Explore the cultural traditions and rituals associated
with holy basil, including its use in ceremonies, meditation practices, and as a symbol of divinity and purity.
<br>
<b>Section 2:</b> Health Benefits and Therapeutic Properties Dive into the wide array of health benefits offered by holy basil, including its adaptogenic properties that help the body cope with stress. Discover how holy basil supports
immune system function and contributes to overall well-being. Explore its potential as an anti-inflammatory, antioxidant, and antimicrobial agent, as well as its effects on respiratory health, digestion, and cardiovascular wellness.
<br>
<b>Section 3:</b> Holy Basil in Modern Science Explore scientific studies and research validating the traditional uses of holy basil. Learn about the bioactive compounds found in holy basil, such as eugenol, rosmarinic acid, and
ocimumosides, and their potential therapeutic effects. Discover ongoing research into the herb's impact on mental health, diabetes management, and other conditions.
<br>
<b>Section 4:</b> Practical Uses and Incorporation into Daily Life Learn about the various forms in which holy basil is available, including teas, tinctures, and supplements. Discover simple ways to incorporate holy basil into
your daily routine, such as making tea, adding it to culinary dishes, or using it in aromatherapy practices. Explore recipes that feature holy basil, showcasing its versatility and adding a touch of sacredness to your meals.</p>
<h2>Conclusions:</h2>
<p>
As we conclude our exploration of holy basil, we invite you to embrace the remarkable qualities of this sacred herb in your journey towards health and harmony. Whether you seek stress relief, immune support, or a deeper connection with the spiritual aspects
of life, holy basil offers a holistic approach to well-being.
<br> Remember, while holy basil is generally considered safe, it is important to consult with a healthcare professional before incorporating it into your routine, especially if you have specific medical conditions or are taking
medications.
<br>
</p>
</article>
</div>
<div class="col-md-4">
<div class="position-sticky" style="top: 2rem;">
<div class="p-4 mb-3 bg-body-tertiary rounded">
<h4 class="fst-italic">About</h4>
<p class="mb-0">Holy Basil, also known as Tulsi, is a sacred herb revered in Hinduism. It has medicinal properties, aids respiratory health, reduces stress, and promotes well-being. Used in Ayurvedic medicine, it symbolizes purity and protection,
and its leaves are consumed as herbal tea for their calming effects.</p>
</div>
<div>
<h4 class="fst-italic">Recent posts</h4>
<ul class="list-unstyled">
<li>
<a class="d-flex flex-column flex-lg-row gap-3 align-items-start align-items-lg-center py-3 link-body-emphasis text-decoration-none border-top" href="neem.html">
<img class="bd-placeholder-img" width="60%" height="96" src="https://static.toiimg.com/photo/68670559.cms" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false">
<rect width="80%" height="100%" fill="#777" />
</svg>
<div class="col-lg-8">
<h6 class="mb-0"> The Miraculous Neem Plant: Nature's... </h6>
<small class="text-body-secondary">January 14, 2023</small>
</div>
</a>
</li>
<li>
<a class="d-flex flex-column flex-lg-row gap-3 align-items-start align-items-lg-center py-3 link-body-emphasis text-decoration-none border-top" href="aloevera.html">
<img class="bd-placeholder-img" width="60%" height="96" src="https://www.almanac.com/sites/default/files/styles/or/public/image_nodes/aloe-vera-white-pot_sunwand24-ss_edit.jpg?itok=BVzzldrw" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false">
<rect width="100%" height="100%" fill="#777" />
</svg>
<div class="col-lg-8">
<h6 class="mb-0">Aloe Vera: The Versatile Plant for Natural Wellness</h6>
<small class="text-body-secondary">January 15, 2023</small>
</div>
</a>
</li>
<li>
<a class="d-flex flex-column flex-lg-row gap-3 align-items-start align-items-lg-center py-3 link-body-emphasis text-decoration-none border-top" href="lavender.html">
<img class="bd-placeholder-img" width="60%" height="96" src="https://i0.wp.com/post.healthline.com/wp-content/uploads/2020/04/11450-Natures_9_Most_Powerful_Plants-body8_1296x728.jpg?h=1528" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false">
<rect width="100%" height="100%" fill="#777" />
</svg>
<div class="col-lg-8">
<h6 class="mb-0">Lavender: The Soothing Scent of Serenity and...</h6>
<small class="text-body-secondary">January 16, 2023</small>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<script src="/docs/5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>