My First Bootstrap Page
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Menara eiffel
Dinamai sesuai nama perancangnya, Gustave Eiffel, Menara Eiffel adalah bangunan tertinggi di Paris dan salah satu struktur terkenal di dunia.[1] Lebih dari 200.000.000 orang telah mengunjungi menara ini sejak pembangunannya tahun 1889,[2] termasuk 6.719.200 orang tahun 2006,[3] menjadikannya monumen berbayar yang paling banyak dikunjungi di dunia.[4][5] Termasuk antena setinggi 24 m (79 kaki), struktur ini memiliki tinggi 325 m (1.063 kaki) sejak 2000, yang sama dengan bangunan konvensional bertingkat 81.
Dark Striped Table
Combine .table-dark and .table-striped to create a dark, striped table:
| Firstname | Lastname | |
|---|---|---|
| John | Doe | john@example.com |
| Mary | Moe | mary@example.com |
| July | Dooley | july@example.com |
code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap 5 Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-fluid p-5 bg-dark text-white text-center">
<h1>My First Bootstrap Page</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="container mt-3">
<img src="paris.jpg" class="mx-auto d-block" style="width:45%">
<h2>Menara eiffel</h2>
<p>Dinamai sesuai nama perancangnya, Gustave Eiffel, Menara Eiffel adalah bangunan tertinggi di Paris dan salah
satu struktur terkenal di dunia.[1] Lebih dari 200.000.000 orang telah mengunjungi menara ini sejak
pembangunannya tahun 1889,[2] termasuk 6.719.200 orang tahun 2006,[3] menjadikannya monumen berbayar yang
paling banyak dikunjungi di dunia.[4][5] Termasuk antena setinggi 24 m (79 kaki), struktur ini memiliki
tinggi 325 m (1.063 kaki) sejak 2000, yang sama dengan bangunan konvensional bertingkat 81.
</p>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container mt-3">
<h2>Dark Striped Table</h2>
<p>Combine .table-dark and .table-striped to create a dark, striped table:</p>
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
</body>
</html>
Tidak ada komentar:
Posting Komentar