bonnebulle/__html_css_js
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Wiki Activity

0_intro

Browse Source
This commit is contained in:
vincent_b
2025-10-17 00:18:16 +02:00
parent a9c8ef66db
commit 1c1f514531
28 changed files with 1422 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
public/3_grid/index.html Normal file
View File

@@ -0,0 +1,54 @@
<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>