-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
119 lines (113 loc) · 5.14 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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Motion-Breda</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<!-- Start NavBar -->
<nav>
<div class="container clearfix">
<h1>Motion</h1>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="producten.html">Producten</a></li>
<li><a href="#over-ons">Over Ons</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<!-- End Navbar -->
<!-- Start Home -->
<section class="image1" id="home">
<div class="container">
<h2> Stay in Motion </h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Amet, atque minima incidunt quos libero alias dolorum, necessitatibus ducimus voluptatum placeat asperiores ab sunt accusantium sequi cumque,
saepe laudantium quo quas. Deleniti perferendis rerum sit consequuntur animi ipsa nemo doloremque, corporis distinctio atque quo saepe,
dolore eius praesentium esse eveniet facere!
</p>
</div>
</section>
<!-- End Home -->
<!-- Start Over Ons -->
<section id="over-ons">
<h2>Over Ons</h2>
<div class="container">
<p>
Sed orci ligula, faucibus a accumsan lacinia, tempus a erat. Suspendisse potenti. Phasellus tempus elit eu lorem sodales sodales. Aliquam in luctus quam. Vivamus et ligula porttitor quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi. Cras sit amet mattis lacus, sed volutpat ex. Donec nibh orci, lobortis at pretium ne c, aliquet a augue. Proin ac turpis vitae massa semper lacinia. Morbi nec viverra urna, at porta ipsum.
Sed orci ligula, faucibus a accumsan lacinia, tempus a erat. Suspendisse potenti. Phasellus tempus elit eu lorem sodales sodales. Aliquam in luctus quam. Vivamus et ligula porttitor quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi. Cras sit amet mattis lacus, sed volutpat ex. Donec nibh orci, lobortis at pretium ne c, aliquet a augue. Proin ac turpis vitae massa semper lacinia. Morbi nec viverra urna, at porta ipsum.
</p>
</div>
</section>
<!-- End Over Ons -->
<!-- Start Ons Team -->
<section id="team">
<h2>Ons Team</h2>
<div class="container clearfix">
<div class="teamlid">
<div><img src="images/testpop1.jpg" alt=""></div>
<p>
quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi.
</p>
</div>
<div class="teamlid">
<div><img src="images/testpop2.jpg" alt=""></div>
<p>
quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi.
</p>
</div>
<div class="teamlid">
<div><img src="images/testpop3.jpg" alt=""></div>
<p>
quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi.
</p>
</div>
<div class="teamlid">
<div><img src="images/testpop4.jpg" alt=""></div>
<p>
quam commodo semper nec eu risus. Curabitur ut ligula suscipit, porttitor nulla quis, luctus mi.
</p>
</div>
</div>
</section>
<!-- End Ons team -->
<!-- Start Contact -->
<section id="contact">
<h2>Contact</h2>
<div class="container clearfix">
<div class="map contact">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2479.1399563658324!2d4.795046316127376!3d51.583998279647886!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6a1d7942a1a21%3A0x46b0efbbbd6471c7!2sAvans+Hogeschool!5e0!3m2!1snl!2snl!4v1475772047432" allowfullscreen></iframe>
</div>
<div class="social-media contact">
<h3>Volg Ons</h3>
<a href="#"><i class="fa fa-facebook-square fa-4x"></i></a>
<a href="#"><i class="fa fa-twitter-square fa-4x"></i></a>
<a href="#"><i class="fa fa-flickr fa-4x"></i></a>
<a href="#"><i class="fa fa-github-square fa-4x"></i></a>
</div>
</div>
</section>
<!-- End Contact -->
<!-- Start footer -->
<footer>
<div class="container">
<span>Motion ©2016</span>
</div>
</footer>
<!-- End footer -->
<!-- jQuery Library -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> -->
<script src="js/jquery-3.1.1.min.js"></script>
<!-- My Custom Js script -->
<script src="js/myplugins.js"></script>
</body>
</html>