Postingan lainnya
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
