-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (86 loc) · 4.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!Doctype html>
<html>
<head>
<meta charset='utf-8' />
<title>AME, présentation</title>
<!-- Le contenue prend toute la taille de l'écran (sécurité responsive de Mathéo)-->
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="style/Visiteur-AMEstyle.css" />
<!--Louka - Importation de la police BioRhyme-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=BioRhyme:wght@700&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="ressources/logo.png">
<!-- Favicon dessiné par Louka -->
<link rel="icon" type="image/png" href="ressources/favicon.png" />
</head>
<body>
<!--Valentin (Bouttons) et Louka (Logo)-->
<header>
<img alt="Logo AME" src="ressources/logo.png" id="Logo-accueil" />
<div id="Connexion"><a href="connexion.html">Se connecter</a></div>
<div id="Inscription"><a href="inscription.html">S'inscrire</a></div>
</header>
<!--Louka- barre navigation-->
<nav>
<ul>
<li id="Navigation1"><a href='actu.html'>Actualités et partenaires</a></li>
<li id="Navigation2"><a href='don.html'>Soutenez-nous</a></li>
<li id="Navigation3"><a href='spt.html'>Support-technique</a></li>
</ul>
</nav>
<!--Mathéo - section de présentation, d'accueil-->
<div id="Accueil">
<img src="ressources/presentationDessin.png" alt="dessin stylé de Louka pour présenter le projet"
id="dessinAccueil" />
<div id="Pretitre">
<img id="mainDirectionnelle" alt="icon" src="ressources/Main.png" />
<div id="Intro">
<span>La santé mental</span>
<div id="accueil-cercleLeftTop"></div>
<div id="accueil-cercleRightTop"></div>
<div id="accueil-cercleLeftBottom"></div>
<div id="accueil-cercleRightBottom"></div>
</div>
</div>
<div id="Accroche"> Pour les résidents<br />d’EPHAD et<br />leurs suivis</div>
</div>
<!--Louka- contenu informatif-->
<section id="premiereSection">
<h2>Qu’est-ce qu’AME ?</h2>
<p>Les Aînés suivis Moralement en EHPAD (AME) est une start-up, ayant pour objectif d’aider les <br />
résidents en EHPAD, au niveau de la santé mentale, afin d’assurer leur bien-être <br />
(et de limiter la maltraitance) avec des questionnaires hebdomadaires faite par un de nos sociologues.</p>
</section>
<section>
<h2>Pourquoi choisir AME ?</h2>
<p>Il permet de suivre rapidement et facilement une moyenne d’humeur ou sur l’état psychologique<br />
d’un membre de votre famille en EHPAD avec fiabilité. Cela aide ainsi le personnel soignant dans son
travail.</p>
</section>
<section>
<h2>Disponible dès maintenant</h2>
<p>Vous pouvez rechercher toutes les EHPAD en partenariats avec nous, récemment mis à jour sur la page
actualités<br />
et partenaires.De même, nous sommes impatients de faire un partenariat financier et matériel<br />
avec le ministre de la Santé mais aussi nous serions ravies de vous compter parmi nous(plus d’infos dans la
page Soutenez-nous)<br />
.Sinon, nous cherchons des employés(e)s (développeurs, business management ou encore
sociologue/psychologue)<br />
.Alors si vous voulez nous rejoindre, contactez-nous (Support technique).</p>
</section>
<!--Louka - ajout vidéo-->
<section id="video">
<div class="video-responsive">
<iframe width="560" height="315" src="https://www.youtube.com/embed/syTX3eCb8fE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</section>
<!-- Mathéo - crédit -->
<footer>
<span>Mise à jour en mai 2022, ©AME Start-Up</span>
</footer>
</body>
</html>