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%!
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
