create footer

This commit is contained in:
2025-04-08 19:11:58 +05:00
parent f78f6687b8
commit fa2e0cbc0f
9 changed files with 294 additions and 7 deletions

View File

@ -19,7 +19,6 @@
<body class="book-club-landing">
<?php wp_body_open(); ?>
<!-- TODO: make header design more accurate -->
<header class="site-navigation">
<a class="logo-wrapper" href="/">
<img
@ -52,7 +51,6 @@
<section class="sponsor-logos">
<div class="container">
<!-- TODO: fix logo resolution -->
<img src="<?= get_theme_file_uri('/assets/images/sponsor-logos/porta-editora.svg'); ?>">
<img src="<?= get_theme_file_uri('/assets/images/sponsor-logos/albatroz.svg'); ?>">
<img src="<?= get_theme_file_uri('/assets/images/sponsor-logos/manuscrito.svg'); ?>">
@ -214,8 +212,71 @@
</section>
</main>
<footer>
<footer class="somos-infinitos-footer">
<a class="footer--logo" href="<?= site_url('/') ?>">
<img src="<?= get_theme_file_uri('/assets/images/footer-logo.svg'); ?>">
</a>
<div class="container">
<nav class="footer-navigation">
<ul class="footer-navigation--links">
<div class="footer-navigation--column col-1">
<li>
<a href="#">Livros</a>
</li>
<li>
<a href="<?= site_url('/book-club') ?>">Book Club</a>
</li>
<li>
<a href="#">Mentoria</a>
</li>
<li>
<a href="#">Podcast</a>
</li>
</div>
<div class="footer-navigation--column col-2">
<li>
<a href="#">Login</a>
</li>
<li>
<a href="#">Junta-Te</a>
</li>
</div>
<div class="footer-navigation--column col-3">
<li>
<a href="#">Sobre Nos</a>
</li>
<li>
<a href="#">FAQs</a>
</li>
<li>
<a href="#">Contacta-Nos</a>
</li>
<li>
<a href="#">Termos & Privacidade</a>
</li>
</div>
</ul>
</nav>
<div class="email-cta">
<h3>Acompanha-nos por aqui!</h3>
<form>
<input type="email" name="email-signup" id="email-signup" placeholder="countmein@email.com">
<button type="submit" class="btn">INSCREVE-TE</button>
</form>
<nav class="external-social-links">
<a href="#">
<img class="insta" src="<?= get_theme_file_uri('/assets/images/icon-insta.svg'); ?>" alt="Instagram">
</a>
<a href="#">
<img class="youtube" src="<?= get_theme_file_uri('/assets/images/icon-yt.svg'); ?>" alt="YouTube">
</a>
<a href="#">
<img class="mail" src="<?= get_theme_file_uri('/assets/images/icon-mail.svg'); ?>" alt="E-mail">
</a>
</nav>
</div>
</div>
</footer>
<?php wp_footer(); ?>