67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<footer>
|
|
<div class="section-sm bg-dark">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h3 class="uppercase letter-spacing-1">{{ .Site.Title }}</h3>
|
|
</div>
|
|
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Catégories</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a href="/">Accueil</a></li>
|
|
{{ if .Site.Data.wordpress }}
|
|
{{ $count := 0 }}
|
|
{{ range $index, $element := .Site.Data.wordpress.navigation }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/{{ $element.slug }}">{{ $element.title }}</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Toutes les catégories</h6>
|
|
<ul class="list-unstyled">
|
|
{{ if .Site.Data.wordpress }}
|
|
{{ $count := 0 }}
|
|
{{ range $index, $element := .Site.Data.wordpress.categories }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/categories/{{ $element.slug }}">{{ $element.name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Contact Info</h6>
|
|
<ul class="list-unstyled">
|
|
<li>121 King St, Melbourne VIC 3000</li>
|
|
<li>contact@example.com</li>
|
|
<li>+(123) 456 789 01</li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<div class="bg-black py-4">
|
|
<div class="container">
|
|
<div class="row align-items-center g-2 g-lg-3">
|
|
<div class="col-12 col-md-6 text-center text-md-start">
|
|
<p>© {{ now.Format "2006" }} {{ .Site.Title }}, All Rights Reserved.</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 text-center text-md-end">
|
|
<ul class="list-inline-sm">
|
|
<li><a class="button-circle button-circle-sm button-circle-social-facebook" href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-twitter" href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-pinterest" href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-instagram" href="#"><i class="bi bi-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
</footer> |