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;
}
}
.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>
<div class="page-container" style="padding: 2rem 0">
<a class="button">Adhérer !</a>
<div class="page-container" style="padding: 2rem 0; display: flex; justify-content: space-between">
<p>Campagne d'adhésion 2024, nous avons besoin de vous !</p>
<a href="/adhesion" class="button">Adhérer !</a>
</div>
<main class="landing-main">
@ -260,6 +261,13 @@
</ol>
</aside>
</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>
@ -385,9 +393,13 @@
<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.
</p>
<p>
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.
</p>
<div class="end-action-container">
<a
href="/association"
class="button button-sm button-light">
L'association en détails
</a>
</div>
</div>
</div>
</section>
@ -521,8 +533,9 @@
<div class="separation-section secondary-bg">
<div class="page-container">
<h2>Rejoignez nous dans notre aventure !</h2>
<a class="button">Adhérer !</a>
<h2>Rejoignez nous dans notre aventure !</h2>
<p>Déjà plus de 80 membres !<p>
<a href="/adhesion" class="button">Adhérer !</a>
</div>
</div>
<div class="page-container">