This commit is contained in:
Simon Vieille 2017-10-12 21:13:35 +02:00
commit 2b49bf7850
13 changed files with 5394 additions and 0 deletions

File diff suppressed because one or more lines are too long

6
assets/lib/bootstrap/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

4
assets/lib/jquery/jquery-3.2.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

2448
assets/lib/popper/popper.js Normal file

File diff suppressed because it is too large Load Diff

2744
assets/lib/wow/animate.css vendored Normal file

File diff suppressed because it is too large Load Diff

2
assets/lib/wow/wow.min.js vendored Normal file

File diff suppressed because one or more lines are too long

60
assets/src/css/main.css Normal file
View File

@ -0,0 +1,60 @@
.jumbotron {
height: 700px;
background: url("../img/header.jpg") center center;
color: #fff;
padding-top: 300px;
}
.jumbotron h1 {
font-weight: bold;
}
.content {
padding-left: 20% !important;
}
body {
background: url('../img/menu.png') #fff no-repeat fixed;
background-size: 20%;
}
.menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 20%;
margin-left: 0 !important;
max-height: 100%;
padding-top: 100px;
color: #fff;
}
.menu a {
color: #fff;
}
.menu ul, .menu li {
margin: 0;
padding: 0;
list-style: none;
}
.menu img {
max-width: 100%;
}
.shops {
padding-top: 30px;
font-size: 40px;
}
.shops li a {
padding: 10px 0;
display: block;
border-bottom: 2px solid #333;
}
.shops li:last-child a {
border-bottom: 0;
}

Binary file not shown.

BIN
assets/src/img/avatar.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/src/img/header.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 526 KiB

BIN
assets/src/img/menu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 598 KiB

14
assets/src/js/main.js Normal file
View File

@ -0,0 +1,14 @@
var wowEffects = function() {
var wow = new WOW({
animateClass: 'animated',
offset: 100,
});
wow.init();
}
var bootstrap = function() {
wowEffects();
}
$(window).on('load', bootstrap);

109
index.html Normal file
View File

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="assets/lib/bootstrap/bootstrap.min.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="assets/lib/wow/animate.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="assets/src/css/main.css" type="text/css" charset="utf-8">
</head>
<body>
<div class="content">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">
Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1 class="display-3 wow fadeInLeft">Hello, world!</h1>
<p class="wow fadeInRight">This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
</div>
</div>
</div>
<div class="container menu">
<div class="row wow fadeInDown">
<div class="col-sm-12 col-md-12 col-lg-4 ">
<img src="assets/src/img/avatar.jpg" alt="Modifer" title="Modifer">
</div>
<div class="col-sm-12 col-md-12 col-lg-8">
<p>
<a href="#">
Bonjour,
<strong>deblan</strong>
</a>
</p>
<ul>
<li>
<a href="#">Mes commandes</a>
</li>
<li>
<a href="#">Favoris</a>
</li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-lg-12 shops">
<ul>
<li>
<a href="#">Nouveautés</a>
</li>
<li>
<a href="#">TOP et PROMOS</a>
</li>
</ul>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
<hr>
<footer>
<p>&copy; Company 2017</p>
</footer>
</div>
</div>
<script src="assets/lib/jquery/jquery-3.2.1.min.js"></script>
<script src="assets/lib/popper/popper.js"></script>
<script src="assets/lib/wow/wow.min.js"></script>
<script src="assets/lib/bootstrap/bootstrap.min.js"></script>
<script src="assets/src/js/main.js"></script>
</body>
</html>