117 lines
6.5 KiB
HTML
117 lines
6.5 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="./styles/styles.css" />
|
||
|
|
<title>Titre de mon document</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<nav>
|
||
|
|
|
||
|
|
<div class="navbar">
|
||
|
|
<img src="">
|
||
|
|
<a href="ACCEUIL.html">ACCEUIL</a>
|
||
|
|
<a href="APROPOS.html">A PROPOS DE NOUS</a>
|
||
|
|
<a href="BOUTIQUE.html">BOUTIQUE</a>
|
||
|
|
<a href="CONTACT.html">CONTACT</a>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<main>
|
||
|
|
<!-- PROFILE -->
|
||
|
|
|
||
|
|
<section class="section section-profile">
|
||
|
|
<div class="section-profile-informations">
|
||
|
|
<img src="img/Vienna3-1600x1067.jpg">
|
||
|
|
<h2>John Doe</h2>
|
||
|
|
<span>#DefiJobOpp</span>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<div class="haut">
|
||
|
|
<div class="rond">
|
||
|
|
<img src="img/Vienna3-1600x1067.jpg" class="Icon">
|
||
|
|
<p>RickRoll</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!--<div class="header">
|
||
|
|
<img src="img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg" class="PhotoProfile">
|
||
|
|
<div class="PhotoName">
|
||
|
|
<img src="img/Vienna3-1600x1067.jpg" class="Icon">
|
||
|
|
<div class="Person">
|
||
|
|
<p>RickRoll</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>-->
|
||
|
|
|
||
|
|
<!-- PROFILE -->
|
||
|
|
|
||
|
|
<div class="clearfix">
|
||
|
|
<!-- Premiere colonne -->
|
||
|
|
<div class="box" style="background-color:#F5F5F5;width:40%">
|
||
|
|
<p class="title">Biographie</p>
|
||
|
|
<p class="bio">Sed sit amet elit mi. Vivamus laoreet lorem vel justo convallis, eu malesuada dui dictum. Aenean rutrum, turpis sagittis tristique volutpat, dolor turpis laoreet mauris, sit amet porta quam nibh vitae ipsum. Vivamus hendrerit tincidunt
|
||
|
|
velit in mollis. Fusce porttitor vel lectus sed porta. Nulla ac varius justo, rhoncus aliquam dui. 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>
|
||
|
|
<p class="title">Amis</p>
|
||
|
|
<p><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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
||
|
|
<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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
||
|
|
<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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
||
|
|
<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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
||
|
|
<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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80">
|
||
|
|
<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://images.unsplash.com/photo-1562887284-eb863165ebc8?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"></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:#ccc;width:60%">
|
||
|
|
<div class="post-gallery">
|
||
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="imgX" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box" style="background-color:#ccc;width:60%">
|
||
|
|
<div class="post-gallery">
|
||
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="imgX" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box" style="background-color:#ccc;width:60%">
|
||
|
|
<div class="post-gallery">
|
||
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="imgX" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box" style="background-color:#ccc;width:60%">
|
||
|
|
<div class="post-gallery">
|
||
|
|
<img src="https://images.unsplash.com/photo-1572786194701-34e2371239cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="imgX" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
<pre class="Copyrights">Site crée par José, Chiara et Léa.</pre>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|