init
This commit is contained in:
commit
2b49bf7850
7
assets/lib/bootstrap/bootstrap.min.css
vendored
Normal file
7
assets/lib/bootstrap/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
assets/lib/bootstrap/bootstrap.min.js
vendored
Normal file
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
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
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
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
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
60
assets/src/css/main.css
Normal 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;
|
||||
}
|
BIN
assets/src/img/Notre site.zip
Normal file
BIN
assets/src/img/Notre site.zip
Normal file
Binary file not shown.
BIN
assets/src/img/avatar.jpg
Normal file
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
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
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
14
assets/src/js/main.js
Normal 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
109
index.html
Normal 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>© 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>
|
Loading…
Reference in a new issue