-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (25 loc) · 2.1 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Passero+One' rel='stylesheet' type='text/css'>
<title>What is Noni?</title>
</head>
<body>
<div id="leaves"></div>
<div id="container">
<div id="noni_flower">Noni Flower</div>
<h1>What is Noni?</h1>
<ul id="navigation">
<li><a href="#">home</a> </li>
<li><a href="#">example 1</a></li>
</ul><!-- navigation -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tellus enim, adipiscing a congue ut, porttitor ut nisl. Morbi vehicula nisl placerat dui malesuada pretium. Etiam mollis vehicula ante eget dignissim. Vivamus nec erat ipsum, eget volutpat purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras nec facilisis augue. Phasellus vitae leo nunc, eu varius dui. Maecenas vitae nisi ante, eu fringilla sem.</p>
<img src="images/noni1.jpg" class="shadow">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tellus enim, adipiscing a congue ut, porttitor ut nisl. Morbi vehicula nisl placerat dui malesuada pretium. Etiam mollis vehicula ante eget dignissim. Vivamus nec erat ipsum, eget volutpat purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras nec facilisis augue. Phasellus vitae leo nunc, eu varius dui. Maecenas vitae nisi ante, eu fringilla sem.</p>
<img src="images/noni2.jpg" class="shadow">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tellus enim, adipiscing a congue ut, porttitor ut nisl. Morbi vehicula nisl placerat dui malesuada pretium. Etiam mollis vehicula ante eget dignissim. Vivamus nec erat ipsum, eget volutpat purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras nec facilisis augue. Phasellus vitae leo nunc, eu varius dui. Maecenas vitae nisi ante, eu fringilla sem.</p>
</div><!--container-->
</body>
</html>