This commit is contained in:
Simon Vieille 2017-03-09 14:02:39 +01:00
commit d7329ab84a
3 changed files with 219 additions and 0 deletions

99
article.php Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="main.css">
<title></title>
</head>
<body>
<div id="page">
<header id="page-header">
<h1>Mon super blog</h1>
</header>
<section>
<article>
<header>
<h2>Mon article 1</h2>
</header>
<div class="date">
Publié le 09/03/2017
</div>
<p>
Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
</article>
</section>
<section>
<div class="commentaire">
<h3>Simon Vieille</h3>
<p>
Ton site est assez laid mon pote.
</p>
</div>
<div class="commentaire">
<h3>Simon Vieille</h3>
<p>
Ton site est assez laid mon pote.
</p>
</div>
<div class="commentaire">
<h3>Simon Vieille</h3>
<p>
Ton site est assez laid mon pote.
</p>
</div>
<div class="commentaire">
<h3>Simon Vieille</h3>
<p>
Ton site est assez laid mon pote.
</p>
</div>
<h3>Laisser une commentaire</h3>
<form action="">
<p>
<label for="nom">Nom</label>
<input id="nom" type="" name="name">
</p>
<p>
<label for="commentaire">Commentaire</label>
<textarea id="commentaire" name="comment"></textarea>
</p>
<p>
<input type="submit" value="Envoyer">
</p>
</form>
</section>
<footer>
<p>
Un site super joli et développé maison :)
</p>
</footer>
</div>
</body>
</html>

100
index.php Normal file
View file

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="main.css">
<title></title>
</head>
<body>
<div id="page">
<header id="page-header">
<h1>Mon super blog</h1>
</header>
<section>
<article>
<header>
<h2>Mon article 1</h2>
</header>
<div class="date">
Publié le 09/03/2017
</div>
<p>
Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
</article>
<article>
<header>
<h2>Mon article 2</h2>
</header>
<div class="date">
Publié le 09/03/2017
</div>
<p>
Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
</article>
<article>
<header>
<h2>Mon article 3</h2>
</header>
<div class="date">
Publié le 09/03/2017
</div>
<p>
Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
<p>
Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
</p>
</article>
</section>
<footer>
<p>
Un site super joli et développé maison :)
</p>
</footer>
</div>
<script src="main.js"></script>
</body>
</html>

20
main.css Normal file
View file

@ -0,0 +1,20 @@
body {
font-family: Verdana;
}
article {
border: 1px solid #ccc;
padding: 30px;
margin: 10px 0;
}
#page-header {
border: 1px solid blue;
background: green;
}
.commentaire {
border: 1px solid blue;
padding: 10px;
margin: 10px 0;
}