diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2025-09-15 01:07:58 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2025-09-15 01:07:58 +0200 |
| commit | 967be9e750221ab2ab783f95df79bb26d290a45e (patch) | |
| tree | 6802900a5e975f9f68b169f0f503f040056d6952 /ping/frontend/src/routes/+page.svelte | |
Diffstat (limited to 'ping/frontend/src/routes/+page.svelte')
| -rw-r--r-- | ping/frontend/src/routes/+page.svelte | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/ping/frontend/src/routes/+page.svelte b/ping/frontend/src/routes/+page.svelte new file mode 100644 index 0000000..7088945 --- /dev/null +++ b/ping/frontend/src/routes/+page.svelte @@ -0,0 +1,59 @@ +<script lang="ts"> + import Button from '$lib/components/Button.svelte'; + import NavBar from '$lib/components/NavBar.svelte'; +</script> + +<NavBar pageTitle=""> + <!-- Composant gauche de la navbar --> + {#snippet rightComponent()} + <Button href="/login">Connexion</Button> + {/snippet} +</NavBar> +<header></header> +<section class="colored"></section> +<section id="bottomcard"> + <div class="card"> + <h1>Investissons <b>plus mieux</b> et <b>plus vert</b></h1> + <ul> + <li>Investissez facilement</li> + <li>Analysez les risques et les performances</li> + <li>Soulagez votre éco-conscience</li> + </ul> + </div> +</section> + +<style> + header { + background-image: url('/img/header-bg.jpg'); + height: 80vh; + background-size: cover; + background-position: center; + } + + .colored { + background-color: var(--bg-secondary); + height: 20vh; + } + + #bottomcard { + position: fixed; + bottom: 10vh; + display: flex; + justify-content: center; + align-items: center; + color: white; + } + + #bottomcard h1 { + font-size: 2em; + margin-bottom: 10px; + color: var(--text-lime); + } + + #bottomcard ul { + list-style: square; + padding: 0; + margin: 0; + margin-left: 20px; + } +</style> |