-
Notifications
You must be signed in to change notification settings - Fork 0
/
supplements.html
87 lines (79 loc) · 3.21 KB
/
supplements.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
<html>
<head>
<link rel="icon" type="image/png" href="favicon.png">
<title>Supplements</title>
<link rel="stylesheet" href="main.css">
<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 onload='loadTable()'>
<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>
<header class="text-center">
<img src="Logo.png" height="100" width="137" />
</header>
<div class="jumbotron text-center my-3 bg-primary text-white">
<img src="vitamin-white.png" height="100" width="100" />
<h1 id="productTitle">Supplements</h1>
<p>Iron deficiency, Omega-3, magnesium</p>
</div>
<div class=" text-center">
<button id="Home" class="btn btn-light btn-lg" type="button" onClick="location.href = 'index.html'">Return to Home</button>
</div>
<br />
<br />
<div class="table-wrapper-scroll-y my-custom-scroll datatable-wide">
<table class="table table-light table-primary table-bordered">
<thead class="thead-light">
<tr>
<th>Recommendations: </th>
</tr>
</thead>
<tbody id="productTable">
</tbody>
</table>
</div>
<div id="descriptionDiv" class="container bg-light rounded">
<br />
<h3>Product Name</h3>
<p id="productName" class="bg-secondary"></p>
<h3>Product Type</h3>
<p id="productType" class="bg-secondary"></p>
<h3>Approximate Price</h3>
<p id="price" class="bg-secondary"></p>
<h3>Advantages</h3>
<p id="advantages" class="bg-secondary"></p>
<h3>Disdvantages</h3>
<p id="disadvantages" class="bg-secondary"></p>
<h3><a id="link">Link to Product</a></h3>
<br />
</div>
<br />
</body>
</html>
<footer class=" text-center bg-light text-brown">
<p> ©SheCares 2020 </p>
</footer>