-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathregular_heavy.html
114 lines (92 loc) · 3.02 KB
/
regular_heavy.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
<!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'>
<div class='row'>
<div class='col-md-12 text-center'>
<!-- header 1 -->
<h2> Manage your Menstrual Cycle </h2>
<h2> <small> Regular, Heavy Menstrual cycles</small></h2>
</div>
</div>
<br>
<div class='row'>
<div class='col-md-12 text-center'>
<h3 class="conc"> Introduction</h3>
<p> If you have a heavy and regular menstruation, these are the products we reccomend to you. </p>
</div>
</div>
<br><br>
<div class='row'>
<div class='col-sm-6 table'>
<h3> Tampons </h3>
<ul>
<li> Seventh Generation Applicator Tampons </li>
<li> Natcare Tampons - super </li>
<li> o.b. Ultra Absorbency Tampons </li>
</ul>
</div>
<div class='col-sm-6 table'>
<h3> Pads </h3>
<ul>
<li> Always Happy Days Pads </li>
<li> Carefree Sport Pads </li>
</ul>
</div>
</div>
<br>
<div class='row'>
<div class='col-sm-12 text-center'>
<h3 class= "conc"> Conclusion </h3>
<p> You want to perform at full performance at any time of the month. You are fed up with having to deal with regular heavy bleeding and want to focus on your goals in life. We trust these products will help you pursuing your goals without any distraction. </p>
</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 class='row'>
<div class='col-sm-4'>
<!-- First column content -->
</div>
<div class='col-sm-4'>
<!-- Second column content -->
</div>
<div class='col-sm-4'>
<!-- Third column content -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.bundle.js"></script>
</body>
</html>