Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

glasgow class 6-siver omar-html/css-week1 #326

Open
siveromar wants to merge 1 commit into
base: master
Choose a base branch
from
Open

glasgow class 6-siver omar-html/css-week1 #326

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 57 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,60 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
* {
margin: 0px;
padding:0px;
}
header {

justify-content: left;

top: 15px;
left: 15px;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.9) 0px 2px 0px;
z-index: 10;
background-color:white;

}


body {
margin:0;
height: 100%;
font-family: popins,sansarif;
font-weight: 350;
font-size: 1.9rem;
line-height: 1.1;
color: blue;
background-color: rgb(217, 192, 196);
}

a{
color:blue;
}

.nav-list{
display: flex;
margin-right: 2rem;
}

nav, li {
list-style: none;
}
.c-site-header a {
text-decoration: none;
color: blue;

}

.nav-list a {
display: block;
font-size: 2.5rem;
padding: 1.3rem;
}

.c-site-footer{
background-color:white;
text-align:center;
}
73 changes: 72 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,5 +18,76 @@
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>

<header class="c-site-header">
<h1>chamomile</h1>

<nav id="nav-list" aria-label="Main Site Links.">
<ul class="nav-list">
<li>
<a href="#What Is Chamomile?">What Is Chamomile?</a>
</li>
<li>
<a href="#Why do people take chamomile?">Why do people take chamomile?</a>
</li>
<li>
<a href="#How much chamomile should you take?">How much chamomile should you take?</a>
</li>
<li>
<a href="#What are the risks of taking chamomile?">What are the risks of taking chamomile?</a>
</li>
</ul>
</nav>










</header>

<main class="row">
<section class="column">
<h1>What Is Chamomile?
</h1>
<img src="https://img.webmd.com/vim/live/webmd/consumer_assets/site_images/article_thumbnails/other/chamomile_other/1800x1200_chamomile_other.jpg?resize=550px:*&output-quality=50" alt="chamomile image">
<p>Chamomile has been used as a traditional medicine for thousands of years to calm anxiety and settle stomachs. In the U.S., chamomile is best known as an ingredient in herbal tea.</p>
<article><h1>Why do people take chamomile?</h1>
<p> <section class="column">Chamomile is considered a safe plant and has been used in many cultures for stomach ailments and as a mild sedative. Some studies, primarily using combinations of chamomile with other plants, show it may have health benefits. However, as with any combination product, it is hard to say that a benefit comes from any one plant.</section>
<section>One product with chamomile and other herbal medicines has been shown to ease upset stomach, heartburn, nausea, and vomiting. Another mixture with chamomile seems to help colicky babies.</section>
<section>A mouth rinse with chamomile might relieve mouth sores caused by cancer treatments. Some research suggests that chamomile could help with other conditions, like diarrhea in children, hemorrhoids, anxiety, and insomnia. When used on the skin, chamomile might help with skin irritation and wound healing. Some research has documented that it may be as effective as hydrocortisone cream for eczema.</section></p>
</article>
<img src="https://images.medicinenet.com/images/article/main_image/is-it-ok-to-drink-chamomile-tea-everyday.jpg" alt="chamomile tea">
<article><h1>How much chamomile should you take?</h1>
<p>
<section class="column">There is no standard dose of chamomile. Studies have used between 900 milligrams to 1200. milligrams daily in capsule form.</section>
<section>The most common form is a tea, and some people drink one to four cups daily. To make chamomile tea, steep a chamomile tea bag or chamomile flowers in hot water for 5 to 10 minutes in a mug covered with a saucer.</section>
<section> Then, drink the infusion when it has cooled to the point it is safe to drink. Ask your doctor for other advice.</section></p>
</article>
<img src=" https://c.ndtvimg.com/2022-07/mfd229ag_chamomile-tea_625x300_19_July_22.jpg?im=FaceCrop,algorithm=dnn,width=384,height=384" alt="how much should it take">
<article><h1>What are the risks of taking chamomile?</h1>
<p><section class="column">Side effects. Most experts say chamomile is safe. It can cause drowsiness and, in large doses, vomiting. It also has the potential to trigger allergic reactions in people who are allergic to related plants in the daisy family, although such reactions are very rare. Avoid it if you are allergic to these plants: chamomile, ragweed, daisies, marigolds, or chrysanthemums. Skin creams with chamomile can cause allergic eczema and irritate the eyes. The effects of long-term chamomile use aren't known.</section>
<section>Risks. Check with your doctor before using chamomile if you have any health problems. Chamomile contains a small amount of coumarin, which may have very mild blood thinning effects, but usually just in high doses for long periods of time. Stop using chamomile two weeks before surgery due to concerns about its possible interactions with anesthetic drugs.</section>
<section>Interactions. If you take any drugs regularly, talk to your doctor before you start using chamomile supplements. They could interact with sedatives, blood thinners, antiplatelet drugs, aspirin, NSAID painkillers like ibuprofen and naproxen, and other drugs. Chamomile could also interact with supplements like ginkgo biloba, garlic, saw palmetto, St. John's wort, and valerian.</section></p>
</article>

</section>

</main>
<footer
class="c-site-footer" id="contact">
<div> <br><b>Contact Me<br><br>G-mail:siveromar95@gmail.com</b><br><br>
</div>


<aside id="tests" aria-label="Test Readout." aria-live="polite" style="overflow:auto">
</aside></html>

</footer>

</body>
</html>