72 lines
No EOL
3.5 KiB
HTML
72 lines
No EOL
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Saoul Bonmonsieur | Site Web Officiel</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<script src="lib/anime.min.js"></script>
|
|
<script src="js/base.js"></script>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
|
rel="stylesheet">
|
|
<link href="css/index.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<Navbar></Navbar>
|
|
<div class="presentation">
|
|
<div class="presentation-text anim-text">
|
|
<h1>Saoul Bonmonsieur</h1>
|
|
<p>Avocat sur loi de Toulouse</p>
|
|
</div>
|
|
<div class="presentation-img">
|
|
<img class="photosaoul" src="assets/saoul.png"></img>
|
|
</div>
|
|
<div class="whiteband"></div>
|
|
</div>
|
|
<div class="description">
|
|
<div class="description-text">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
|
|
dolore
|
|
magna aliqua. Sed viverra ipsum nunc aliquet bibendum. Enim ut sem viverra aliquet eget sit amet. Cursus
|
|
sit
|
|
amet dictum sit amet justo donec. Volutpat est velit egestas dui id ornare arcu odio. Cras fermentum
|
|
odio eu
|
|
feugiat pretium nibh ipsum. Nisl condimentum id venenatis a condimentum. Massa tincidunt dui ut ornare
|
|
lectus. Lectus mauris ultrices eros in cursus turpis. Lorem mollis aliquam ut porttitor leo a diam
|
|
sollicitudin tempor. Dictum sit amet justo donec enim diam vulputate. Volutpat consequat mauris nunc
|
|
congue.
|
|
Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Risus in hendrerit
|
|
gravida
|
|
rutrum quisque. Nunc mi ipsum faucibus vitae aliquet. Lectus nulla at volutpat diam ut. Diam in arcu
|
|
cursus
|
|
euismod. Amet volutpat consequat mauris nunc congue.<br><br>
|
|
Tincidunt augue interdum velit euismod. Cras ornare arcu dui vivamus arcu felis bibendum. In fermentum
|
|
et
|
|
sollicitudin ac. Id faucibus nisl tincidunt eget. Non odio euismod lacinia at quis. Quis viverra nibh
|
|
cras
|
|
pulvinar. Leo duis ut diam quam nulla porttitor massa id neque. Neque volutpat ac tincidunt vitae.
|
|
Aliquet
|
|
eget sit amet tellus. Mi proin sed libero enim sed. Enim sed faucibus turpis in eu mi bibendum neque
|
|
egestas. Interdum posuere lorem ipsum dolor sit amet consectetur. Ipsum consequat nisl vel pretium
|
|
lectus.
|
|
Id volutpat lacus laoreet non curabitur gravida arcu. Turpis massa tincidunt dui ut ornare lectus. Sit
|
|
amet
|
|
aliquam id diam. Orci a scelerisque purus semper. Amet nisl suscipit adipiscing bibendum est ultricies
|
|
integer quis.</p>
|
|
</div>
|
|
<div class="description-img">
|
|
<img class="placeholder" src="assets/meilleurappelersaoul.jpg"></img>
|
|
</div>
|
|
</div>
|
|
<Footer></Footer>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<script src="js/index.js"></script> |