102 lines
6.0 KiB
HTML
102 lines
6.0 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" type="text/css" href="./styles/styles.css" />
|
|
<title>Rick Astley</title>
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
|
|
<div class="navbar">
|
|
<img src="">
|
|
<a href="index.html">WOUTIPOUP !</a>
|
|
</div>
|
|
</nav>
|
|
<main>
|
|
<!-- PROFILE -->
|
|
|
|
<section class="section section-profile">
|
|
<div class="section-profile-informations">
|
|
<img src="img/Vienna3-1600x1067.jpg">
|
|
<h2>Rick Astley</h2>
|
|
<span id=defi><a href="https://twitter.com/search?q=%23DefiJobOpp&src=typeahead_click" target="_blank">#DefiJobOpp</a>   <a href="https://twitter.com/JobOpportunIT_" target="_blank">@JobOpportunIT_</a></span>
|
|
</div>
|
|
</section>
|
|
<button class="button secret"><a href="rickroll.html">_________</a></button>
|
|
|
|
<div class="clearfix">
|
|
<!-- Premiere colonne -->
|
|
<div class="box" style="background-color:#F5F5F5;width:40%">
|
|
<p class="title">Biographie</p>
|
|
<p class="bio">Richard Paul Astley dit Rick Astley, né le 6 février 1966 à Newton-le-Willows près de Warrington dans le Merseyside, est un chanteur et auteur-compositeur-interprète anglais.</p>
|
|
<p class="title">Amis</p>
|
|
<p class="amis"><img src="https://www.lifeofpix.com/wp-content/uploads/2018/09/18062018-DSCF7954-1600x2133.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/10/ExportInsta_180210-0996-1600x1067.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/10/DSC00474-1600x1067.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/10/Photos_190223-26_Bulgarie-7306-1600x2400.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2018/10/IMG_20170110_001633-1600x1067.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/08/fabiancatoni_2-1600x2134.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/11/bbggf-1600x1185.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/11/Vienna6-1600x1067.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/10/RAW3106-1600x952.jpg">
|
|
<img src="https://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/08/fabiancatoni_1-1600x2240.jpg">
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/02/180921_9056-1600x1200.jpg"></p>
|
|
<p class="voirplus"><a href="amis.html">Voir plus</a></p>
|
|
<p class="title">Gallery de photos</p>
|
|
<p><img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery">
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery">
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery">
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery">
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery">
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="gallery"></p>
|
|
<p class="voirplus"><a href="gallery.html">Voir plus</a></p>
|
|
|
|
<!-- Deuxieme colonne -->
|
|
|
|
</div>
|
|
<div class="box" style="background-color:#F5F5F5;width:60%">
|
|
<div class="post">
|
|
<div class="titre2">
|
|
<img src="img/Vienna3-1600x1067.jpg">
|
|
<h2>Rick Astley</h2><span>#DefiJobOpp #NuitDeLinfo2019 | ✎ Post épinglé</span>
|
|
</div>
|
|
<img src="https://www.lifeofpix.com/wp-content/uploads/2019/02/270-jira0064-chim-eye-1600x1059.jpg">
|
|
<p>Je me suis dis que rechercher dans ma barre de recher les mots lapins, poneys et meutres me rendaient perplexe ! Essayez d'y ajouter ces mots clefs à l'URL !</p>
|
|
<hr>
|
|
<span>Commentaires</span>
|
|
</div>
|
|
|
|
<div class="post">
|
|
<div class="titre2">
|
|
<img src="img/Vienna3-1600x1067.jpg">
|
|
<h2>Rick Astley</h2><span>#Thread | ✎ Post posté hier</span>
|
|
</div>
|
|
<p>La nuit de l'ino, j'aime bien ! Je me suis découvert une passion !</p>
|
|
<hr>
|
|
<span>Commentaires</span>
|
|
</div>
|
|
|
|
<div class="post">
|
|
<div class="titre2">
|
|
<img src="img/Vienna3-1600x1067.jpg">
|
|
<h2>Rick Astley</h2><span>#Thread | ✎ Post posté il y a 2 jours</span>
|
|
</div>
|
|
<p>Quoi de mieux qu'un lorem ipsum ? :D ! Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum.
|
|
Cras mollis sodales massa, at malesuada sapien feugiat eget.</p>
|
|
<hr>
|
|
<span>Commentaires</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<pre class="Copyrights">Site crée par José, Chiara et Léa.</pre>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |