56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="../scss/bootstrap.scss">
|
|
<link rel="stylesheet" href="../scss/styles.scss">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand">Navbar</a>
|
|
<form class="d-flex">
|
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="coucou">
|
|
<h2 class="display-3">Bim bam</h2>
|
|
<p>Mes propres styles</p>
|
|
<span>boum</span>
|
|
</div>
|
|
|
|
<div class="container panier" id="mon-panier">
|
|
<div class="row">
|
|
<div class="col intro">
|
|
<h2>Column</h2>
|
|
<ul class="list-group">
|
|
<li class="list-group-item">An item</li>
|
|
<li class="list-group-item">A second item</li>
|
|
<li class="list-group-item">A third item</li>
|
|
<li class="list-group-item">A fourth item</li>
|
|
<li class="list-group-item">And a fifth one</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6">
|
|
<h2>Column</h2>
|
|
<p>Non tellus orci ac auctor augue mauris augue neque gravida. Sit amet risus nullam eget felis eget nunc lobortis. Urna neque viverra justo nec ultrices dui sapien. Arcu dictum varius duis at consectetur lorem donec. Neque ornare aenean euismod elementum nisi quis eleifend quam. Habitasse platea dictumst quisque sagittis purus.</p>
|
|
</div>
|
|
<div class="col resume">
|
|
<h2>Column</h2>
|
|
<button type="button" name="button" class="btn btn-primary btn-lg">
|
|
hello Marcel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script src="./index.js"></script>
|
|
</body>
|
|
</html>
|