Navigasi

Addy Juniaddy

Salam kenal untuk semua pengunjung

HTML-JS

### Angka jadi Kata ###

Tuliskan angka nya (maksimal 9 digit)


[*** Dalam bentuk kata muncul di sini ***]

Monday, March 21, 2022

Membuat Navbar

 Copy kan yang berikut ke index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Navbar</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <nav>
      <div class="logo">
        <h4>Addy Juniaddy</h4>
      </div>
      <ul>
        <li><a href="">Home</a></li>
        <li><a href="">Product</a></li>
        <li><a href="">Service</a></li>
        <li><a href="">Gallery</a></li>
        <li><a href="">About</a></li>
      </ul>
    </nav>
  </body>
</html>


Copy kan yang berikut ke style.css

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Roboto", sans-serif;
}

/* Navbar */

nav {
  display: flex;
  background-color: rgb(180, 78, 232);
  justify-content: space-around;
  padding: 20px 0;
  color: white;
}

nav ul {
  display: flex;
  list-style: none;
  width: 40%;
  justify-content: space-between;
}

nav ul li a {
  color: white;
  text-decoration: none;
}


Jalankan di browser


Selamat mencoba