init
This commit is contained in:
commit
2b49bf7850
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -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.
Binary file not shown.
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
After Width: | Height: | Size: 526 KiB |
Binary file not shown.
After Width: | Height: | Size: 598 KiB |
|
@ -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);
|
|
@ -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 New Issue