-
Notifications
You must be signed in to change notification settings - Fork 0
/
faqs.html
211 lines (185 loc) · 12.9 KB
/
faqs.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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html>
<head>
<title>The Period Hub - FAQs</title>
<meta charset="utf-8">
<meta name="viewport" content="width=devide-width, initial-scale=1.0">
<meta name="description" content="The Period Hub's mission is to unify amazing projects altogether to finally tackle
the period poverty by the end of 2019.">
<meta name="keywords" content="Period Hub, Period Poverty, Period, Donate, Code First Girls, Web Development">
<link rel="icon" type="image/png" sizes="16x16" href="img/equality.jpg">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300|Roboto:400,700" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="css/responsive.css" rel="stylesheet">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136830055-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136830055-1');
</script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<section id="about">
<div id="faqs-cover" class="bg-parallax animated fadeIn">
<div id="about-content-box">
<div id="about-content-box-inner" class="text-center">
<div id="about-heading" class="animated zoomIn">
<div class="container-fluid" style="height:100%;">
<h1>FRQUENTLY ASKED QUESTIONS</h1>
<p>Let us solve some of your doubts!</p></br>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- NavBar -->
<div class="bs-example bs-navbar-top-example" data-example-id="navbar-fixed-to-top">
<nav class="navbar navbar-default">
<div class="navbar-header"> <!-- data-spy="affix" data-offset-top="610" -->
<button type="button" class="collapsed navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a href="#" class="navbar-brand">THE PERIOD HUB</a> -->
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="projects.html">PARTNERS</a></li>
<li class="active"><a href="faqs.html">FAQs</a></li>
<li><a class="smooth-scroll" href="#contact">CONTACT</a></li>
<li><button type="button" class="btn navbar-btn"><a href="https://www.google.com/" target="_blank"><i class="fas fa-search pfooter"></i></a></button></li>
</ul>
</div>
</div>
</nav>
</div>
<!--FAQs -->
<div class="container padding text-center">
<h2 id="show1">What is this project about? <i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer1 lead" style="display: none;">It's about fighting to end period poverty and the period stigma.
We believe that menstrual hygiene is a right, not a privilege...
that every person should be able to discover and reach their full potential,
regardless of a natural need.
Lack of access to menstrual products can create a
barrier to equal opportunity in education, even causing students
with periods to miss or be late to class,
or feel anxious about their period care.
PERIODS ARE NATURAL, AND PERIOD PRODUCTS SHOULD BE FREE AND ACCESSIBLE FOR ALL STUDENTS.</p>
</div>
<div class="container padding text-center">
<h2 id="show2">How do the donations work? <i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer2 lead" style="display: none;">Every penny donated through "The Period Hub" will be splited in equal percentages (%) in between all of the organizatios we work with!</p>
</div>
<div class="container padding text-center">
<h2 id="show3">What is Period Poverty? <i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer3 lead" style="display: none;">Not having the resources to manage your period. This doesn’t just mean financial resources, it’s also about not having access to appropriate products or not having sufficient knowledge, due to a lack of education, on how to manage your period.
Check this <a href="https://youtu.be/FewMElMVxbA" target="_blank">VIDEO</a> out.</p>
</div>
<div class="container padding text-center">
<h2 id="show4">Why does the Period Poverty still exist in the UK? <i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer4 lead" style="display: none;">In the UK, research has shown that women spend over £18,000 on their periods over the course of their lifetime.
Additionally, we are still paying a 5% VAT as they’re deemed a ‘luxury item’. Jaffa Cakes are considered an essential item, and so, remain untaxed. This is a sexist levy that upholds the taboo around periods.
As poverty and governmental cutbacks bite, and we see a growing dependence on food bank handouts, menstrual products become an unattainable luxury to many.
The shame and embarrassment around menstruation is still so prolific, that many people suffer alone, and in silence, reluctant to ask for help when they need it.
</p>
</div>
<div class="container padding text-center">
<h2 id="show5">Why should you bother donating?<i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer5 lead" style="display: none;">Research has shown that period poverty is a real issue right here in the UK. The Period Hub wants to tackle this issue, and through hosting our partners we can work together to create positive change for people who have difficulty accessing menstrual products, or who have issues with their menstrual health.
<iframe class="youtubevid" width="560" height="315" src="https://www.youtube.com/embed/pmtp9Ke-m34" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</p>
</div>
<div class="container padding text-center">
<h2 id="show6">What are the organizations you sponsor?<i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer6 lead" style="display: none;">We sponsor these 4 fabulous organizations:<a href="http://redboxproject.org/" target="_blank">The Red Box Project, </a><a href="http://bloodygoodperiod.com" target="_blank"> Bloody Good Period, </a> <a href="https://www.homelessperiodproject.org/" target="_blank"> The Homeless Period Project</a> & <a href="https://www.freeperiods.org/" target="_blank">#FreePeriods</a>. We invite you to take a look at their websites and follow them on their social media! </p>
</div>
<div class="container padding text-center">
<h2 id="show7">I don't menstruate - why should I get involved?<i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer7 lead" style="display: none;">You may not menstruate, but everyone has a mother, daughter, sister, aunty or friend that they care about who does. Society as a whole has created the taboos around menstruation, so we must all work together to break down these taboos. If we are all well educated about menstruation, we can be more empathetic and understand some of the issues better. We encourage all genders to engage with our education when working in developing countries and so do the same here in the UK.
<iframe class="youtubevid" width="560" height="315" src="https://www.youtube.com/embed/96cbK087d70" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</p>
</div>
<div class="container padding text-center">
<h2 id="show8">Is period still a taboo? Really?<i class="fas fa-chevron-circle-down"></i></h2>
<p class="answer8 lead" style="display: none;">Of course it is - if we are still too embarrassed to discuss menstruation with others, then still exists a taboo. What about the taboo of menstrual waste? We have banned plastic bags in the UK, yet one pack of disposable pads contain the equivalent of 4 plastic bags in each one. What about the taboo surrounding education? Many women still don’t know about basic aspects of their menstruation or practices around it. For example, many don’t know you shouldn’t flush tampons because they cause major problems to sewage systems, but no one ever told them. Or what about the taboo of women and girls living in poverty in the UK not having the money to buy pads or tampons?</p>
</div> </br></br>
<!-- Newsletter button -->
<section id="newsletter">
<div class="padding">
<button class="open-button center-block" onclick="openForm()">Subscribe to our Newsletter</button>
<div class="form-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<h1>Newsletters</h1>
<label for="name"><b>Name</b></label>
<input type="text" placeholder="Enter Name" name="name" required>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<button type="submit" class="btn">Subscribe</button>
<button type="button" class="btn cancel" onclick="closeForm()">Close</button>
</form>
</div>
</div>
</section> </br></br>
<!-- Footer -->
<section id="contact">
<footer class="container-fluid text-center wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
<div class="row">
<div class="col-sm-4">
<h3>Follow Us</h3> <br>
<a href="#" class="fab fa-facebook fa-2x fa-aling-justify"></a> <br>
<a href="#" class="fab fa-twitter fa-2x fa-aling-justify"></a> <br>
<a href="#" class="fab fa-google fa-2x fa-aling-justify"></a> <br>
<a href="#" class="fab fa-youtube fa-2x fa-aling-justify"></a> <br>
<a href="#" class="fab fa-github fa-2x fa-aling-justify"></a>
</div>
<div class="col-sm-4">
<h3>Find Us</h3><br>
<iframe class="icon" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d635451.2714219977!2d-0.660661754156768!3d51.527313118893595!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondon!5e0!3m2!1sen!2suk!4v1552860457448" width="200" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
<h4 class="purple">10 Bressenden Pl, <br> Westminster, London <br> SW1E 5DN</h4>
</div>
<div class="col-sm-4">
<h3>Contact Us</h3><br>
<i href="#" class="fas fa-phone fa-lg purple"> 0044123456</i> <br>
<i href="#" class="far fa-envelope fa-lg purple"> [email protected]</i> </br>
<i href="#" class="far fa-question-circle fa-lg purple"> Questions</i> <br>
<i href="#" class="fas fa-info-circle fa-lg purple"> Info</i> <br>
<i href="#" class="fas fa-bug fa-lg purple"> Report a bug</i>
</div>
</div>
<p>Made with <abbr title="love" name="love" <i class="far fa-heart pfooter"></i> </abbr> by <a href="https://github.com/jnz16" target="_blank" class="fab fa-github pfooter">Joanna</a> & <a href="https://github.com/renatajarmova" target="_blank" class="fab fa-github pfooter">Renata</a> for
</p>
<p><a href="https://codefirstgirls.org.uk" target="_blank" </a> <img class="cfg-logo" src="img/cfg-logo.png"> </p>
</footer>
</section>
<!-- Back to top button -->
<a href="#about" id="back-to-top" class="btn btn-sm btn-back-to-top smooth-scroll"><i class="fas fa-arrow-up"></i></a>
<!-- Donate button at the bottom of page -->
<script src="https://form.jotformeu.com/cardforms/feedbackEmbedButton.min.js"></script>
<script> new JF_FeedbackEmbedButton({
buttonText: "DONATE NOW",
buttonFontColor: "#FFFFFF",
buttonBackgroundColor: "#410160",
buttonSide: "Bottom",
buttonAlign: "Right",
buttonIcon: "default",
formId: 90744482471360
});
</script>
</body>
</html>