Navigasi
.png)
<!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>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container-fluid">
<img src="elon.jpg" alt="logo" style="width:80px;" class="rounded-pill">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="https://id.wikipedia.org/wiki/Elon_Musk">Tentang Saya</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://shop.tesla.com/">Toko</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.cnbcindonesia.com/tech/20230713115018-37-453927/cek-gurita-bisnis-elon-musk-chip-otak-hingga-pesaing-chatgpt">Bisnis</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="text" placeholder="Search">
<button class="btn btn-primary" type="button">Search</button>
</form>
</div>
</div>
</nav>
<div class="container-fluid mt-3">
<h1>Elon Musk</h1>
<h2>Elon Musk menjadi salah satu pengusaha tersukses di dunia, bahkan menduduki posisi pertama sebagai orang terkaya di dunia menurut Forbes. Bisnisnya menggurita di berbagai sektor. Mulai dari satelit dan pesawat luar angkasa, mobil listrik, hingga media sosial.</h2>
<img src="musk.jpg" class="img-thumbnail" alt="Cinque Terre" width="700" height="700">
</div>
</body>
</html>
Komentar
Posting Komentar