-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (150 loc) · 6.65 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="favicon.png">
<title>SheCares</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="script.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-firestore.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-analytics.js"></script>
<!--DATA/DESCRIPTIONS RETRIEVED FROM: WALMART.CA-->
</head>
<body>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyDuQmkeFBbPnE9wUEkzJMquMnK4fKPrLP8",
authDomain: "women-s-health-796b7.firebaseapp.com",
databaseURL: "https://women-s-health-796b7.firebaseio.com",
projectId: "women-s-health-796b7",
storageBucket: "women-s-health-796b7.appspot.com",
messagingSenderId: "263976087961",
appId: "1:263976087961:web:34a70efdd68c9cc9272308",
measurementId: "G-ED7RHVBVKH"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
// create object
const db = firebase.firestore();
//db.settings({timestampsInSnapshots: true});
</script>
<div class="jumbotron text-center my-3 bg-primary text-white">
<img src="Logo.png" alt="SheCares Logo" height="135" width="180">
<h1> For all your female health needs</h1>
<p>Pick out the correct products for you by selecting the categories below</p>
</div>
<br>
<div class="container">
<div class="row ">
<div class="col-sm-1">
</div>
<div class="col-sm-2 text-center">
<img src=" acne.png" alt=" pills " height="50" width="50" />
<br />
<br />
<button button type="button" class="btn btn-light btn-lg" id="Acne" onClick="location.href = 'acne.html'">Acne</button>
<br>
<br>
<p>Acne cream, pimple patches, antibiotics</p>
</div>
<div class="col-sm-2 text-center">
<img src=" pill.png" alt=" pills " height="50" width="50" />
<br />
<br />
<button type="button" class="btn btn-light btn-lg" id="Painkillers" onClick="location.href = 'painkillers.html'">Painkillers</button>
<br>
<br>
<p>Ibuprofen, naproxen sodium, paracetamol</p>
</div>
<div class="col-sm-2 text-center">
<img src=" pad.png" alt=" pills " height="50" width="50" />
<br />
<br />
<button type="button" class="btn btn-light btn-lg" id="Hygiene" onClick="location.href = 'hygiene.html'">Hygiene</button>
<br>
<br>
<p>Tampons, maxi pads, liners, cups</p>
</div>
<div class="col-sm-2 text-center">
<img src=" vitamin.png" alt=" pills " height="50" width="50" />
<br />
<br />
<button type="button" class="btn btn-light btn-lg" id="Supplements" onClick="location.href = 'supplements.html'">Supplements</button>
<br>
<br>
<p>Iron deficiency, Omega-3, magnesium</p>
</div>
<div class="col-sm-2 text-center">
<img src=" contraceptive-pills.png" alt=" pills " height="50" width="50" />
<br />
<br />
<button type="button" class="btn btn-light btn-lg" id="Birth Control" onClick="location.href = 'birthcontrol.html'">Birth Control</button>
<br>
<br>
<p>Combination pill, condoms, vaginal ring, morning after pill</p>
</div>
</div>
</div>
<br />
<br />
<div class="container text-center bg-light rounded">
<br />
<img src=" maps.png" alt=" pills " height="60" width="60" />
<h2> Find </h2>
<br />
<h3><a href="clinicMap.html">Local Women's Health Clinics in the GTA region</a></h3>
<br />
</div>
<br />
<br />
<div class="container text-center bg-light rounded">
<br />
<img src="idea.png" height="65" width="65" />
<h2>Fast Facts</h2>
<br />
<img src="main_sexual_health.jpg" alt="women's sexual health" class="responsive"/>
<br />
<br />
<div class="text-left ">
<p>
With the rise of increasingly polarizing views on women's sexual health, it is important that every woman has convenient access to information
regarding their health and well being. SheCares hopes to educate the general public on health topics ranging from pain management to contraceptives.
The following is a list of interesting facts on female reproductive health:
</p>
<ul>
<li>
In 2016, more than 30% of women were using both condoms and oral contraceptives,
with the highest rate of use being among women aged 15 to 19 (47%).
</li>
<li>
Women over 21 who are sexually active should visit a gynecologist to have a Pap
smear test once every three years.
</li>
<li>
Sexually transmitted infections (STIs) are more common than one may think. One in
two sexually active persons will contract an STI by age 25.
</li>
<li>
Planned Parenthood is a great resource. Statistics show they prevent roughly 550,000
unintended pregnancies per year.
</li>
</ul>
<br />
</div>
</div>
<br />
</body>
</html>
<footer class=" text-center bg-light text-brown">
<p> ©SheCares 2020 </p>
</footer>