Skip to content

Commit

Permalink
Intégration pages principales
Browse files Browse the repository at this point in the history 
Intégration :
- Page écoscore à jour
- Page Compensation à jour
- Page FAQ
- Intégration d'images (page écoscore à titre d'exemple)
  • Loading branch information
@maboiteseo
maboiteseo committed Oct 16, 2023
1 parent 2ee379b commit cda5e7b
Show file tree
Hide file tree
Showing 6 changed files with 306 additions and 19 deletions.
Binary file added ui/src/main/resources/static/assets/img/ecologie1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/src/main/resources/static/assets/img/ecologie2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/src/main/resources/static/assets/img/ecologie3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 33 additions & 8 deletions ui/src/main/resources/templates/compensation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,11 @@
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-12 col-md-8 col-lg-8 text-center text-md-left">
<h1 class="display-2 mb-4">Compensation écologique </h1>
<p class="lead mb-4 text-muted">Nous compensons le poids écologique de votre achat en reversant <b>20% de notre chiffre d'affaire</b>. Vous trouverez ici plus d'explications sur ce principe de compensation carbone, ainsi que le total et l'historique des sommes reversées.</p>
</div>
<h1 class="display-2 mb-4">La compensation carbone expliquée</h1>
<th:block th:with="path='WIDGETS/compensation-1/'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</div>
<div class="col-12 col-md-4 d-none d-md-block text-center"><img src="../../assets/img/illustrations/about-illustration.svg" alt=""></div>
</div>
</div>
Expand All @@ -63,16 +65,16 @@ <h1 class="display-2 mb-4">Compensation écologique </h1>
<img class="organic-radius img-fluid" src="../../assets/img/illustrations/compensation-carbone.jpg" alt="Compensation carbone">
</div>
<div class="col-lg-7 ">
<h2 class="h1 mb-5">Principe</h2>
<h2 class="h1 mb-5">Le principe de la compensation écologique et environnementale</h2>

<blockquote class="blockquote text-center">
"La compensation carbone consiste à essayer de contrebalancer ses propres émissions de CO₂ par le financement de projets de réduction d'autres émissions ou de séquestration de carbone."
<footer class="blockquote-footer mt-3 text-primary"><a href="https://fr.wikipedia.org/wiki/Compensation_carbone" target="_blank">Wikipedia</a></footer>
</blockquote>

<p class="lead">Chez <a href="nudger.fr">nudger.fr</a>, nous reversons 20% de notre chiffre d'affaires à des associations ou organismes défendant et oeuvrant pour la cause environnementale. Nous étendons de ce fait
le principe de compensation carbone (les financements ne sont pas uniquement alloués à des organismes proposant de la séquestration carbone) car nous considerons que la problématique écologique est un sujet global (climat, biodiversité, etc.).</p>
</div>
<th:block th:with="path='WIDGETS/compensation-2/'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</div>
</div>
</div>
</section>
Expand Down Expand Up @@ -117,6 +119,29 @@ <h3 class="h5">Montant reversé</h3>
</div>
</div>
</section>
<section class="section section-md">
<div class="container">
<div class="row d-flex flex-wrap align-items-center justify-content-around">

<div class="col-">
<h2 class="h1 mb-5">Pourquoi effectuer un acte de compensation carbone ?</h2>
<div>
<th:block th:with="path='compensation-3'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</div>
</div>
<div class="col-">
<h2 class="h1 mb-5">À quelles associations ou organismes sont reversés les fonds de Nudger ?</h2>
<div>
<th:block th:with="path='compensation-4'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</div>
</div>
<button class="btn btn-secondary animate-up-2" type="button"><a href="https://nudger.fr/">Je nudge mes achats</button>
</div>
</section>



Expand Down
26 changes: 15 additions & 11 deletions ui/src/main/resources/templates/ecoscore.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,11 @@
<div class="container container-semi-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-12 col-md-8 col-lg-8 text-center text-md-left">
<h1 class="display-2 mb-4">Eco-Score : l'évaluation écologique des produits</h1>
<p class="lead mb-4 text-muted">nudger.fr fait de vous un utilisateur écologiquement informé, en fournissant une évaluation environnementale des produits que vous achetez. Aussi bien dans le choix d’une télévision que dans celui d’un sèche-linge, il existe des indices permettant de déceler le facteur écologique de chacun de ses produits.</p>
</div>
<h1 class="display-2 mb-4">L’écoscore : l’évaluation écologique des produits</h1>
<th:block th:with="path='ECOSCORE/1/'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</div>
<div class="col-12 col-md-4 d-none d-md-block text-center"><img src="../../assets/img/illustrations/about-illustration.svg" alt=""></div>
</div>
</div>
Expand All @@ -61,15 +63,15 @@ <h1 class="display-2 mb-4">Eco-Score : l'évaluation écologique des produits</h
<div class="container container-semi-fluid">
<div class="row align-items-center justify-content-around">
<div class="col-md-6 col-xl-7 text-center text-md-left">
<h2 class="h1 mb-5">Comment est calculé l’éco-score ?</h2>
<h2 class="h1 mb-5">Qu’est-ce que l’écoscore ?</h2>
<p class="lead">
<th:block th:with="path='ECOSCORE/2/'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</p>
</div>
<div class="col-md-6 col-xl-4 mb-5">
<img class="organic-radius img-fluid" src="../../assets/img/sections/about-us-2.jpg" >
<img class="organic-radius img-fluid" src="../../assets/img/sections/aecologie2.jpg" >
</div>
</div>
</div>
Expand All @@ -79,10 +81,10 @@ <h2 class="h1 mb-5">Comment est calculé l’éco-score ?</h2>
<div class="container container-semi-fluid">
<div class="row align-items-center justify-content-around">
<div class="col-md-6 col-xl-4 mb-5">
<img class="organic-radius img-fluid" src="../../assets/img/sections/about-us-1.jpg" >
<img class="organic-radius img-fluid" src="../../assets/img/sections/ecologie2.jpg" >
</div>
<div class="col-md-6 col-xl-7 text-center text-md-left">
<h2 class="h1 mb-5">Comment lire l’éco-score pour effectuer ses achats ?</h2>
<h2 class="h1 mb-5">Comment est calculé l’écoscore ?</h2>
<p class="lead">
<th:block th:with="path='ECOSCORE/3/'">
<th:block th:insert="inc/wiki.html"></th:block>
Expand All @@ -98,17 +100,19 @@ <h2 class="h1 mb-5">Comment lire l’éco-score pour effectuer ses achats ?</h2>
<div class="container container-semi-fluid">
<div class="row align-items-center justify-content-around">
<div class="col-md-6 col-xl-7 text-center text-md-left">
<h2 class="h1 mb-5">Comment exploiter le score écologique en tant que professionnel ?</h2>
<h2 class="h1 mb-5">Comment intégrer l’écoscore à la vie de tous les jours ?</h2>
<p class="lead">
<th:block th:with="path='ECOSCORE/4/'">
<th:block th:insert="inc/wiki.html"></th:block>
</th:block>
</p>
</th:block>
</p>
</div>

<div class="col-md-6 col-xl-4 mb-5">
<img class="organic-radius img-fluid" src="../../assets/img/sections/about-us-1.jpg" >
<img class="organic-radius img-fluid" src="../../assets/img/sections/ecologie3.jpg" >
</div>
</div>

</div>
</section>
</main>
Expand Down
Loading

0 comments on commit cda5e7b

Please sign in to comment.