quarante-douze
/
qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

improve main navbar

This commit is contained in:
Kazhnuz 2018-08-16 15:28:23 +02:00
parent ac1ccd1e27
commit d0a1e99755
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@ -40,6 +40,11 @@ header h1 {
text-align:center;
}
header h1 img {
max-width:100%;
height:auto;
}
.navbar {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.1);
border-width:0px;

33
index.html
View File

@ -25,32 +25,37 @@
<div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
<div class="container">
<div class="downdown"><a class="navbar-brand" href="#" id="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
<div class="dropdown-menu" aria-labelledby="">
<a class="dropdown-item" href="#">Accueil</a>
<a class="dropdown-item" href="#">Rechercher</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">À propos</a>
</div>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Accueil</a>
<li class="nav-item">
<a class="nav-link" href="#">Logiciel Libre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Exemple de page</a>
<a class="nav-link" href="#">Communs</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galleries
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
<li class="nav-item">
<a class="nav-link" href="#">Internet Libre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tribunes</a>
</li>
</ul>
</div>
</div>
</nav>