Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Scss tidak terpanggil
Kenapa ya Scss nya gak bisa kepanggil. padahal kalau pake cdn itu bisa. mohon bantuannya gan. Terima kasih
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="" />
<title>Dimsumq.id</title>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/style/main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light navbar-store fixed-top navbar-fixed-top"
data-aos="fade-down"
>
<div class="container">
<a href="/index.html" class="navbar-brand">
<img src="/images/logo.svg" alt="Dimsumq.id">
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarResponsive"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a href="/index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="/categories.html" class="nav-link">Categories</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Products</a>
</li>
<li class="nav-item">
<a href="/register.html" class="nav-link">Sign Up</a>
</li>
<li class="nav-item">
<a href="/login.html" class="btn btn-success nav-link px-4 text-white">Sign in</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="page-content page-home">
<section class="store-carousel">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="carousel slide" id="storeCarousel" data-ride="carousel">
<ol class="carousel-indicators">
<li class="active" data-target="#storeCarousel" data-slide-to="0"></li>
<li data-target="#storeCarousel" data-slide-to="1"></li>
<li data-target="#storeCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/images/banner.png" alt="carousel image" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="/images/banner.png" alt="carousel image" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="/images/banner.png" alt="carousel image" class="d-block w-100">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="store-trend-categories mt-4">
<div class="container">
<div class="row">
<div class="col-12" data-aos="fade-up">
<h5>Trend Categories</h5>
</div>
</div>
<div class="row">
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="100">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" />
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="200">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" />
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="300">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" alt="">
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="400">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" alt="">
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="500">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" alt="">
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="fade-up" data-aos-delay="600">
<a href="#" class="component-categories d-block">
<div class="categories-image">
<img src="/images/Group-14.svg" class="w-100" alt="">
</div>
<p class="categories-text">
Dimsum
</p>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="/vendor/jquery/jquery.slim.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="/script/navbar-scroll.js"></script>
</body>
</html>
0
1 Jawaban:
<pre><link real="stylesheet" href="style/main.css"></pre><div><br>Coba kode link CSS nya di ubah kayak diatas<br><br><br></div>
0
