-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (68 loc) · 4.67 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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Extrapose</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="wrapper">
<div class="container">
<h1 class="title text-center">Extrapose</h1>
<ul class="nav text-center">
<li><a href="#demo">Demo & usage</a></li>
<li><a href="#documentation">Documentation</a></li>
<li><a href="#download">Download</a></li>
</ul>
</div>
</header>
<div id="introduction" class="wrapper bg-blue">
<div class="container">
<h2 class="text-center">Extra what ?</h2>
<p>Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Fusce neque. Fusce egestas elit eget lorem.</p>
<p>Sed lectus. Morbi ac felis. Nunc interdum lacus sit amet orci.</p>
<p>Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Ut id nisl quis enim dignissim sagittis.</p>
</div>
</div>
<div id="demo" class="wrapper">
<div class="container">
<h2 class="text-center">Demo & Usage</h2>
<p>Vestibulum fringilla pede sit amet augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque dapibus hendrerit tortor. Phasellus accumsan cursus velit. Nunc sed turpis.</p>
<p>Nulla porta dolor. Phasellus consectetuer vestibulum elit. Curabitur turpis.</p>
<p>Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Fusce neque. Fusce egestas elit eget lorem.</p>
<p>Sed lectus. Morbi ac felis. Nunc interdum lacus sit amet orci.</p>
<p>Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Ut id nisl quis enim dignissim sagittis.</p>
<p>Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Fusce neque. Fusce egestas elit eget lorem.</p>
<p>Sed lectus. Morbi ac felis. Nunc interdum lacus sit amet orci.</p>
<p>Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Ut id nisl quis enim dignissim sagittis.</p>
<p>Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Fusce neque. Fusce egestas elit eget lorem.</p>
<p>Sed lectus. Morbi ac felis. Nunc interdum lacus sit amet orci.</p>
<p>Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Ut id nisl quis enim dignissim sagittis.</p>
</div>
</div>
<div id="documentation" class="wrapper bg-blue">
<div class="container">
<h2 class="text-center">Documentation</h2>
<p>Vestibulum fringilla pede sit amet augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque dapibus hendrerit tortor. Phasellus accumsan cursus velit. Nunc sed turpis.</p>
<p>Nulla porta dolor. Phasellus consectetuer vestibulum elit. Curabitur turpis.</p>
</div>
</div>
<div id="download" class="wrapper">
<div class="container">
<h2 class="text-center">Download</h2>
<p>Vestibulum fringilla pede sit amet augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque dapibus hendrerit tortor. Phasellus accumsan cursus velit. Nunc sed turpis.</p>
<p>Nulla porta dolor. Phasellus consectetuer vestibulum elit. Curabitur turpis.</p>
</div>
</div>
<footer class="wrapper">
<div class="container">
<p class="text-center">Generously hosted by <a href="https://pages.github.com/">Github</a></p>
</div>
</footer>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>