forked from nisha331/flow_cycle1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ovulation.html
114 lines (107 loc) · 6.24 KB
/
ovulation.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
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OVULATION</title>
<link rel="stylesheet" href="/css_files/styleovulation.css">
<link rel="icon" href="images/icon.png" type="image/icon type">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dosis:400,700">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css_files/scrolltoTop.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm navbar-light bg-light">
<a href="#"
class="navbar-brand mb-0 h1">
<img class="d-inline-block align-top"
src="icon.png"
width="30" height="30"/>
FLOW CYCLE
</a>
<button type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" class="navbar-toggler"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a href="index.html" class="nav-link active">
HOME
</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle"
id="navbarDropDown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false">
ARTICLES AND INFORMATION
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropDown">
<li><a href="womenhealth.html"
class="dropdown-item">WOMEN HEALTH</a></li>
<li><a href="menstrualcycle.html"
class="dropdown-item">MENSTRUAL CYCLE</a></li>
<li><a href="pregnancy.html"
class="dropdown-item">PREGNANCY</a></li>
</ul>
</li>
</ul>
<!--<form class="d-flex">
<input type="text" class="form-control me-2">
<button class="btn btn-outline-success">ENTER YOUR LAST MENSTRUAL DATE</button>
</form>-->
</div>
</nav>
<h1 class="heading">Ovulation</h1>
<div class="information">
<div class="info">
<p>Ovulation is the process where a mature egg is released from the ovary and travels down the fallopian tube, where it may become fertilized by sperm. Here is some information regarding ovulation, including how it happens, when it typically occurs, and some precautions to keep in mind:</p>
<div class="video">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/usEIVynA0Ck?start=6&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<ul>
<li class="head">How does ovulation happen?</li>
<li>Ovulation is triggered by a surge of luteinizing hormone (LH) from the pituitary gland, which causes the follicle in the ovary to burst and release the egg. This typically occurs around day 14 of a 28-day menstrual cycle, but can vary depending on the length of the cycle and individual factors such as stress, illness, and hormonal imbalances.</li>
<li class="head">When does ovulation occur?</li>
<li>Ovulation typically occurs once a month in women who have regular menstrual cycles. The exact timing of ovulation can vary from woman to woman and can be influenced by factors such as age, stress, illness, and hormonal imbalances. It is possible for some women to ovulate more than once in a cycle, although this is relatively rare.
</li>
<li class="head">What are some precautions to keep in mind during ovulation?</li>
<li>
If you are trying to conceive, it is important to have intercourse during the days leading up to and including ovulation, as this is when the egg is most likely to be fertilized. However, it is important to also use contraception if you are not trying to conceive, as ovulation can occur unpredictably and sperm can survive for several days in the reproductive tract.
</li>
<li>
In addition, some women experience symptoms such as bloating, breast tenderness, and mood changes during ovulation, which can be uncomfortable or inconvenient. Over-the-counter pain relievers and other remedies may help alleviate these symptoms.
</li>
</ul>
<p></p>
<p>Finally, it is important to remember that ovulation does not always result in pregnancy, and there are many factors that can influence fertility. If you have concerns about your fertility or are having difficulty conceiving, it is recommended that you speak with your healthcare provider.</p>
<p></p>
<p></p>
<p class="end"><a href=" https://www.mayoclinic.org/diseases-conditions/ovulation/symptoms-causes/syc-20354673">Mayo Clinic. (2022). Ovulation.</a></p>
<p class="end"><a href="https://www.womenshealth.gov/menstrual-cycle/ovulation">Office on Women's Health. (2019). Ovulation. </a></p>
</div>
</div><div class="scrollToTopContainer">
<button id="scrollToButton" class="HideElement scrollToTopButton" title="Click to scroll top">
<img src="images/Chevron.svg" alt="Scroll-To-Top" />
</button>
</div>
</body>
<script>
const scrollToTopHandler = () => {
let btn = document.getElementById("scrollToButton");
if (window.scrollY > 500) {
btn.className = "scrollToTopButton";
} else {
btn.className = "HideElement scrollToTopButton";
}
}
window.addEventListener("scroll", scrollToTopHandler);
document.getElementById("scrollToButton").addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: "smooth"
});
})
</script>