fix book club page on mobile

This commit is contained in:
2025-04-09 13:33:31 +05:00
parent 2c61815891
commit dfba445dc8
4 changed files with 337 additions and 95 deletions

View File

@ -87,41 +87,46 @@
</section>
<section class="book-club-examples">
<h2>Cada mês, convidamos um livro e encontros que unem reflexão e prática.</h2>
<div class="book-club-example-cards">
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-1.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>1º Encontro do mês</strong> · <span>Online</span> · <span>2H30</span></p>
<p class="book-club-example-card--item--text--description">
Todos os meses, mergulhamos num livro essencial de autodesenvolvimento e exploramos as ideias que realmente transformam a forma como vemos o mundo. Descobrimos insights poderosos, debatemos como aplicá-los no dia a dia e abrimos espaço para perguntas e reflexões profundas.
</p>
<div class="container">
<h2>Cada mês, convidamos um livro e encontros que unem reflexão e prática.</h2>
<div class="book-club-example-cards">
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-1.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>1º Encontro do mês</strong> · <span>Online</span> · <span>2H30</span></p>
<p class="book-club-example-card--item--text--description">
Todos os meses, mergulhamos num livro essencial de autodesenvolvimento e exploramos as ideias que realmente transformam a forma como vemos o mundo. Descobrimos insights poderosos, debatemos como aplicá-los no dia a dia e abrimos espaço para perguntas e reflexões profundas.
</p>
</div>
</div>
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-2.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>2º Encontro do mês</strong> · <span>Presencial</span> · <span>2H30</span></p>
<p class="book-club-example-card--item--text--description">
Trazemos um convidado especial* para expandir o tema em discussão e trocar ideias que desafiam certezas. No final, sentamo-nos juntos num coffee break, com café, partilhas e conexões que ficam.
</p>
<br>
<p>*<strong>10 de Maio, 2025</strong> Junta-te a nós e a <strong>Maria Gorjão</strong></p>
</div>
</div>
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-3.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>Crescimento contínuo e coletivo</strong> </p>
<p class="book-club-example-card--item--text--description">
Todos os meses, um novo livro, uma nova perspetiva. Escolhemos obras que desafiam, acrescentam valor e deixam marca. Aqui, não se trata apenas de ler—trata-se de integrar, questionar e aplicar o conhecimento na prática. Fazes parte de uma comunidade de pessoas que querem evoluir juntas, num espaço onde as ideias ganham vida e se transformam em ação.
</p>
</div>
</div>
</div>
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-2.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>2º Encontro do mês</strong> · <span>Presencial</span> · <span>2H30</span></p>
<p class="book-club-example-card--item--text--description">
Trazemos um convidado especial* para expandir o tema em discussão e trocar ideias que desafiam certezas. No final, sentamo-nos juntos num coffee break, com café, partilhas e conexões que ficam.
</p>
<p>*<strong>10 de Maio, 2025</strong> Junta-te a nós e a <strong>Maria Gorjão</strong></p>
</div>
</div>
<div class="book-club-example-card--item">
<img src="<?= get_theme_file_uri('/assets/images/book-club-example-3.jpg'); ?>" class="book-club-example-card--item--img">
<div class="book-club-example-card--item--text">
<p class="book-club-example-card--item--text--heading"><strong>Crescimento contínuo e coletivo</strong> </p>
<p class="book-club-example-card--item--text--description">
Todos os meses, um novo livro, uma nova perspetiva. Escolhemos obras que desafiam, acrescentam valor e deixam marca. Aqui, não se trata apenas de ler—trata-se de integrar, questionar e aplicar o conhecimento na prática. Fazes parte de uma comunidade de pessoas que querem evoluir juntas, num espaço onde as ideias ganham vida e se transformam em ação.
</p>
</div>
<div class="book-club-examples-cta">
<a href="#" class="btn btn--solid">FAZ PARTE DO CLUBE</a>
<p>Por apenas 24,60€/mês</p>
</div>
</div>
<div class="book-club-examples-cta">
<a href="#" class="btn btn--solid">FAZ PARTE DO CLUBE</a>
<p>Por apenas 24,60€/mês</p>
</div>
</section>
<section class="testimonial-section">
@ -184,8 +189,8 @@
</section>
<section class="book-club-benefits">
<h2>Este Book Club é para ti se:</h2>
<div class="container">
<h2>Este Book Club é para ti se:</h2>
<div class="benefit-cards">
<div class="benefit-card--item">
<img src="<?= get_theme_file_uri('/assets/images/benefit-card.jpg'); ?>">
@ -204,10 +209,10 @@
<p>Procuras um grupo de <strong>pessoas que partilham</strong> a tua sede de conhecimento.</p>
</div>
</div>
</div>
<div class="book-club-benefits-cta">
<a href="#" class="btn btn--solid">FAZ PARTE DO CLUBE</a>
<p>Por apenas 24,60€/mês</p>
<div class="book-club-benefits-cta">
<a href="#" class="btn btn--solid">FAZ PARTE DO CLUBE</a>
<p>Por apenas 24,60€/mês</p>
</div>
</div>
</section>
</main>
@ -259,23 +264,23 @@
</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>
<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>