feat(landing): buttons

This commit is contained in:
Matthieu Bessat 2024-01-10 19:07:03 +01:00
parent 4dfa2b3633
commit 9f4db699bc
3 changed files with 45 additions and 7 deletions

View file

@ -32,3 +32,22 @@
color: white; color: white;
} }
} }
.button.button-light {
background-color: transparent;
border-color: $accent;
border-width: 1px;
border-style: solid;
color: $accent;
&:hover {
background-color: transparent;
color: white;
background-color: $accent;
}
}
.button.button-sm {
font-size: 1rem;
font-weight: 500;
}

View file

@ -171,3 +171,9 @@ img {
} }
} }
} }
.end-action-container {
display: flex;
justify-content: flex-end;
padding-bottom: 1.5rem;
}

View file

@ -18,8 +18,9 @@
<div class="accent-separator"> <div class="accent-separator">
</div> </div>
<div class="page-container" style="padding: 2rem 0"> <div class="page-container" style="padding: 2rem 0; display: flex; justify-content: space-between">
<a class="button">Adhérer !</a> <p>Campagne d'adhésion 2024, nous avons besoin de vous !</p>
<a href="/adhesion" class="button">Adhérer !</a>
</div> </div>
<main class="landing-main"> <main class="landing-main">
@ -260,6 +261,13 @@
</ol> </ol>
</aside> </aside>
</div> </div>
<div class="page-container end-action-container">
<a
href="/histoires"
class="button button-sm button-light">
L'Histoire en détails
</a>
</div>
</section> </section>
@ -385,9 +393,13 @@
<p> <p>
Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem dAubevoye et de promouvoir ce monument ainsi que mieux le connaitre et lanimer. Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem dAubevoye et de promouvoir ce monument ainsi que mieux le connaitre et lanimer.
</p> </p>
<p> <div class="end-action-container">
Lassociation “LÉtoile de Bethléem - Association des amis de la chapelle de bethléem dAubevoye” est immatriculé au près de la préfecture de lEure sous le numéro RNA W271006556. <a
</p> href="/association"
class="button button-sm button-light">
L'association en détails
</a>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -521,8 +533,9 @@
<div class="separation-section secondary-bg"> <div class="separation-section secondary-bg">
<div class="page-container"> <div class="page-container">
<h2>Rejoignez nous dans notre aventure !</h2> <h2>Rejoignez nous dans notre aventure !</h2>
<a class="button">Adhérer !</a> <p>Déjà plus de 80 membres !<p>
<a href="/adhesion" class="button">Adhérer !</a>
</div> </div>
</div> </div>
<div class="page-container"> <div class="page-container">