Skip to content
Snippets Groups Projects
Commit d4eb68b0 authored by Farouk's avatar Farouk
Browse files

correction avec css et html validator 0 erreur 10Warning

parent 22ff4bad
No related branches found
No related tags found
No related merge requests found
Pipeline #144672 passed
......@@ -25,7 +25,7 @@
<img src="../images/transport.jpg" class="img-article" alt="article">
<h3>Choisir le Meilleur Moyen de Transport pour vos Déplacements Quotidiens</h3>
<a href="#plus1" class="button">Afficher Plus</a>
<contenu id="plus1" class="full-article">
<section id="plus1" class="full-article">
<p>Choisir le bon moyen de transport pour vos trajets quotidiens peut transformer votre expérience de déplacement. Voici quelques conseils :
<p><span>Évaluez la distance et la fréquence :</span>
Pour les trajets courts, privilégiez la marche, le vélo ou la trottinette. Pour des distances plus longues, optez pour les transports en commun ou le covoiturage.</p>
......@@ -37,14 +37,14 @@
Privilégiez les moyens de transport plus verts comme le vélo, les transports en commun ou les véhicules électriques pour réduire votre empreinte écologique.</p>
<p><span>Flexibilité et commodité :</span>
La voiture offre de la flexibilité, mais les transports en commun sont pratiques pour certains trajets réguliers.</p>
</contenu>
</section>
</section>
<section class="article">
<img src="../images/transportvert.jpg" alt="article" class="img-article">
<h3>Les Innovations et Tendances des Transports Durables pour un Avenir Plus Vert</h3>
<a href="#plus2" class="button">Afficher Plus</a>
<contenu id="plus2" class="full-article">
<section id="plus2" class="full-article">
<p>Le transport en commun est bien plus qu'une simple alternative à la voiture individuelle. Voici pourquoi opter pour le transport en commun peut être bénéfique, tant pour les individus que pour l'environnement urbain :</p>
<p><span>Réduction de la congestion urbaine :</span>
En encourageant l'utilisation du transport en commun, les villes peuvent réduire la congestion routière, offrant ainsi des trajets plus rapides et moins stressants pour les usagers de la route.</p>
......@@ -58,14 +58,14 @@
Le transport en commun offre souvent aux usagers la possibilité de lire, travailler ou simplement se détendre pendant leurs trajets, contribuant à réduire le stress lié à la conduite individuelle.</p>
<p><span>Urbanisme favorisant une meilleure qualité de vie :</span>
Les villes axées sur le transport en commun peuvent favoriser des quartiers plus agréables, avec moins de places de parking nécessaires, laissant la place à des espaces verts et des zones piétonnes.</p>
</contenu>
</section>
</section>
<section class="article">
<img src="../images/Carte_Tecely_Lyon.jpg" alt="article" class="img-article">
<h3>Comprendre les Tarifs et Abonnements des Transports en Commun Lyonnais (TCL)</h3>
<a href="#plus3" class="button">Afficher Plus</a>
<contenu id="plus3" class="full-article">
<section id="plus3" class="full-article">
<p>Les Transports en Commun Lyonnais (TCL) offrent une gamme diversifiée de tarifs et d'abonnements pour répondre aux besoins de déplacement des usagers. Comprendre ces différentes options peut vous aider à économiser et à optimiser votre expérience de transport à Lyon :</p>
<p><span>Ticket Unitaire :</span>
Le ticket unitaire est adapté pour un trajet unique. Il est valable pour un voyage sur le réseau TCL avec une correspondance incluse pendant une durée limitée. Il peut être acheté à bord des bus, des distributeurs automatiques ou via l'application mobile TCL.</p>
......@@ -79,7 +79,7 @@
Des tarifs réduits sont disponibles pour les étudiants, les seniors, les personnes à mobilité réduite, ainsi que pour les familles. Ces tarifs spéciaux visent à rendre les transports en commun accessibles à un plus large éventail de la population.</p>
<p><span>Carte Técély :</span>
La carte Técély est une carte de transport rechargeable et personnalisable. Elle permet de charger des titres de transport et d'abonnements, offrant une solution pratique et économique pour les usagers réguliers.</p>
</contenu>
</section>
</section>
</section>
......@@ -130,10 +130,10 @@
<h3 class="titre">VOTRE AVIS COMPTE</h3>
<h2>Contribuez à des déplacements intelligents</h2>
<form method="post" action="https://perso.liris.cnrs.fr/pierre-antoine.champin/enseignement/intro-web/_static/formproc/debug">
<label>Pseudo*</label><input type="text" name="pseudo" placeholder="Pseudo">
<label>Date de naissance</label><input type="date" name="date" placeholder="jj/mm/aaaa">
<label>Adresse Electronique**</label><input name="mail" placeholder="Adresse@Example.com">
<label>Développer votre idée*</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !"></textarea>
<label>Pseudo*</label><input type="text" name="pseudo" placeholder="Pseudo" required>
<label>Date de naissance</label><input type="date" name="date">
<label>Adresse Electronique**</label><input name="mail" placeholder="Adresse@Example.com" required>
<label>Développer votre idée*</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !" required></textarea>
<p>*Les éléments sont obligatoire</p>
<p>**L'adresse mail ne sera pas publié</p>
<button id="envoyer">Envoyer</button>
......@@ -144,7 +144,7 @@
</main>
<footer>
<a href="https://iut.univ-lyon1.fr/"><img src="../images/logo.png" img="imgfooter" alt="logo" width="50" height="50"></a>
<a href="https://iut.univ-lyon1.fr/"><img src="../images/logo.png" id="imgfooter" alt="logo" width="50" height="50"></a>
<section>
<p class="pcontact">Contactez-nous :</p>
<p>01 23 45 67 89</p>
......
......@@ -42,8 +42,7 @@ h3+h2
{
display:grid;
grid-template-columns: 1fr 1fr;
grid-row: 1fr 1fr 1fr;
grid-gap: space-around;
grid-template-rows: 1fr 1fr 1fr;
margin-bottom: 10%;
}
......
......@@ -50,7 +50,6 @@ h3{
/* reglages pour les buttons de toutes les pages */
.button{
display: inline-block;
resize: 200%;
border-radius: 12cm;
box-shadow: 0px 4px 8px 0px;
padding: 0.5em;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment