-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
88 lines (81 loc) · 3.21 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<title>Week-by-Week Pregnancy Calendar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
<link href="style.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div clas="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#home">My Baby Bump</a>
</a>
<div class="collapse navbar-collapse" id="navbar-collapse-main">
<ul class="nav navbar-nav navbar-right">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="#about.html" target="_blank">About</a></li>
<li><a href="#calendar">Calendar</a></li>
<li><a href="#">News</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="padding">
<div class="container">
<div class="row text-center">
<div class="col-sm-6">
</br>
<h1>ABOUT US</h1>
</br>
<h4>Explore your pregnancy Week by Week</h4>
</br>
<p class="about-us">We help you to keep track of your baby's development and stay informed of what's happening during the weeks and trimesters of your pregnancy with our calendar</p>
<p class="about-us">Being pregnant is one of the most exciting times of your life.
Learn all about your symptoms, your baby's progress and
development, and what to expect from the first trimester until
birth using our pregnancy calendar tools. You can track by trimester,
or break it down further to look at particular months or weeks.
This will help you understand what's happening to your body from conception
up until you’re nine months pregnant and ready to welcome your new addition.</p>
</div>
<div class="col-sm-6">
<img src="img/pregnant-woman.jpg">
</div>
</div>
</div>
</div>
<footer class="container-fluid text-center">
<div class="row">
<div class="col-sm-4">
<h3>Contact Us</h3>
<br>
<h4>Our address and contact info here.</h4>
</div>
<div class="col-sm-4">
<h3>Connect with Us</h3>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
<div class="col-sm-4">
<img src="img/main-fruits.svg" class="icon">
</div>
</div>
</footer>
</body>
</html>