55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>2 Flexboxs</title>
|
|
|
|
<link rel="stylesheet" href="../style.css">
|
|
<link rel="stylesheet" href="style_grid.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="wrapper">
|
|
<h3>Grids</h3>
|
|
|
|
<div id="container_grids" class="wrapper_container">
|
|
<div class="grid__item"><p>Esse occaecat sint</p></div>
|
|
<div class="grid__item"><p>Ex culpa veniam</p></div>
|
|
<div class="grid__item"><p>Laborum labore ipsum</p></div>
|
|
<div class="grid__item"><p>Commodo aliqua aliqua</p></div>
|
|
<div class="grid__item"><p>Dolor eiusmod amet</p></div>
|
|
<div class="grid__item"><p>Irure irure eiusmod</p></div>
|
|
<div class="grid__item"><p>Eu quis velit</p></div>
|
|
<div class="grid__item"><p>Ullamco deserunt duis</p></div>
|
|
</div>
|
|
|
|
|
|
<h3>Grids (plus)</h3>
|
|
|
|
<!-- CATS ! https://genrandom.com/cats/ -->
|
|
|
|
<div id="container_grids_plus" class="wrapper_container">
|
|
<div class="grid__item" style="background: no-repeat url('cat1.jpg')"><p>Esse occaecat sint</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat2.jpg')"><p>Ex culpa veniam</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat3.jpg')"><p>Laborum labore ipsum</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat4.jpg')"><p>Commodo aliqua aliqua</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat5.jpg')"><p>Dolor eiusmod amet</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat6.jpg')"><p>Irure irure eiusmod</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat7.jpg')"><p>Eu quis velit</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat8.jpg')"><p>Ullamco deserunt duis</p></div>
|
|
<div class="grid__item" style="background: no-repeat url('cat9.jpg')"><p>Occaecat sint</p></div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<footer>
|
|
<script src="/assets/js/script_html_infos.js"></script>
|
|
<script src="https://livejs.com/live.js"></script>
|
|
</footer>
|
|
</html>
|
|
|