Ramassy Cheun
31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Bonjour tout le monde</title>
|
|
</head>
|
|
<body>
|
|
<div class="container" style="background-color: grey;">
|
|
<div class="row">
|
|
<div class="col-sm" style="background-color: rgb(16, 219, 16);">
|
|
<span>Case 1</span>
|
|
</div>
|
|
<div class="col-sm" style="background-color: white;">
|
|
<span>Case 2</span>
|
|
</div>
|
|
<div class="col-sm" style="background-color: red;">
|
|
<span>Case 3</span>
|
|
</div>
|
|
</div>
|
|
<h1 class="">Hello</h1>
|
|
<p>Hello world</p>
|
|
</div>
|
|
<!-- jquery cdn -->
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
|
<!-- boostrap js cdn-->
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |