footer: put navbar in a component

This commit is contained in:
Kazhnuz 2018-10-24 14:18:41 +02:00
parent ebb40caddc
commit c7dbb68a1d
2 changed files with 39 additions and 43 deletions

View file

@ -0,0 +1,33 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="SecondNavbar">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item inactive">
CC BY-SA 2018 <strong>Quarante-Douze</strong>
</li>
</ul>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-rss"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-diaspora"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-mastodon"></i></a>
</li>
</ul>
</div>
</div>
</nav>

View file

@ -1,46 +1,9 @@
</div> </div>
</section> </section>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <?php include(TEMPLATEPATH . '/components/navbar-footer.php'); ?>
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="SecondNavbar">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item inactive">
CC BY-SA 2018 <strong>Quarante-Douze</strong>
</li>
</ul>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-rss"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-diaspora"></i></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#"><i class="fa fa-fw fa-mastodon"></i></a>
</li>
</ul>
</div> </div>
</div>
</nav>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</body> </body>
</html> </html>