<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Document</title>
</head>
<body>
<div class="container">
<div class="header item">
<div class="logo">
<img src="img/logo.png" width="20%" alt="Logo" />
</div>
<div class="titre">
<img src="img/titre.png" width="80%" alt="titre" />
</div>
<div class="yt">
<a href=""><img src="img/yt.png" width="20%" alt="mon YouTube" /></a>
</div>
</div>
<div class="flexbody">
<div class="menuLeft item">
<ul id="menu-accordeon">
<li>
<a href="#">Lien menu 1</a>
<ul>
<li><a href="#">lien sous menu 1</a></li>
<li><a href="#">lien sous menu 1</a></li>
<li><a href="#">lien sous menu 1</a></li>
<li><a href="#">lien sous menu 1</a></li>
</ul>
</li>
<li>
<a href="#">Lien menu 2</a>
<ul>
<li><a href="#">Lien sous menu 2</a></li>
<li><a href="#">Lien sous menu 2</a></li>
<li><a href="#">Lien sous menu 2</a></li>
<li><a href="#">Lien sous menu 2</a></li>
</ul>
</li>
<li>
<a href="#">Lien menu 3</a>
<ul>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
</ul>
</li>
<li>
<a href="#">Lien menu 4</a>
<ul>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
</ul>
</li>
<li>
<a href="#">Lien menu 5</a>
<ul>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
<li><a href="#">Lien sous menu 3</a></li>
</ul>
</li>
</ul>
</div>
<div class="content item">
<div class="content1 item">
<h1>Bienvenue sur mon site.</h1>
</div>
<div class="content2 item">
<img src="img/bateau.gif" width="20%" alt="gif animé bateau" />
<img src="img/matelot.gif" width="20%" alt="gif animé matelot" />
<img src="img/soum.gif" width="20%" alt="gif animé sous-marin" />
</div>
</div>
</div>
<div class="footer item">
<h2>Je vous souhaite une agréable lecture.</h2>
</div>
</div>
</body>
</html>