Skip to content
Snippets Groups Projects
Commit 5ecf1092 authored by Bendeddouche Farouk Mohamed's avatar Bendeddouche Farouk Mohamed
Browse files

Delete blog.html

parent 439f3bc4
No related branches found
No related tags found
No related merge requests found
Pipeline #144534 passed with warnings
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="blog.css">
<title>Université en mouvement : Le questionnaire qui vous fait déplacer vos idées !</title>
</head>
<body>
<nav>
<img src="logo.png" alt="logo" width="50" height="50">
<a class="active" href="index.html">Accueil</a>
<a href="blog.html">Blog</a>
<a href="propos.html">A Propos</a>
</nav>
<h1>Naviguer le campus en harmonie avec l'écologie</h1>
<header>
<section class="article">
<img src="">
<h3>Titre article 1</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
<section class="article">
<img src="">
<h3>Titre article 2</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
<section class="article">
<img src="">
<h3>Titre article 3</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
<section class="article">
<img src="">
<h3>Titre article 4</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
<section class="article">
<img src="">
<h3>Titre article 5</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
<section class="article">
<img src="">
<h3>Titre article 6</h3>
<p class="commentaires-article">Petite description, nterdum quam. Phasellus biberdue.</p>
</section>
</header>
<h1>Conseils par les utilisateurs pour les utilisateurs</h1>
<section class="users">
<label>Rechercher </label><input type="search" name="rechercher" placeholder="Quelle est votre recherche">
<section class="user">
<h3>Saad Masaoud</h3>
<p class="commentaires-article">nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.
</p>
</section>
<section class="user">
<h3>Saber Masbour</h3>
<p class="commentaires-article">nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.
</p>
</section>
<section class="user">
<h3>Martin Martinez</h3>
<p class="commentaires-article">nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.petite description,
nterdum quam. Phasellus biberdue.
</p>
</section>
<button><<</button>
<button><-</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>-></button>
<button>>></button>
</section>
<h3 class="titre">VOTRE AVIS COMPTE</h3>
<h2>Contribuez à des déplacements intelligents</h2>
<section class="Formulaire">
<label>Pseudo*<p>(obligatoire)</p></label><input type="text" name="pseudo" placeholder="Pseudo">
<label>Date de naissance<p>facultatif</p></label><input type="date" name="date" placeholder="jj/mm/aaaa">
<label>Adresse Electronique**<p>(ne sera pas publié)(obligatoire)</p></label><input name="mail" placeholder="Adresse@Example.com">
<label>Développer votre idée*<p>(obligatoire)</p></label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !"></textarea>
<p class="commentaires">*Les éléments sont obligatoire</p>
<p class="commentaires">**L'adresse mail ne sera pas publié</p>
<button>Envoyer</button>
</section>
<p class="comme">Nous vous invitons à remplir ce formulaire pour nous faire part
de vos retours, astuces et suggestions. Ensemble, construisons
un environnement de mobilité qui répond à vos besoins.</p>
<footer>
<img src="logo.png" alt="logo" width="50" height="50">
<section>
<p class="comm">Contactez-nous :</p>
<p>01 23 45 67 89</p>
<p>example@adresse.com</p>
</section>
<section>
<p class="comm">Soutenez-nous : </p>
<p>example@paypal.me </p>
<p>patreon.com/example</p>
</section>
</footer>
</body>
</html>
\ No newline at end of file
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