Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@rizalfahlevi8
rizalfahlevi8 committed Mar 11, 2024
0 parents commit 6e24c26
Show file tree
Hide file tree
Showing 69 changed files with 3,441 additions and 0 deletions.
169 changes: 169 additions & 0 deletions New product2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Alvin Helm</title>
<link href="img/faticon/output-onlinepngtools.png" rel="shortcut icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href="./style.css" />

<!-- EFEK SCROLL -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark shadow-lg fixed-top" style="background-color: #101820">
<div class="container">
<a class="navbar-brand" href="#">Alvin Helm</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="product.html">Product</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Akhir Navbar -->

<!-- partial:index.partial.html -->
<section class="section-products" id="section-product2">
<div class="container" data-aos="fade-up" data-aos-duration="2000">
<div class="row justify-content-center text-center">
<div class="col-md-8 col-lg-6">
<div class="header">
<h3>Featured Product</h3>
<h1>Popular Products</h1>
</div>
</div>
</div>
<div class="row">
<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-9" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">JPX</span>
<ul>
<li>
<a href="productDetail.html#JPXBLACK"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>

<div class="part-2">
<a href="productDetail.html#JPXBLACK">
<h3 class="product-title">JPX MX-726 BLACK</h3>
</a>
<h4 class="product-old-price">Rp 520.000</h4>
<h4 class="product-price">Rp 510.000</h4>
</div>
</div>
</div>
<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-10" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">JPX</span>
<ul>
<li>
<a href="productDetail.html#JPXYELLOW"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#JPXYELLOW">
<h3 class="product-title">JPX MX-726 YELLOW</h3>
</a>
<h4 class="product-old-price">Rp 540.000</h4>
<h4 class="product-price">Rp 530.000</h4>
</div>
</div>
</div>
<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-11" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">KYT</span>
<ul>
<li>
<a href="productDetail.html#KYTWHT"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#KYTWHT">
<h3 class="product-title">NZ-RACE, the KYT WHITE</h3>
</a>
<h4 class="product-price">Rp4.000.000</h4>
</div>
</div>
</div>
<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-12" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">KYT</span>
<ul>
<li>
<a href="productDetail.html#KYTRACE2"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#KYTRACE2">
<h3 class="product-title">NZ-RACE, the KYT</h3>
</a>
<h4 class="product-price">Rp4.032.000</h4>
</div>
</div>
</div>
<!-- Single Product -->
</div>
</div>
<ul class="pagination">
<li><a href="product.html#section-products">1</a></li>
<li class="active"><a href="#">2</a></li>
</ul>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- EFEK SCROLL -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>

</html>
167 changes: 167 additions & 0 deletions New product3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Alvin Helm</title>
<link href="img/faticon/output-onlinepngtools.png" rel="shortcut icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href="./style.css" />

<!-- EFEK SCROLL -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark shadow-lg fixed-top" style="background-color: #101820">
<div class="container">
<a class="navbar-brand" href="#">Alvin Helm</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Product</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Akhir Navbar -->

<!-- partial:index.partial.html -->
<section class="section-products" id="section-product2">
<div class="container" data-aos="fade-up" data-aos-duration="2000">
<div class="row justify-content-center text-center">
<div class="col-md-8 col-lg-6">
<div class="header">
<h1>Product</h1>
</div>
</div>
</div>
<div class="row">
<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-17" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">JP</span>
<ul>
<li>
<a href="productDetail.html#SADAPURPLE"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#SADAPURPLE">
<h3 class="product-title">JP SG PAC Invaders</h3>
</a>
<h4 class="product-price">Rp 670.000</h4>
</div>
</div>
</div>

<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-18" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">HBC</span>
<ul>
<li>
<a href="productDetail.html#CAKILWHITE"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#CAKILWHITE">
<h3 class="product-title">Cakil HBC Captain America White</h3>
</a>
<h4 class="product-price">Rp 359.900</h4>
</div>
</div>
</div>

<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-19" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">HBC</span>
<ul>
<li>
<a href="productDetail.html#CAKILREDDOF"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#CAKILREDDOF">
<h3 class="product-title">Cakil HBC Polos Red Doff</h3>
</a>
<h4 class="product-price">Rp 365.000</h4>
</div>
</div>
</div>

<!-- Single Product -->
<div class="col-md-6 col-lg-4 col-xl-3">
<div id="product-20" class="single-product">
<div class="part-1" style="border-radius: 10px 10px 10px 10px">
<span class="new">HBC</span>
<ul>
<li>
<a href="productDetail.html#CAKILPILOT"><i class="fas fa-shopping-cart"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-heart"></i></a>
</li>
</ul>
</div>
<div class="part-2">
<a href="productDetail.html#CAKILPILOT">
<h3 class="product-title">Cakil HBC Pilot Visor Strip Cream</h3>
</a>
<h4 class="product-price">Rp 429.000</h4>
</div>
</div>
</div>
</div>
</div>
<ul class="pagination">
<li><a href="product.html#section-products1">1</a></li>
<li class="active"><a href="#">2</a></li>
</ul>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- EFEK SCROLL -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>

</html>
Loading

0 comments on commit 6e24c26

Please sign in to comment.