forked from nisha331/flow_cycle1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
menstrualcycle.html
141 lines (130 loc) · 7.35 KB
/
menstrualcycle.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
<!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="stylesheet" href="css_files/style.css">
<link rel="stylesheet" href="css_files/go_to_top.css">
<link rel="icon" href="images/icon.png">
<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">
<title>Menstrual Cycle</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">Menstrual Cycle</h1>
<div class="information">
<div class="inf">
<p class="exclaim">Its all about knowing yourself better, and <b>say goodbye to the unexpected dates!</b></p>
<p>Your menstrual cycle days begin from the first day of your last period and end on the first day of your next. The length of normal menstrual cycle days is different for different women, but the average length of a cycle can be anywhere between 24 to 38 days.</p>
<p>The length of period cycle days is also dynamic. It keeps changing between your <b>menarche </b>(when your periods first arrive during puberty) and <b>menopause</b> (when your periods stop forever).</p>
<p>The key elements involved in and affecting women's menstrual cycle is a complex interaction between your brain, female hormones: oestrogen and progesterone, the uterus, and the ovaries.</p>
<p>The pituitary gland situated at the base of your brain signals your ovaries to secrete oestrogen and progesterone that prepare the body for a possible pregnancy. Thus, commencing the menstrual period cycle which progresses in four main phases:</p>
<ul>
<li><b>Menstruation:</b></li>
<p></p>
<p>During this phase, a menstrual fluid consisting of blood, mucus, and the cells of the uterine lining is eliminated through the vaginal opening. This is your period. It can last anywhere between 2 to 7 days.</p>
<li><b>The Follicular Phase:</b></li>
<p></p>
<p>The follicular phase of your menstrual cycle begins from the first day of your period and lasts up until ovulation. In the course of this phase, oestrogen levels rise, and the ovaries prepare for the release of an egg for possible fertilization.
The follicular phase also stimulates the phase where the uterine lining begins to build again.</p>
<li><b>Ovulation:</b></li>
<p></p>
<p>In this phase, ovaries release the egg. It travels through the fallopian tubes and implants itself into the lining along the walls of your uterus.
This phase usually occurs around two weeks prior to your periods. During this process, the oestrogen level peaks and drops just shortly after.
The typical life span of this egg is about 24 hours. Unless it is fertilised by a sperm cell during this window, it dies and is shed along with the uterine lining.</p>
<li><b>The Luteal Phase:</b></li>
<p>The phase that occurs between ovulation and the first day of your period is called the luteal phase. This phase sees a rise in the level of progesterone, required to maintain the thickness of the uterine lining to nurture the fertilised egg. Now, if during that time, pregnancy does not occur, progesterone levels drop. This causes the uterine lining to break down and shed away, along with other menstrual fluid.</p>
</ul>
</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>