forked from nisha331/flow_cycle1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ovulation.html
144 lines (134 loc) · 7.46 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css_files/utils.css">
<link rel="stylesheet" href="articlestyle.css">
<link rel="stylesheet" href="css_files/stylemenstrualcycle.css">
<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@800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Serif+Caption&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.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">
<link rel="stylesheet" href="css_files/style.css">
<link rel="stylesheet" href="css_files/go_to_top.css">
<link rel="icon" href="images/icon.png">
<title>Ovulation</title>
</head>
<body>
<button class="gotop">
<img src="images/upButton.png" alt="arrow up">
</button>
<section class="navigation-bar">
<nav class="navbar navbar-expand-sm me-0 p-0" style="background-color: white;">
<div class="container-fluid">
<a class="navbar-brand p-0"href="index.html"><img src="images/icon.png" height="70" alt="flow cycle logo"><p class="logoheading">FLOW CYCLE</p></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#"><img src="images/calendar.png" height="70" alt=""></a>
</li>
<li class="nav-item">
<a class="nav-link mx-4" href="#"><img src="images/woman.png" height="70" alt=""></a>
</li>
</ul>
</div>
</nav>
</section>
<div class="forma">
<div class="m-auto blog-post-content max-width-2 m-auto my-2">
<h1 class="heading">Ovulation</h1>
<div class="information">
<div class="inf">
<p class="exclaim">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>
<br>
<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><b>How does ovulation happen?</b></li>
<p>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.</p>
<li><b>When does ovulation occur?</b></li>
<p>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.
</p>
<li ><b>What are some precautions to keep in mind during ovulation?</b></li>
<p>
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.
</p>
<p>
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.
</p>
</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>
</ul>
<p ><a href=" https://www.mayoclinic.org/diseases-conditions/ovulation/symptoms-causes/syc-20354673">Mayo Clinic. (2022). Ovulation.</a><p></p>
<a href="https://www.womenshealth.gov/menstrual-cycle/ovulation">Office on Women's Health. (2019). Ovulation. </a></p>
</div>
</div>
</div>
</div>
<div class="footer" id="about">
<footer>
<div class="waves" >
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<ul class="social-icon">
<li>
<a href="https://jwoc.tech/" target="_blank"
><ion-icon name="logo-web-component"></ion-icon
></a>
</li>
<li>
<a href="https://twitter.com/TeamJWOC" target="_blank"
><ion-icon name="logo-twitter"></ion-icon
></a>
</li>
<li>
<a href="https://www.linkedin.com/company/jwoc/" target="_blank"
><ion-icon name="logo-linkedin"></ion-icon
></a>
</li>
<li>
<a href="https://github.com/jwoc-jgec" target="_blank"
><ion-icon name="logo-github"></ion-icon
></a>
</li>
<li>
<a href="mailto:contact.jwoc@gmail.com" target="_blank"
><ion-icon name="mail-outline"></ion-icon
></a>
</li>
</ul>
<p>Copyright © JWOC 2023 All Rights Reserved</p>
<p>
Created by
<a href="https://github.com/nisha331" target="_blank">Nisha Yadav</a> and
<a
href="https://github.com/nisha331/flow_cycle1/graphs/contributors" target="_blank"
>Team</a
>
</p>
</footer>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<script src="js_files/go_to_top.js"></script>
</body>
</html>