cara membuat navbar dashboards

ASSALAMUALAIKUM WR.WB

nama :retna sari

CARA MEMBUAT NAVBAR DASHBOARDS

Dashboards adalah sebuah User Interface yang cukup unik, ia berada diantara data dan desain. Menampilkan berbagai metriks , angka ataupun visualisasi data. Tujuan utama dashboards adalah membantu user untuk membuat keputusan yang tepat dan cepat berdasarkan dari data yang ada.

dengan langkah langkah berikut:

html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- Bootstrap CSS -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">


    <title>Hello, world!</title>

  </head><nav class="navbar navbar-expand-lg navbar-light bg-wA">

  <a class="navbar-brand" href="#">Navbar</a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

    <span class="navbar-toggler-icon"></span>

  </button>


  <div class="collapse navbar-collapse" id="navbarSupportedContent">

    <ul class="navbar-nav mr-auto">

      <li class="nav-item active">

        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>

      </li>

      <li class="nav-item">

        <a class="nav-link" href="#">Link</a>

      </li>

      <li class="nav-item dropdown">

        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

          Dropdown

        </a>

        <div class="dropdown-menu" aria-labelledby="navbarDropdown">

          <a class="dropdown-item" href="#">Action</a>

          <a class="dropdown-item" href="#">Another action</a>

          <div class="dropdown-divider"></div>

          <a class="dropdown-item" href="#">Something else here</a>

        </div>

      </li>

      <li class="nav-item">

        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>

      </li>

    </ul>

    <form class="form-inline my-2 my-lg-0">

      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">

      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>

    </form>

  </div>

</nav>

  <body>

    <h1>Hello, world!</h1>


    <!-- Optional JavaScript; choose one of the two! -->






    

sekian dari saya terimakasih

Komentar

Posting Komentar

Postingan populer dari blog ini

cara membuat laporan

Gambar
  ASALAMUALAIKUM WR.W B CARA MEMBUAT LAPORAN DENGAN MICROSOFT WORD nama :retna sari  cara membut laporan prakerin ada beberapa langkah: 1.tata cara penulisan  jenis huruf  naskah di ketik melalui komputer dengan font times new roman  dengan ukuran 12 poin dengan warna hitam .untuk seluruh naskah memakai huruf yang sama 2. jarak antara spasi  jarak antara dua baris di buat 1,5 spasi   3 batas tepi  batas batas pengetikan di tinjau dari tepi kertas di atur sebagai beriikut : tepi atas:3 cm tepi bawah:4cm  tepi kiri:4 cm tepi kanan:3cm 4.penulisan judul  judul harus di tulis dengan huruf besar ( kapital )di cetak tebal ( blold) sub judul anak sub judul dan seterusnya ditulis di tepi kiri semua kata di mulai dari huruf besar.  berikut contoh nya sekian dari saya terimakasih  
Baca selengkapnya

cara mendownload xammpp

ASSALAMUALAIKUM WR.WB NAMA:RETNA SARI CARA MENDOWNLOAD XAMMPP dengan langkah langkah sebagai berikut: XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri, yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP . 1.buka chrome 2.klik download xammp 3 . cari souceforget net /5.6.3 4 . Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. 5.Tunggu beberapa menit hingga proses instalasi selesai Cara menjalankan xammp Bukalah aplikasi XAMPP, bisa melalui “Start Menu” atau “Desktop” ,  dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik “Yes”  seperti yang terlihat pada gambar di atas. Setelah terbuka, silahkan klik tombol “Start” pada kolom “Action” sehingga tombol tersebut berubah menjadi “Stop” .  Dengan mengklik tombol tersebut, art...
Baca selengkapnya

Bersih bersih leb komputer (Senin 22/3/2021)

Gambar
  Assalamualaikum wr.wb Retna sari Bersih bersih leb komputer Kebersihan  adalah keadaan bebas dari kotoran, termasuk di antaranya, debu, sampah, dan bau. Di zaman modern, setelah Louis Pasteur menemukan proses penularan penyakit atau infeksi disebabkan oleh mikrob,  kebersihan  juga bererti bebas dari virus, bakteria patogen, dan bahan kimia berbahaya. Perawatan lab komputer terdiri dari dari beberapa macam yakni : perawatan perangkat keras, perawatan perangkat lunak, perawatan jaringan komputer lab, perawatan ruangan, perawatan jaringan listik serta perawatan pendingin ruangan Sekian dari saya terimakasih Wassalamu'alaikum wr.wb
Baca selengkapnya