|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/laciasmara.com/public_html/shop/application/modules/custom_menu/views/3/ |
Upload File : |
<style>
/* Googlefont Poppins CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
.nav-links {
line-height: 10px;
}
.links {
display: flex;
}
.links li {
position: relative;
display: auto;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0 10px;
}
.links li a {
height: 100%;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
color: #fff;
font-size: 15px;
font-weight: 500;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
transform: rotate(180deg);
}
.links li .arrow {
/* background: red; */
display: block;
color: #fff;
transition: all 0.3s ease;
}
.links li .sub-menu {
position: absolute;
top: 12px;
align-content: center;
line-height: 40px;
background: #7A4397;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 0 0 4px 4px;
display: none;
z-index: 2;
}
.links li:hover .htmlCss-sub-menu,
.links li:hover .js-sub-menu {
display: block;
}
.links li .sub-menu li {
padding: 0 22px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.links li .sub-menu a {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.links li .sub-menu .more-arrow {
line-height: 40px;
}
.links li .htmlCss-more-sub-menu {
/* line-height: 40px; */
}
.links li .sub-menu .more-sub-menu {
position: absolute;
top: 0;
left: 100%;
border-radius: 0 4px 4px 4px;
z-index: 1;
display: none;
}
.links li .sub-menu .more:hover .more-sub-menu {
display: block;
}
.navbar .bx-menu {
display: none;
}
@media (max-width:920px) {
.links li {
padding: 0 10px;
white-space: nowrap;
}
.links li a {
font-size: 15px;
}
}
@media (max-width:370px) {
.nav-links {
max-width: 100%;
}
}
</style>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<!-- <link rel="stylesheet" href="style.css"> -->
<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<nav>
<div class="navbar-menu">
<i class='bx bx-menu'></i>
<div class="nav-links">
<ul class="links">
<!-- Yang Baru -->
<li><a href="<?= base_url(); ?>category/<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'New-Arrivals';
} else {
echo 'Pendatang-Baru';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'New Arrival';
} else {
echo 'Yang Baru';
} ?></a></li>
<!-- Belanja -->
<li>
<a href="#"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Shop';
} else {
echo 'Belanja';
} ?></a>
<i class='bx bxs-chevron-down htmlcss-arrow arrow '></i>
<ul class="htmlCss-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Best-Seller';
} else {
echo 'Terlaris';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Best Seller';
} else {
echo 'Terlaris';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/diskon"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Deals';
} else {
echo 'Diskon';
} ?></a></li>
<li class="more">
<span><a href="<?= base_url(); ?>category/vibrators">Vibrators</a>
<i class='bx bxs-chevron-right arrow more-arrow'></i>
</span>
<ul class="more-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/vibrators/clitoris"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Clitoris';
} else {
echo 'Klitoris';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/vibrators/dual-stimulator">Dual Stimulator</a></li>
<li><a href="<?= base_url(); ?>category/vibrators/vagina">Vagina</a></li>
<li><a href="<?= base_url(); ?>category/vibrators/wireless-and-remote">Wireless & Remote</a></li>
<!--<li><a href="<?= base_url(); ?>category/vibrators/remote"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Remote';
} else {
echo 'Remot';
} ?></a></li>-->
</ul>
</li>
<li><a href="<?= base_url(); ?>category/male-toys"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Male Toys';
} else {
echo 'Mainan Pria';
} ?></a></li>
<li class="more">
<span><a href="<?= base_url(); ?>category/dildo">Dildo</a>
<i class='bx bxs-chevron-right arrow more-arrow'></i>
</span>
<ul class="more-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/dildo/glass"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Glass';
} else {
echo 'Kaca';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/dildo/stainless-steel">Stainless Steel</a></li>
<li><a href="<?= base_url(); ?>category/dildo/silicone"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Silicone';
} else {
echo 'Silikon';
} ?></a></li>
</ul>
</li>
<li class="more">
<span><a href="<?= base_url(); ?>category/anal">Anal</a>
<i class='bx bxs-chevron-right arrow more-arrow'></i>
</span>
<ul class="more-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/anal/borosilicate-glass"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Borosilicate Glass';
} else {
echo 'Kaca Borosilicate';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/anal/stainless-steel">Stainless Steel</a></li>
<li><a href="<?= base_url(); ?>category/anal/silicone"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Silicone';
} else {
echo 'Silikon';
} ?></a></li>
</ul>
</li>
<li class="more">
<span><a href="<?= base_url(); ?>category/wellness"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Wellness';
} else {
echo 'Kesehatan';
} ?></a>
<i class='bx bxs-chevron-right arrow more-arrow'></i>
</span>
<ul class="more-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/wellness/condom"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Condom';
} else {
echo 'Kondom';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/wellness/lube"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Lube';
} else {
echo 'Pelumas';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/wellness/Sanitary"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Sanitary';
} else {
echo 'Sanitasi';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/wellness/kegel"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Kegel';
} else {
echo 'Kegel';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/wellness/dilator"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Dilator';
} else {
echo 'Dilator';
} ?></a></li>
<li><a href="<?= base_url(); ?>category/wellness/enema"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Enema';
} else {
echo 'Enema';
} ?></a></li>
</ul>
</li>
<li class="more"><span><a href="<?= base_url(); ?>category/accessories"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Accessories';
} else {
echo 'Aksesoris';
} ?></a>
<i class='bx bxs-chevron-right arrow more-arrow'></i>
</span>
<ul class="more-sub-menu sub-menu">
<li><a href="<?= base_url(); ?>category/accessories/bdsm"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'BDSM';
} else {
echo 'BDSM';
} ?></a></li>
</ul>
</li>
<li><a href="<?= base_url(); ?>brand/all"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Brands';
} else {
echo 'Merk';
} ?></a></li>
<!--<li><a href="<?= base_url(); ?>category/gifts-card"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Gift Card';
} else {
echo 'Hadiah Asmara';
} ?></a></li>-->
</ul>
</li>
<!-- Sekilas -->
<li>
<a href="#"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'About Us';
} else {
echo 'Sekilas';
} ?></a>
<i class='bx bxs-chevron-down js-arrow arrow '></i>
<ul class="js-sub-menu sub-menu">
<li><a href="<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'https://www.laciasmara.com/shop/page/the-story';
} else {
echo 'https://www.laciasmara.com/shop/page/awal-cerita';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'The Story';
} else {
echo 'Kisah Asmara';
} ?></a></li>
<li><a href="<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'https://www.laciasmara.com/shop/page/contact-us';
} else {
echo 'https://www.laciasmara.com/shop/page/hubungi-kami';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Contact Us';
} else {
echo 'Hubungi Kami';
} ?></a></li>
<!-- <li><a href="<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'https://www.laciasmara.com/shop/page/guidelines';
} else {
echo 'https://www.laciasmara.com/shop/page/guidelines';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Beginner Guide';
} else {
echo 'Panduan Pemula';
} ?></a></li> -->
<li><a href="<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'https://www.laciasmara.com/shop/page/term-and-conditions';
} else {
echo 'https://www.laciasmara.com/shop/page/syarat-dan-ketentuan';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Term & Condition';
} else {
echo 'Syarat & Ketentuan';
} ?></a></li>
<li><a href="<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'https://www.laciasmara.com/shop/page/privacy-policy';
} else {
echo 'https://www.laciasmara.com/shop/page/kebijakan-privasi';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Privacy Policy';
} else {
echo 'Kebijakan Privasi';
} ?></a></li>
<li><a href="https://www.laciasmara.com/shop/page/media">Press</a></li>
</ul>
</li>
<!-- Panduan Pemula -->
<li><a style="margin-left: -16px;" href="<?= base_url(); ?>page/guidelines"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Beginner Guide';
} else {
echo 'Panduan Pemula';
} ?></a>
</li>
<!--<li><a href="<?= base_url(); ?>page/<?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Affiliate';
} else {
echo 'Afiliasi';
} ?>"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Affiliate';
} else {
echo 'Afiliasi';
} ?></a>
</li>-->
<!-- <li style="margin-left: -20px;"><a href="<?= base_url(); ?>category/diskon"><?php if ($this->session->userdata('site_lang') == 'english') {
echo 'Hands Free';
} else {
echo 'Hands Free';
} ?></a>-->
</li>
</ul>
</div>
</div>
</nav>
<!--<script src="script.js"></script>-->
</body>
</html>
<script>
// search-box open close js code
let navbar = document.querySelector(".navbar");
let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");
searchBox.addEventListener("click", () => {
navbar.classList.toggle("showInput");
if (navbar.classList.contains("showInput")) {
searchBox.classList.replace("bx-search", "bx-x");
} else {
searchBox.classList.replace("bx-x", "bx-search");
}
});
// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}
// sidebar submenu open close js code
let htmlcssArrow = document.querySelector(".htmlcss-arrow");
htmlcssArrow.onclick = function() {
navLinks.classList.toggle("show1");
}
let moreArrow = document.querySelector(".more-arrow");
moreArrow.onclick = function() {
navLinks.classList.toggle("show2");
}
let jsArrow = document.querySelector(".js-arrow");
jsArrow.onclick = function() {
navLinks.classList.toggle("show3");
}
</script>