-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproducts_list.html
131 lines (108 loc) · 4.28 KB
/
products_list.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Menstruscription</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href='http://fonts.googleapis.com/css?family=Vast+Shadow' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark fixed-top" role="navigation">
<div class = "container-fluid">
<a class="navbar-brand" href="#">Menstruscription</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products_list.html">Products</a>
</li>
</ul>
</div>
</div>
</nav>
<div class='container-fluid'>
<!-- header and picture -->
<div class='jumbotron' align="center">
<!-- header 1 -->
<div class="row prod">
<h1 > List of products</h1>
<p> When it comes to sanitary products, women have quite a few different brands and models to choose from, each with its own particularities. Whether for general purpose or for athletic needs, these products have to meet some pretty rigorous standards, both in terms of structural integrity and comfort.</p>
<p>Depending on your lifestyle, you should be able to choose the product that best suits your needs, be it according to personalized flexibility standards or according to their overall construction. In this regard, here is a list of products we trust in. </p>
<div class= "table">
<table align="center">
<tr>
<th><h2> Tampons </h2> </th>
<th><h2> Pads </h2> </th>
</tr>
<tr>
<td><ul>
<li> Natracare Carefree Pads </li>
<li> Organyc Invisible Pads </li>
<li> Ogranyc Light Pads </li>
<li> Always Night Pads </li>
<li> Bodyform For You Pads</li>
<li> Always Happy Days Pads </li>
<li> Carefree Sport Pads </li>
<li> Maxithins Trust </li>
<li> U by Kotex Sensitive </li>
<li> Always Maxi Size Extra Heavy Overnight Pads </li>
<li> UBK Allnighter Maxi Pad </li>
<li> Time for Mum Organic Cotton Pads </li>
<li> Carefree Maxi Pads </li>
<li> Carefree Maxi Flex </li>
<li> Bodyform Xtra Protection </li>
<li> L.A. Nights Strong Protection </li>
<li> Linda Ultra Pads </li>
</ul>
</td>
<td><ul>
<li> o.b. Tampons Original Ultra </li>
<li> Maxime Tampons Pro Comfort </li>
<li> The Honest Co. HappyDays </li>
<li> TOTM Smile Tampons </li>
<li> BON Tampons Silk </li>
<li> o.b. Invisible Touch </li>
<li> Flower Extra Sensitive Scented Pads </li>
<li> U by Kotex Click Compact Tampons </li>
<li> Playtex Gentle Glide 360 Unscented Tampon </li>
<li> Seventh Generation Applicator Tampons </li>
<li> Natcare Tampons - super </li>
<li> o.b. Ultra Absorbency Tampons </li>
<li> Playtex Ultra Sensitive Tampons </li>
<li> Tampax Pearl Compact </li>
<li> o.b. Pro Comfort </li>
<li> Tampax Pro Sensitive </li>
<li> Tampax Pearl Tampons with LeakGuard </li>
<li> The Honest Co. First Choice </li>
<li> Tampax Pearl Ultra Protect </li>
<li> U by Kotex For Mothers </li>
<li> SensiCare Extra Protection </li>
<li> o.b. Playground Protection </li>
<li> Organyc SelfCare </li>
<li> Emma Sensitive Touch </li>
<li> Jasmine Breeze for Mothers </li>
<li> U by Kotex Active Protection </li>
<li> Always Comfort ++ </li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<!--get started button-->
<div class='row text-center'>
<a href="index.html" class="btn btn-danger btn-lg btn-block" role="button" >Back Home</a>
</div>
<!--help and link to media-->
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.bundle.js"></script>
</body>
</html>