layout+scss: new header
This commit is contained in:
parent
359eb1d846
commit
243a72df58
3 changed files with 37 additions and 5 deletions
|
@ -942,3 +942,17 @@ mark {
|
|||
|
||||
blockquote, pre {
|
||||
border-color: #7951c0; }
|
||||
|
||||
header h1 {
|
||||
padding: 2.33333em;
|
||||
line-height: 1em;
|
||||
font-size: 1em;
|
||||
margin: auto;
|
||||
text-align: center; }
|
||||
header h1 img {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
header {
|
||||
background: #EEE url("../img/background.png");
|
||||
margin-bottom: 30px; }
|
||||
|
|
12
index.html
12
index.html
|
@ -24,6 +24,8 @@
|
|||
<body>
|
||||
<div id="wrapper" class="card">
|
||||
|
||||
<header>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#" id="" ><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
|
||||
|
@ -46,11 +48,9 @@
|
|||
</nav>
|
||||
|
||||
|
||||
<header class="container-fluid">
|
||||
<div class="row">
|
||||
<h1><img src="img/logo.png" alt="Quarante-Douze"></h1>
|
||||
</div>
|
||||
</header>
|
||||
<section class="container-fluid">
|
||||
<h1><a href="https://quarante-douze.net/"><img src="img/logo.png"></a></h1>
|
||||
</section>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-grey" id="navbar-category">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
|
@ -81,6 +81,8 @@
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<section class="container-fluid">
|
||||
<div class="row">
|
||||
|
||||
|
|
|
@ -0,0 +1,16 @@
|
|||
header h1 {
|
||||
padding:2.33333em;
|
||||
line-height:1em;
|
||||
font-size:1em;
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
background: #EEE url('../img/background.png');
|
||||
margin-bottom:30px;
|
||||
}
|
Reference in a new issue