eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

updates

Browse source
This commit is contained in:
ericb 2024-12-06 07:22:47 +01:00
parent 46aa198fad
commit e44c65cbce
9 changed files with 602 additions and 381 deletions
Download patch file Download diff file Expand all files Collapse all files

36
home.html
View file

@ -11,7 +11,7 @@
<script src="static/js/vendor/bootstrap.bundle.min.js"></script>
</head>
<body>
<body data-screen="homepage">
<header class="top-bar fixed-top">
<div class="d-grid gap-3 align-items-center">
<nav class="navbar navbar-expand-lg bg-body-tertiary" aria-label="Main navigation">
@ -30,7 +30,7 @@
<ul class="navbar-nav">
</ul>
<div class="d-flex align-items-center gap-2 ms-auto">
<div id="side-lang" class="ms-auto">
<div class="col">
<label for="lang">Choisir la langue</label>
<select id="lang" class="lang-select form-select form-select-sm" aria-label="Select language">
@ -40,8 +40,7 @@
<option>Rumantsch</option>
<option>English</option>
</select>
</div>
<!-- <a class="btn btn-sm btn-cta rounded col-auto" href="connect.html">Se connecter</a> -->
</div>
</div>
</div>
@ -49,6 +48,7 @@
</div>
</nav>
</div>
</header>
@ -56,16 +56,16 @@
<div class="hero hero-primary container-fluid">
<div>
<div class="row">
<div class="col-lg-4 bottom-anchored order-2 order-lg-1 ">
<div class="col-md-8 col-lg-6 col-xxl-4 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/public-ban-home.png">
</div>
<div class="col-lg-4 order-1 order-lg-2">
<div class="col-lg-6 col-xxl-4 order-1 order-lg-2">
<h1 class="display-5 fw-bold lh-1 mb-3 mb-lg-5">L’autre manière d’approfondir ses connaissances linguistiques</h1>
<p>La méthode TANDEM vous ouvre un nouvel horizon d’apprentissage.<br> A l’inverse des cours de langues traditionnels, l’accent est mis sur la communication orale.</p>
<p>Deux personnes de langues différentes forment un TANDEM et s’enseignent réciproquement leur langue. Les deux sont donc à la fois apprenant·e·s et enseignant·e·s.</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="connect.html"><button type="button" class="btn btn-primary btn-hero-primary btn-lg rounded px-4 me-md-2">Se connecter</button></a>
<a href="create-account.html"><button type="button" class="btn btn-outline-secondary btn-lg rounded px-4">Créer un compte</button></a>
<div class="btn-stack">
<a class="btn btn-primary btn-hero-primary btn-lg rounded" href="connect.html">Se connecter</a>
<a class="btn btn-outline-secondary btn-lg rounded" href="create-account.html">Créer un compte</a>
</div>
</div>
</div>
@ -185,8 +185,24 @@
<footer>
<div class="container">
<a href="https://www.bilinguisme.ch/" target="_blank" rel="noopener"><img class="img-fluid" src="static/img/logo/forum-bilinguisme.svg"></a>
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-5 py-5">
<div class="col mb-3">
<a href="https://www.bilinguisme.ch/" target="_blank" rel="noopener"><img class="img-fluid" src="static/img/logo/forum-bilinguisme.svg" alt="Forum du Bilinguisme"></a>
</div>
<div class="col">
<h5>Forum du bilinguisme</h5>
<p>
Place Robert-Walser 7, CP 439<br>
2501 Biel/Bienne
</p>
<a class="text-link" href="mailto:support@e-tandem.ch">support@e-tandem.ch</a>
<br>
<a class="text-link" href="tel:+41 32 323 22 80">+41 32 323 22 80</a>
</div>
</div>
</div>
</footer>
</body>
</html>