-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
228 lines (191 loc) · 8.56 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Banana marketing website healthy fruit consumption diet</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<!-- Plugin CSS -->
<link rel="stylesheet" href="device-mockups/device-mockups.min.css">
<!-- Custom styles for this template -->
<link href="css/new-age.css" rel="stylesheet">
<style>
@media (max-width: 700px){
.device-container {
display: none;
}
#features
{
display:none;
}
.notmobile {
display:none;
}
/* DIV Appears Only On Mobile */
}
</style>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Home</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#download">Discover</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-5">Bananas have been part of our diet for thousands of years. Today, they are the most popular fruit in the world.</h1>
<a href="#download" class="btn btn-outline btn-xl js-scroll-trigger">Discover</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container">
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
<img src="img/Banana marketing website healthy fruit consumption diet herb palm tree tropical exotic fruitful.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</header>
<section class="download bg-primary text-center" id="download">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading">Banana, today.</h2>
<p>On average each person in the UK eats 10kg bananas a year – about 100 bananas!</p>
<p>The scientific name for banana is 'musa sapientum' which translates as 'fruit of the wise man'</p>
<p>The word banana comes from the Arabic word "banan", meaning finger</p>
<p>The banana plant is not a tree, it is the world's largest herb</p>
<p>Bananas could help you to feel happier, as they contain tryptophan, a type of protein that the body converts into serotonin, known to promote relaxation and improve mood</p>
<p>A medium-sized banana contains only 95 calories, and provides a quick-but-sustained energy boost in a natural, nutritious and easily digestible form with no fat, cholesterol or sodium</p>
<div class="badges">
</div>
</div>
</div>
</div>
</section>
<section class="features" id="features">
<div class="container">
<div class="section-heading text-center">
<h2>Unlimited Features, Unlimited Fun</h2>
<p class="text-muted">Check out what you can do with Bananas!</p>
<hr>
</div>
<div class="row">
<div class="col-lg-4 my-auto">
</div>
</div>
<div class="row">
<div class="col-lg-12 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<h3>Lifts mood</h3>
<p class="text-muted">Yes, this yellow fruit also has the ability to boost mood too. They’re a great source of the amino acid tryptophan, which your body converts into serotonin (the mood-elevating neurotransmitter). As well as pulling you out of the dumps, serotonin can also reduce stress, regulate good sleep and can generally just make you feel happier.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<h3>Improves digestion</h3>
<p class="text-muted">There’s a reason bananas are the most consumed fruit in the world, and high in dietary fibre is just one of them. Fibre can help restore normal bowel function (if you’ve had a sore tum), and is also a great source of natural laxative if you need to get things moving again.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<h3>Low calorie snack</h3>
<p class="text-muted">If you want a snack that’s going to satisfy without blowing out your daily calorie intake then let it be a banana. Did you know an average banana is about 110 calories? So good.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<h3>Good for strong bones</h3>
<p class="text-muted">To keep your bones in tip top shape, manganese is an important nutrient. Bananas are a good source of manganese, with one medium banana containing about 0.3mg.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact bg-primary" id="contact">
<div class="container">
<h2>We
<i class="fa fa-heart"></i>
Bananas!</h2>
<ul class="list-inline list-social">
<li class="list-inline-item social-twitter">
<a href="#">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="list-inline-item social-facebook">
<a href="#">
<i class="fa fa-facebook"></i>
</a>
</li>
<li class="list-inline-item social-google-plus">
<a href="#">
<i class="fa fa-google-plus"></i>
</a>
</li>
</ul>
</div>
</section>
<footer>
<div class="container">
<p>© Your Website 2018. All Rights Reserved.</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#">Privacy</a>
</li>
<li class="list-inline-item">
<a href="#">Terms</a>
</li>
<li class="list-inline-item">
<a href="#">FAQ</a>
</li>
</ul>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/new-age.min.js"></script>
</body>
</html>