layout: put everything in a card
This commit is contained in:
parent
b024f2154a
commit
c82eada6cc
3 changed files with 12 additions and 26 deletions
|
@ -1,6 +1,7 @@
|
|||
/* ------------------ CUSTOM STYLE ------------------- */
|
||||
#wrapper {
|
||||
background: #FFF url("../img/background.png"); }
|
||||
body {
|
||||
background: #FFF url("../img/background.png");
|
||||
padding: 30px; }
|
||||
|
||||
/* ------------------ GLOBAL STYLE ------------------- */
|
||||
.no-pills {
|
||||
|
|
27
index.html
27
index.html
|
@ -22,7 +22,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="wrapper" class="card">
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
|
@ -284,8 +284,6 @@ In id suscipit elit.</code></pre>
|
|||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||
|
@ -294,8 +292,8 @@ In id suscipit elit.</code></pre>
|
|||
|
||||
<div class="collapse navbar-collapse" id="SecondNavbar">
|
||||
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Rechercher</a>
|
||||
<li class="nav-item inactive">
|
||||
CC BY-SA 2018 <strong>Quarante-Douze</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
@ -319,24 +317,7 @@ In id suscipit elit.</code></pre>
|
|||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<footer class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<p>Ce theme est diffusé sous licence <strong>Creative Common Attribution - Partage à l'Identique 4.0</strong> - hors mention contraire.</p>
|
||||
<p>Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<p>Theme réalisé avec le quadriciel <a href="https://getbootstrap.com/">Bootstrap4</a> et la banque d'icone <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<p>Lorem Ipsum.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -25,8 +25,12 @@ $color-mark: $color-yellow;
|
|||
border-radius: $border-radius $border-radius $border-radius $border-radius;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
body {
|
||||
background: #FFF url('../img/background.png');
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
}
|
||||
|
||||
@import 'commons';
|
||||
|
|
Reference in a new issue