nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-03-28 09:07:29 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

Empty commit - Just to trigger CI and update the files for live deployment

Browse source
This commit is contained in:
Matthew Patrick 2021-09-20 20:26:37 +07:00
parent 60cf944418
commit 5ebddc9b82
1 changed files with 731 additions and 720 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
index.html
View file

@ -16,7 +16,7 @@
<link rel="stylesheet" type="text/css" href="Style-index.css"> <link rel="stylesheet" type="text/css" href="Style-index.css">
</head> </head>
<body class="bg-color"> <body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius"> <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
<a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png" <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png"
style="margin-top: 0%;" width="80"></a> style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
@ -46,9 +46,9 @@
<i class="fas fa-shopping-cart mt-auto mb-auto"><span class="ml-2 mt-auto mb-auto">$999</span></i> <i class="fas fa-shopping-cart mt-auto mb-auto"><span class="ml-2 mt-auto mb-auto">$999</span></i>
</span> </span>
</div> </div>
</nav> </nav>
<header> <header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="width: 100%;"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="width: 100%;">
<div style="padding-top: 66px;"> <div style="padding-top: 66px;">
<div class="col-13"> <div class="col-13">
@ -79,9 +79,9 @@
</div> </div>
</div> </div>
</div> </div>
</header> </header>
<div class="banner"> <div class="banner">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
@ -101,9 +101,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="new_arrivals"> <div class="new_arrivals">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col text-center"> <div class="col text-center">
@ -118,11 +118,14 @@
<div class="new_arrivals_sorting"> <div class="new_arrivals_sorting">
<ul class="arrivals_grid_sorting clearfix button-group filters-button-group"> <ul class="arrivals_grid_sorting clearfix button-group filters-button-group">
<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center active is-checked" <li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center active is-checked"
data-filter="*">All</li> data-filter="*">All
</li>
<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" <li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center"
data-filter=".women">Women's</li> data-filter=".women">Women's
</li>
<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" <li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center"
data-filter=".men">Men's</li> data-filter=".men">Men's
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -283,9 +286,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="main_slider" style="background-image: url(assets/slider_1.jpg);"> <div class="main_slider" style="background-image: url(assets/slider_1.jpg);">
<div class="container fill_hight"> <div class="container fill_hight">
<div class="row align-items-center fill_hight"> <div class="row align-items-center fill_hight">
<div class="col"> <div class="col">
@ -297,9 +300,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="best_sellers"> <div class="best_sellers">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col text-center"> <div class="col text-center">
@ -358,7 +361,8 @@
<span>Sale</span> <span>Sale</span>
</div> </div>
<div class="product_info"> <div class="product_info">
<h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FV1740)</a></h6> <h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FV1740)</a>
</h6>
<div class="product_price">Rp. 1.100.000</div> <div class="product_price">Rp. 1.100.000</div>
</div> </div>
@ -373,7 +377,8 @@
</div> </div>
<div class="favorite favorite_left"></div> <div class="favorite favorite_left"></div>
<div class="product_info"> <div class="product_info">
<h6 class="product_name"><a href="product.html">Adidas NMD_R1 PRIMBLUE (GZ9256)</a></h6> <h6 class="product_name"><a href="product.html">Adidas NMD_R1 PRIMBLUE
(GZ9256)</a></h6>
<div class="product_price">Rp. 2.200.000</div> <div class="product_price">Rp. 2.200.000</div>
</div> </div>
@ -406,7 +411,8 @@
<span>New</span> <span>New</span>
</div> </div>
<div class="product_info"> <div class="product_info">
<h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (GZ7943)</a></h6> <h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (GZ7943)</a>
</h6>
<div class="product_price">Rp. 2.200.000</div> <div class="product_price">Rp. 2.200.000</div>
</div> </div>
@ -424,7 +430,8 @@
<span>Sale</span> <span>Sale</span>
</div> </div>
<div class="product_info"> <div class="product_info">
<h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FY3566)</a></h6> <h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FY3566)</a>
</h6>
<div class="product_price">Rp. 1.540.000</div> <div class="product_price">Rp. 1.540.000</div>
</div> </div>
@ -457,7 +464,8 @@
<span>Sale</span> <span>Sale</span>
</div> </div>
<div class="product_info"> <div class="product_info">
<h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FY3565)</a></h6> <h6 class="product_name"><a href="product.html">Adidas NMD_R1 <br> (FY3565)</a>
</h6>
<div class="product_price">Rp. 1.540.000</div> <div class="product_price">Rp. 1.540.000</div>
</div> </div>
@ -481,18 +489,20 @@
</div> </div>
</div> </div>
<div class="product_slider_nav_left product_slider_nav d-flex align-items-center justify-content-center flex-column"> <div class="product_slider_nav_left product_slider_nav d-flex align-items-center justify-content-center flex-column">
<i class="fa fas-chevron-left" aria-hidden="true"><img src="https://img.icons8.com/material-rounded/48/000000/back--v1.png"/></i> <i class="fa fas-chevron-left" aria-hidden="true"><img
src="https://img.icons8.com/material-rounded/48/000000/back--v1.png"/></i>
</div> </div>
<div class="product_slider_nav_right product_slider_nav d-flex align-items-center justify-content-center flex-column"> <div class="product_slider_nav_right product_slider_nav d-flex align-items-center justify-content-center flex-column">
<i class="fa fas-chevron-right" aria-hidden="true"><img src="https://img.icons8.com/ios-glyphs/30/000000/more-than.png"/></i> <i class="fa fas-chevron-right" aria-hidden="true"><img
</div> src="https://img.icons8.com/ios-glyphs/30/000000/more-than.png"/></i>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="benefit"> <div class="benefit">
<div class="container"> <div class="container">
<div class="row benefit_row"> <div class="row benefit_row">
<div class="col-lg-3 benefit_col"> <div class="col-lg-3 benefit_col">
@ -541,9 +551,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="newsletter"> <div class="newsletter">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
@ -560,29 +570,36 @@
<input id="newsletter_email" type="email" placeholder="Input Your Email" required="required" <input id="newsletter_email" type="email" placeholder="Input Your Email" required="required"
data-error="valid email is required"> data-error="valid email is required">
<button id="newsletter_submit" type="submit" class="newsletter_submit_btn trans_300" <button id="newsletter_submit" type="submit" class="newsletter_submit_btn trans_300"
value="submit">Subscribe</button> value="submit">Subscribe
</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script>
feather.replace() feather.replace()
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="js/jquery-3.2.1.min.js"></script> <script src="js/jquery-3.2.1.min.js"></script>
<script src="plugins/Isotope/isotope.pkgd.min.js"></script> <script src="plugins/Isotope/isotope.pkgd.min.js"></script>
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script> <script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
<script> <script>
jQuery(document).ready(function ($) { jQuery(document).ready(function ($) {
"user strict"; "user strict";
@ -601,23 +618,21 @@
function initMenu() { function initMenu() {
if (hamburger.length) { if (hamburger.length) {
hamburger.on('click', function() { hamburger.on('click', function () {
if (!menuActive) { if (!menuActive) {
openMenu(); openMenu();
} }
}); });
} }
if (fsOverlay.length) { if (fsOverlay.length) {
fsOverlay.on('click', function() fsOverlay.on('click', function () {
{ if (menuActive) {
if (menuActive)
{
closeMenu(); closeMenu();
} }
}); });
} }
if (hamburgerClose.length) { if (hamburgerClose.length) {
hamburgerClose.on('click', function() { hamburgerClose.on('click', function () {
if (menuActive) { if (menuActive) {
closeMenu(); closeMenu();
} }
@ -627,18 +642,14 @@
var items = document.getElementsByClassName('menu_item'); var items = document.getElementsByClassName('menu_item');
var i; var i;
for (i = 0; i < items.length; i++) for (i = 0; i < items.length; i++) {
{ if (items[i].classList.contains("has-children")) {
if (items[i].classList.contains("has-children")) items[i].onclick = function () {
{
items[i].onclick = function ()
{
this.classList.toggle("active"); this.classList.toggle("active");
var panel = this.children[1]; var panel = this.children[1];
if (panel.style.maxHeight) { if (panel.style.maxHeight) {
panel.style.maxHeight = null; panel.style.maxHeight = null;
} } else {
else {
panel.style.maxHeight = panel.scrollHeight + "px"; panel.style.maxHeight = panel.scrollHeight + "px";
} }
} }
@ -652,6 +663,7 @@
fsOverlay.css('pointer-events', "auto"); fsOverlay.css('pointer-events', "auto");
menuActive = true; menuActive = true;
} }
function closeMenu() { function closeMenu() {
menu.removeClass('active'); menu.removeClass('active');
fsOverlay.css('pointer-events', "none"); fsOverlay.css('pointer-events', "none");
@ -704,8 +716,7 @@
if (active) { if (active) {
fav.removeClass('active'); fav.removeClass('active');
active = false; active = false;
} } else {
else {
fav.addClass('active'); fav.addClass('active');
active = true; active = true;
} }
@ -744,12 +755,12 @@
nav: false, nav: false,
responsive: responsive:
{ {
0: { items: 1 }, 0: {items: 1},
480: { items: 2 }, 480: {items: 2},
768: { items: 3 }, 768: {items: 3},
991: { items: 4 }, 991: {items: 4},
1280: { items: 5 }, 1280: {items: 5},
1440: { items: 5 }, 1440: {items: 5},
} }
}); });
@ -766,6 +777,6 @@
} }
} }
}) })
</script> </script>
</body> </body>
</html> </html>