-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
77 lines (57 loc) · 5.76 KB
/
index.html
File metadata and controls
77 lines (57 loc) · 5.76 KB
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>
<head>
<title>Jean-Baptiste Weibel's Page</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Jean-Baptiste Weibel</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> <small><b>HOME</b></small></a></li>
<li><a href="#"> <small><b>PROJECTS</b></small></a></li>
<li><a href="#"> <small><b>ABOUT</b></small></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<img src="bg.jpg" alt="" class="img-responsive">
<div class="container">
<br>
<h1> Welcome to my Github page !</h1>
<div class="alert alert-warning" role="alert">
<p>
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
Under construction
</p>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint distinctio nesciunt obcaecati officiis ex libero est in mollitia aliquid iste quibusdam consectetur, veritatis a saepe, quidem eaque reprehenderit autem. Dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit natus quo, totam inventore placeat. Numquam necessitatibus iure, doloremque delectus dolor quo sint sapiente ipsam minus, id fugit quae excepturi quaerat. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum libero enim atque nulla ipsa dolores officia iure rerum culpa unde impedit magnam, molestiae fugiat amet numquam sit similique, reprehenderit tenetur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus non ducimus fuga sunt beatae eligendi harum amet dolor assumenda laboriosam, atque expedita fugit rem nesciunt quod voluptate odio ab dolorum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam fugit doloremque quisquam quam quo ut cumque ullam laborum laudantium laboriosam fuga eveniet, dicta atque maiores eaque officiis optio. Eveniet, omnis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium quisquam laborum odit recusandae explicabo molestiae neque eligendi dolor sequi commodi nam fugiat magnam sint, corporis ipsum deserunt magni quod sapiente!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas sapiente doloribus a eos commodi excepturi repellat at molestias quisquam, velit ipsa perferendis illo dolor doloremque quae provident autem dignissimos dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet eum iste esse numquam harum totam deleniti, corrupti neque ipsam quis consectetur doloribus quam architecto obcaecati fugiat voluptatem minima at ullam!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi facilis, omnis molestiae ex necessitatibus itaque cumque vero ipsam quo magni, quaerat molestias reiciendis ea neque quidem, impedit adipisci officia iste.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, dignissimos possimus nostrum commodi obcaecati delectus, maiores corporis vitae amet maxime dolore, incidunt odio repellendus quam magni. Tenetur non odio repellat. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique vero nisi quo temporibus quam iure tempora necessitatibus quas explicabo, magnam veritatis, distinctio veniam ea, enim at nihil reprehenderit nemo tenetur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta tempore excepturi deserunt maxime sint minus, totam quidem doloribus hic veniam quam distinctio explicabo ratione, saepe illo facilis asperiores, ea aut! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi ullam sit voluptates, laboriosam beatae libero cumque. Sit vel quia dolorem rerum nihil eum, quaerat beatae sunt quisquam! Dolorem, ipsa, veritatis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde ratione enim pariatur necessitatibus, nam asperiores eum repudiandae itaque laborum, dolorem non quas voluptates dolores nisi doloremque impedit sed eveniet veniam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quia distinctio hic et quaerat reprehenderit inventore. Maxime ipsam consequuntur asperiores, aliquam, esse voluptates dolore veritatis error earum, molestiae incidunt distinctio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam perferendis repudiandae corporis inventore quod ipsum, ex voluptate dicta odio illum assumenda pariatur sit rerum blanditiis at ad nemo aliquid distinctio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloremque voluptatibus amet, praesentium nemo minima ullam, non distinctio! Et laudantium perferendis est ad quasi assumenda reiciendis laboriosam voluptatibus aut alias!
</p>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>