-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
100 lines (86 loc) · 7.03 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
<!DOCTYPE html>
<html>
<head>
<title>Site One Page</title>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar"ww>
<div class="container-fluid">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Site One Page</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#menu1">menu1</a>
</li>
<li><a href="#menu2">menu2</a>
</li>
<li><a href="#menu3">menu3</a>
</li>
<li><a href="#menu4">menu4</a>
</li>
<li><a href="#menu5">menu5</a>
</li>
<li><a href="#menu6">menu6</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="jumbotron" id="menu1">
<div class="container">
<h1 class="well">Bienvenue sur mon site one page!</h1>
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
</p>
</div>
</section>
<section class="jumbotron" id="menu2">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
</div>
</section>
<section class="jumbotron" id="menu3">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
</div>
</section>
<section class="jumbotron" id="menu4">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
</div>
</section>
<section class="jumbotron" id="menu5">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
</div>
</section>
<section class="jumbotron" id="menu6">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus alias libero repudiandae voluptate ex error architecto, delectus quibusdam culpa aut, eligendi, esse excepturi in odit quam deleniti doloribus repellat dolorem.</p>
</div>
</section>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/addheight.js"></script>
<script src="js/scrollmovement.js"></script>
</body>
</html>