Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Icon yang tidak mucul pada web
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<!-- script js -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<!-- link icon -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<title>TOKO AHHABA STORE</title>
</head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="toko.css">
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#"><i class="fas fa-building m-2"></i>AHHABA STORE</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="../leading page/HU.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Dashboard/DB.html"><i class="fas fa-building m-2"></i>Dashborad</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Menu</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Fasion</a></li>
<li><a class="dropdown-item" href="#">Peralatan Komputer</a></li>
<li><a class="dropdown-item" href="../map/index.html">maps</a></li>
</ul>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
<div class="row">
<div class="col">
<button type="button" style="margin: 12px;" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#cart">Keranjang <i class="fa-solid fa-cart-circle-arrow-down"></i> (<span class="total-count"></span>)</button><button class="btn btn-outline-danger">Batal Simpan</button></div>
</div>
<!-- modal -->
<div class="modal fade" id="cart" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Keranjang Pembelian</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="show-cart table">
</table>
<div>Total: $<span class="total-cart"></span></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Beli Sekarang</button>
</div>
</div>
</div>
</div>
<!-- ahir modal -->
</div>
</div>
</div>
</nav>
<!-- AHIR NAVBAR -->
<div class="container-fluid bg-dark text-light">
<!-- karosel -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="1.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p><b>✨ Menjelajahi dunia fasion dan peralatan komputer ✨</b></p>
</div>
</div>
<div class="carousel-item">
<img src="2.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p><b>✨ Dan nikamati fitur yang berada didalamnaya ✨</b></p>
</div>
</div>
<div class="carousel-item">
<img src="3.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p><b>✨ Nikmati juga gratis ongkir di setiap tahun dan ada juga berupa diskon✨ </b></p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- ahir karosel -->
<!-- toko -->
<div class="section2">
<div class="container">
<div class="items">
<div class="img img1"><img
src="https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt=""></div>
<div class="name">SHOES</div>
<div class="price">$5</div>
<a href="../aset/DSK 1/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="SHOES" data-price="$5" class="add-to-cart btn btn-primary">Masukan Keranjang</a>
</div>
<div class="items">
<div class="img img2"><img
src="https://images.pexels.com/photos/3649765/pexels-photo-3649765.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
alt=""></div>
<div class="name">MEN's T-SHIRT</div>
<div class="price">$6.34</div>
<a href="../aset/DSK 2/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="MEN's T-SHIRT" data-price="$6.34" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img3"><img
src="https://media.istockphoto.com/photos/folded-blue-jeans-on-a-white-background-modern-casual-clothing-flat-picture-id1281304280"
alt=""></div>
<div class="name">JEANS</div>
<div class="price">$9</div>
<a href="../aset/DSK 3/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="JEANS" data-price="$9" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="https://images.pexels.com/photos/8839887/pexels-photo-8839887.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt=""></div>
<div class="name">WATCH</div>
<div class="price">$9.1</div>
<a href="../aset/DSK 4/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="WATCH" data-price="$9.1" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="https://images.pexels.com/photos/6858618/pexels-photo-6858618.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt=""></div>
<div class="name">SMART PHONE</div>
<div class="price">$20</div>
<a href="../aset/DSK 5/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="SMART PHONE" data-price="$20" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="https://images.pexels.com/photos/5552789/pexels-photo-5552789.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt=""></div>
<div class="name"> FULL KOMPUTER</div>
<div class="price">$18</div>
<a href="../aset/DSK 6/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="FULL KOMPUTER" data-price="$18" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="https://images.pexels.com/photos/4295985/pexels-photo-4295985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
alt=""></div>
<div class="name">HOODIES</div>
<div class="price">$6.7</div>
<a href="../aset/DSK 7/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="HOODIES" data-price="$6.7" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="https://media.istockphoto.com/photos/vintage-plates-with-silver-teaspoons-picture-id184363070"
alt=""></div>
<div class="name">DINNER SET</div>
<div class="price">$10</div>
<a href="../aset/DSK 8/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="DINNER SET" data-price="$10" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="SLIDE 1.jpg"
alt=""></div>
<div class="name">CPU</div>
<div class="price">$9.9</div>
<a href="../aset/DSK 9/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="CPU" data-price="$9.9" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 2.jpg"
alt=""></div>
<div class="name">RAM</div>
<div class="price">$99</div>
<a href="../aset/DSK 10/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="RAM" data-price="$99" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide.3.jpg"
alt=""></div>
<div class="name">PC KOMPUTER</div>
<div class="price">$30</div>
<a href="../aset/DSK 11/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="PC KOMPUTER" data-price="$30" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 5.jpg"
alt=""></div>
<div class="name">COFFEE MAKER</div>
<div class="price">$29.7</div>
<a href="../aset/DSK 12/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="COFFEE MAKER" data-price="$29.7" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 4.jpg"
alt=""></div>
<div class="name">HARDISK</div>
<div class="price">$100</div>
<a href="../aset/DSK 13/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="HARDISK" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 6.jpg"
alt=""></div>
<div class="name">KAOS POLOS</div>
<div class="price">$78</div>
<a href="../aset/DSK 14/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 7.jpg"
alt=""></div>
<div class="name">CELANA CINNO</div>
<div class="price">$9</div>
<a href="../aset/DSK 15/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 8.jpg"
alt=""></div>
<div class="name">JAS PRIA</div>
<div class="price">$9</div>
<a href="../aset/DSK 16/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 9.jpg"
alt=""></div>
<div class="name">KAOS LEKBONG</div>
<div class="price">$9</div>
<a href="../aset/DSK 17/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 10.jpg"
alt=""></div>
<div class="name">JAKET PRIA DAN WANITA</div>
<div class="price">$9</div>
<a href="../aset/DSK 18/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="slide 11.jpg"
alt=""></div>
<div class="name">AIR CONDISIONER</div>
<div class="price">$9</div>
<a href="../aset/DSK 19/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
<div class="items">
<div class="img img1"><img
src="SLIDE 12.jpg"
alt=""></div>
<div class="name">TV LED</div>
<div class="price">$9</div>
<a href="../aset/DSK 20/index.html"><button type="button" class="btn btn-outline-info">Deskripsi</button></a>
<a href="#" data-name="Orange" data-price="0.5" class="add-to-cart btn btn-primary">Add to cart</a>
</div>
</div>
</div>
</section>
<!-- ahir toko -->
<!-- CAROSEL 2 -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="foto 1.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p><b>✨Menjelajahi dunia fasion dan peralatan komputer✨</b></p>
</div>
</div>
<div class="carousel-item">
<img src="foto 2.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p style="color: white;"><b>✨Menjelajahi dunia fasion dan peralatan komputer✨</b></p>
</div>
</div>
<div class="carousel-item">
<img src="foto 3.jpg" class="d-block w-100" alt="..." style="height: 500px" />
<div class="carousel-caption d-none d-md-block text-black">
<h5><b>AHHABA STORE</b></h5>
<p><b>✨Menjelajahi dunia fasion dan peralatan komputer✨</b></p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- AHIR CAROSEL 2 -->
<!-- card -->
<div class="container-fluid text-dark mt-4">
<div class="row justify-content-center">
<div class="card m-3" style="max-width: 540px;cursor: pointer">
<div class="row g-0">
<div class="col-md-3">
<img src="images.jpg"img-fluid" alt="gambar" style="height: 100%; width: 100%;">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">✨Paket Diskon✨</h5>
<p class="card-text">anda akan mendapatkan paket 🎁🎁 diskon setiap tahunnya🎉🎉 dan paket tersebut bisa anda guna untuk berbelanja di toko kami </p>
<p class="card-text"><small class="text-muted"><b>Spesial Harga50%</b></small></p>
</div>
</div>
</div>
</div>
<div class="card m-3" style="max-width: 540px; cursor: pointer">
<div class="row g-0">
<div class="col-md-3">
<img src="download.png" class="img-fluid" alt="..." style="height: 100%">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">✨Gratis Ongkir✨</h5>
<p class="card-text">Nikmatilah voucer gratis ongkir disetiap kali anda membeli produk kami dan dan kami akan memberi voucer gratis ongkir hingga 0% </p>
<p class="card-text"><small class="text-muted">✨<b>Gratis Ongkir 0%✨</b></small></p>
</div>
</div>
</div>
</div>
<div class="card m-3" style="max-width: 540px; cursor: pointer">
<div class="row g-0">
<div class="col-md-3">
<img src="download.jpg" class="img-fluid" alt="..." style="height: 100%">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">✨voucer uang tunai✨</h5>
<p class="card-text">dan voucer kali ini tidak kalah menrarik dari sebelumnya kerana akan mendapatkan uang tunai yanga akn di bagikan oelh tim kami </p>
<p class="card-text"><small class="text-muted">Rp. 💲<b>300</b>,- / orang</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- penutup card -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>
0
Tanggapan
jelaskan masalah kamu di pertanyaan, bukan cuma copy paste kode
1 Jawaban:
<div>Untuk penempatan kode buat nampilin icon website itu ada di tag <head><br><br>simpen kode ini di dalam tag <head><br><br></div><pre><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></pre>
0
