-
Notifications
You must be signed in to change notification settings - Fork 0
/
Periods.html
176 lines (142 loc) · 11.4 KB
/
Periods.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="http://lyrics.url.com/favicon.ico">
<title>MENSTRUAL MAZE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="mine.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
<h1>MENSTRUAL MAZE</h1>
<h3>A friend for your crampy menstruation</h3>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="myNavbar">
<ul>
<li class="active"><a href="Periods.html">Home</a></li>
<li><a href="your.html">Your Period</a></li>
<li><a href="https://www.youtube.com/watch?v=Knx3bAllvhc">How to Use?</a></li>
<li><a href="http://menstrupedia.com/blog/">Blog</a></li>
<li style="float: right"> <a class="navbar-brand" href="https://en.wikipedia.org/wiki/Menstrual_Hygiene_Day">Menstrual Hygeine Day!</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>What's a Menstruation?</h2>
<img src="https://janedoesdotblog.files.wordpress.com/2017/03/img_0192.jpg" width="350" height="300">
<p>When your body hits puberty, things start to change. But the exact moment puberty starts varies from person to person. It can start as early as 10 or as late as 16 – all is normal. During puberty, your body starts to produce a new set of hormones. These hormones will send out signals to your body, and some of them will tell your body to start to prepare for pregnancy every month.</p>
<p>The menstrual cycle is a series of natural processes that your body goes through. During your period cycle, your hormone levels rise and fall, depending on which stage of your menstrual cycle you are in. These hormones can also affect your mood and level of energy.</p>
<p>The length of a menstrual cycle can vary from 23 days to 35 days. All bodies are different, so the length of your own menstrual cycle may be shorter or longer and not all menstrual cycles are regular.</p>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8">
<h2>What Happens During Menstrual Cycle?</h2>
<h5>In total, your menstrual cycle consists of four different stages.</h5>
<h4>1.Phase:Menstrual Phase</h4>
<h6>This is what happens in your body:</h6>
<p> The first day of your period is the start of your menstrual cycle. The reason you might experience menstrual cramps during the first days of your periods is that the uterus lining breaks down and sheds. You begin menstruation.</p>
<h6>This is how it might affect you:</h6>
<p> During menstruation, you may feel low on energy and have aches or pains. Check out some tips on what to do against menstrual cramps.</p>
<embed src="https://www.youtube.com/embed/NWGttqAJPJg" allowfullscreen="true" width="999" height="500">
<br>
<h4>2.Phase:Preparing For Ovulation(Follicular Phase)</h4>
<h6>This is what happens in your body:</h6>
<p>After the last day of your period, your body prepares for ovulation. Here a hormone called follicle-stimulating hormone (FSH) stimulates your ovaries to produce a matured egg. This maturing process produces estrogen, which makes the lining of your uterus thicken with nutrients and blood, so it will be able to provide the egg with the support it needs in case of pregnancy.</p>
<h6>This is how it might affect you:</h6>
<p> Your estrogen levels start to rise and you might find yourself being in a better mood and having more energy. During this phase you might also notice more discharge (clear or white sticky mucus). This is normal.</p><br>
<h4>3.Phase:Ovulation</h4>
<h6>This is what happens in your body:</h6>
<p>During ovulation, the matured egg is finally released into the fallopian tube and travels to the uterus. The egg can survive for 12-24 hours. During this time, if it comes in contact with sperm, it is fertilised. So keep in mind that during these days you are most likely to get pregnant (remember to use contraception).</p>
<h6>This is how it might affect you:</h6>
<p> During this phase you might feel a boost of energy and inspiration. You might also feel an increase in your sex drive. Your body produces high levels of estrogen. </p><br>
<h4>4.Luteal Phase:End Of Menstrual Cycle</h4>
<h6>This is what happens in your body:</h6>
<p> After the egg has travelled down the fallopian tube it gets to the womb. Your body starts to produce a new hormone called progesterone. This hormone will make sure your uterus keeps building up it’s lining.</p>
<p>But If the egg is not fertilized, levels of estrogen and progrestarone drop. Your uterus does not need to maintain the nutritous lining it built up so it starts to break it down.</p>
<p>The thick lining and blood that was built up during the menstrual cycle will leave your body. This is your menstruation and it means that a new cycle begins.</p>
<h6>This is how it might affect you:</h6>
<p>Due to the rise in progesterone your stress levels can increase easily and you might feel moodier during this phase. You might also feel easily irritated, experience some sadness or feel anxious. Your breast might feel more sensitive or even sore. </p>
<embed src="https://www.youtube.com/embed/_iyK2L353FQ" allowfullscreen="true" width="999" height="500">
<h4>Know Your Cycle, Stay Healthy</h4>
<p>Understanding your monthly cycle can improve your life. Knowing which time of the month your energy levels are highest when you are most fertile, most sensitive and have the highest libido can make some great changes to how you handle your day to day life. Here are some important look out points during your cycle:</p>
<h6>When am I most likely to get pregnant?</h6>
<p>You are most fertile during ovulation, which is around 2 weeks after the first day of your period. So take extra care</p>
<h6>What is my cervical mucus telling me? </h6>
<p>Adapting to the hormonal changes your body goes through during your menstrual cycle, your cervical mucus will also change. Due to the change in consistency and quantity. If you’re a cervical mucus expert, you will be able to tell if you’re ovulating, just by looking at your cervical fluid. </p>
<h6>How can I plan around my period?</h6>
<p>Start tracking your menstrual cycle to get the most out of your month. That way you can plan when to book your holiday, and time any big plans according to your period.</p><br>
<h2>Getting Bored?</h2>
<p>Pss!! Click below to have some fun.</p>
<a href="https://thestir.cafemom.com/healthy_living/174150/20_creative_ways_women_say">
<img src="http://cliparts.co/cliparts/kcM/nz4/kcMnz4zXi.jpg" style="width:90px;height:90px;border:10; margin-left:600px;">
</a>
<h2>Newsletter</h2>
<form action="/action_page.php">
<div class="container">
<h2>Subscribe to our Newsletter</h2>
<p>Get yourself subscribed to our newsletter to stay updated on your menstrual health.</p>
</div>
<div class="container">
<input type="text" placeholder="Name" name="name" required>
<input type="text" placeholder="Email address" name="mail" required><br>
<label>
<input type="checkbox" checked="checked" name="subscribe"> Daily Newsletter
</label>
</div>
<div class="container">
<input type="submit" value="Subscribe">
</div>
</form>
<div class="container">
<div style="text-align:center">
<h2>Contact Us</h2>
<p>Swing by for a cup of coffee, or leave us a message:</p>
</div>
<div class="row">
<div class="column">
<form action="/action_page.php">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="india">India</option>
<option value="srilanka">
Sri Lanka</option>
<option value="bangladesh">Bangladesh</option>
</select><br>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:20px;width: 200px;"></textarea><br>
<input type="submit" value="Submit">
</form>
</div>
</div>
</div>
<div class="social">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.facebook.com/profile.php?id=100009570404925" class="fa fa-facebook"></a>
<a href="https://twitter.com/dipti_nayan" class="fa fa-twitter"></a>
<a href="https://www.google.co.in/search?q=menstruation&oq=menstru&aqs=chrome.0.69i59j69i57j0l4.2417j0j8&sourceid=chrome&ie=UTF-8" class="fa fa-google"></a>
<a href="https://www.linkedin.com/in/dipti-nayan-9746b1115/" class="fa fa-linkedin"></a>
<a href="https://www.youtube.com/results?search_query=menstruation" class="fa fa-youtube"></a>
<a href="https://www.instagram.com/dipti_nayan/" class="fa fa-instagram"></a>
<a href="https://in.pinterest.com/explore/funny-period-quotes/?lp=true" class="fa fa-pinterest"></a>
</div>
</div>
</div>
</div>
<div class="jumbotron text-center" style="margin-bottom:0">
<p>Coded by: DIPTI NAYAN</p>
</div>
</body>
</html>