|
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/rabbithabit.com/public_html/application/views/themes/3/ |
Upload File : |
<?php
$p_color = $this->session->userdata('p_color');
$p_rgbcolor = $this->session->userdata('p_rgbcolor');
$ses_customer = $this->session->userdata('customer');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="<?= $meta_description; ?>">
<!-- <meta name="google-signin-scope" content="profile email"> -->
<!-- <meta name="google-signin-client_id" content="260068121129-nupm99g3v9e530iq149dhvl287gqo6qm.apps.googleusercontent.com"> -->
<title><?= ucwords($browser_title); ?></title>
<script>
function loadCSS(href){
var ss = window.document.createElement('link'),
ref = window.document.getElementsByTagName('head')[0];
ss.rel = 'stylesheet';
ss.href = href;
ss.media = 'only x';
ref.parentNode.insertBefore(ss, ref);
setTimeout( function(){
// set media back to `all` so that the stylesheet applies once it loads
ss.media = 'all';
},0);
}
// loadCSS('things.css');
</script>
<!-- <script type="text/javascript">
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/common.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/style4.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/bootstrap.min.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/font-awesome.min.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/themify-icons.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/plugins.css");
loadCSS("https://unpkg.com/aos@2.3.1/dist/aos.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/helper.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/css/main.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/revolution/css/settings.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/revolution/css/navigation.css");
loadCSS("<?= '/themes/'.$theme.'/'; ?>assets/revolution/custom-setting.css");
loadCSS("<?= base_url() . 'themes/' . $theme . '/swal_alert/dist/sweetalert2.min.css'?>");
</script> -->
<!-- Favicon -->
<!-- <link rel="icon" href="<?= '/themes/'.$theme.'/'; ?>assets/images/favicon.ico"> -->
<link rel="shortcut icon" type="image/x-icon" href="<?= base_url(). 'uploads/' . $website_icon; ?>">
<!-- <noscript> -->
<!-- CSS
============================================ -->
<!-- css flip -->
<!-- <link type='text/css' media="all" rel="stylesheet" href="<?= '/themes/'.$theme.'/'; ?>assets/css/demo.css" /> -->
<link type='text/css' media="all" rel="stylesheet" href="<?= '/themes/'.$theme.'/'; ?>assets/css/common.css" />
<link type='text/css' media="all" rel="stylesheet" href="<?= '/themes/'.$theme.'/'; ?>assets/css/style4.css" />
<!-- Bootstrap CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/bootstrap.min.css" type='text/css' media="all" rel="stylesheet">
<!-- FontAwesome CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/font-awesome.min.css" type='text/css' media="none" onload="if(media!='all')media='all'" rel="stylesheet">
<!-- Ionicons CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/ionicons.min.css" type='text/css' media="none" onload="if(media!='all')media='all'" rel="stylesheet">
<!-- Themify CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/themify-icons.css" type='text/css' media="none" onload="if(media!='all')media='all'" rel="stylesheet">
<!-- Plugins CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/plugins.css" type='text/css' media="all" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" type='text/css' media="all" rel="stylesheet">
<!-- Helper CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/helper.css" type='text/css' media="all" rel="stylesheet">
<!-- Main CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/css/main.css" type='text/css' media="all" rel="stylesheet">
<!-- Revolution Slider CSS -->
<link href="<?= '/themes/'.$theme.'/'; ?>assets/revolution/css/settings.css" type='text/css' media="all" rel="stylesheet">
<link href="<?= '/themes/'.$theme.'/'; ?>assets/revolution/css/navigation.css" type='text/css' media="all" rel="stylesheet">
<link href="<?= '/themes/'.$theme.'/'; ?>assets/revolution/custom-setting.css" type='text/css' media="all" rel="stylesheet">
<!-- JS
============================================ -->
<!-- jQuery JS -->
<link type='text/css' media="none" onload="if(media!='all')media='all'" rel="stylesheet" href="<?= base_url() . 'themes/' . $theme . '/swal_alert/dist/sweetalert2.min.css'?>" />
<!-- </noscript> -->
<script src="<?= '/themes/'.$theme.'/'; ?>assets/js/vendor/jquery.min.js"></script>
<script>
// google id
function onLoadGoogleCallback(){
gapi.load('auth2', function() {
auth2 = gapi.auth2.init({
client_id: '98110565807-qjbgo65imfhr2c8k1jqu35q1d7ptvenk.apps.googleusercontent.com',
// client_id: '260068121129-nupm99g3v9e530iq149dhvl287gqo6qm.apps.googleusercontent.com',
cookiepolicy: 'single_host_origin',
scope: 'profile email'
});
auth2.attachClickHandler(element, {},
onSuccessGoogle,
onFailureGoogle
);
});
element = document.getElementById('gSignIn');
}
// function renderButtonGoogle() {
// gapi.signin2.render('gSignIn', {
// 'scope': 'profile email',
// 'width': 240,
// 'height': 50,
// 'longtitle': true,
// 'theme': 'dark',
// 'onsuccess': onSuccessGoogle,
// 'onfailure': onFailureGoogle
// });
// }
function onSuccessGoogle(googleUser) {
gapi.client.load('oauth2', 'v2', function () {
var request = gapi.client.oauth2.userinfo.get({
'userId': 'me'
});
request.execute(function (resp) {
// Display the user details
// var profileHTML = '<h3>Welcome '+resp.given_name+'! <a href="javascript:void(0);" onclick="signOutGoogle();">Sign out</a></h3>';
// profileHTML += '<img src="'+resp.picture+'"/><p><b>Google ID: </b>'+resp.id+'</p><p><b>Name: </b>'+resp.name+'</p><p><b>Email: </b>'+resp.email+'</p><p><b>Gender: </b>'+resp.gender+'</p><p><b>Locale: </b>'+resp.locale+'</p><p><b>Google Profile:</b> <a target="_blank" href="'+resp.link+'">click to view profile</a></p>';
// document.getElementsByClassName("userContent")[0].innerHTML = profileHTML;
// document.getElementById("gSignIn").style.display = "none";
// document.getElementsByClassName("userContent")[0].style.display = "block";
// Save user data
check_account({
't_case' : 'google',
'register_email' : resp.email,
},function(ajax_res){
if (ajax_res.count == 0) {
// alert('belum ada');
register_with_platform({
id : resp.id,
name : resp.name,
email : resp.email,
provider : 'google',
});
}else{
login_another_platform({
'email' : resp.email,
'oauth_uid' : resp.id,
'oauth_provider' : 'google',
},function(ajax_res_login){
window.location.href = ajax_res_login.to_page;
});
// alert('sudah ada');
}
});
// saveUserDataGoogle(resp);
});
});
}
// Sign-in failure callback
function onFailureGoogle(error) {
console.log(error);
}
// Sign out the user
function signOutGoogle() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
document.getElementsByClassName("userContent")[0].innerHTML = '';
document.getElementsByClassName("userContent")[0].style.display = "none";
document.getElementById("gSignIn").style.display = "block";
});
auth2.disconnect();
}
function saveUserDataGoogle(userData){
$.post('ajax/google_authenticated', {
oauth_provider:'google',
userData: JSON.stringify(userData)
});
}
</script>
<script src="https://apis.google.com/js/client:platform.js?onload=onLoadGoogleCallback" async defer></script>
<script type="text/javascript" src="<?= base_url() . 'themes/' . $theme . '/swal_alert/dist/sweetalert2.all.min.js'?>"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script> -->
<!-- <script type="text/javascript" src="<?= base_url() . 'themes/' . $theme . '/swal_alert/dist/sweetalert2.min.js'?>"></script> -->
<!-- Modernizer JS -->
<script src="<?= '/themes/'.$theme.'/'; ?>assets/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- <style>
<?php switch($_SERVER['REQUEST_URI']){
case "/rabbithabit/product.php":
case "/rabbithabit/about-us.php": ?>
body {
background: #FEEFE8 url('<?= '/themes/'.$theme.'/'; ?>assets/images/moon-background.jpg') bottom left no-repeat;
background-size: 100%;
background-attachment: fixed;
}
<?php
break;
default: ?>
body {
background: #FEEFE8 url('<?= '/themes/'.$theme.'/'; ?>assets/images/background.jpg') top left no-repeat;
background-size: 100%;
background-attachment: fixed;
}
<?php break; ?>
<?php } ?>
</style> -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158953406-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158953406-1');
</script>
<meta name="google-site-verification" content="_2LkVrpOEIJG1zFDJvKEi3tH57jfK9q-LiXiCDr9yCs" />
</head>
<?php
// echo $_SERVER['REQUEST_URI'];
if ($_SERVER['REQUEST_URI'] == "/") : ?>
<body id="newsletter-popup-body" style="width: 100%; overflow-x: hidden; overflow-y: auto !important;">
<?php else : ?>
<body style="width: 100%; overflow-x: hidden; overflow-y: auto !important;">
<?php endif; ?>
<?php
if ($_SERVER['REQUEST_URI'] == "/rabbithabit/version3/" || $_SERVER['REQUEST_URI'] == "/rabbithabit/version3/" || $_SERVER['REQUEST_URI'] == "/rabbithabit/version3") : ?>
<div class="container-fluid" style="background: #D9E9D0">
<div class="row">
<div class="col-md-12">
<div class="title-header">
<p style="text-align: center; font-size: 12px; padding: 5px;">FREE SHIPPING FOR ORDERS OVER IDR250,000</p>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--=============================================
= Header box topbar =
=============================================-->
<header class="header header-box-topbar header-sticky" style="background:#FEEFE8;">
<!--======= header bottom =======-->
<div class="header-bottom pt-20 pb-sm-40 pb-md-40">
<div class="container">
<!--======= header bottom container =======-->
<div class="header-bottom-container">
<!--======= language and currency change =======-->
<div class="language-currency-change-container">
<div class="row">
<form action="https://rabbithabit.us4.list-manage.com/subscribe/post?u=763ca082e7204c3884414e1ec&id=ac108ed1ba" name="mc-embedded-subscribe-form" target="_blank" novalidate method="post" id="" class="mc-form validate" style="position:relative; top:7px;">
<input required type="text" name="EMAIL" placeholder="YOUR EMAIL HERE" style="width: 200px;border: none; padding: 10px; font-size: 12px; height: 25px; font-family: 'rockwellregular'; letter-spacing: 2px;">
<button class="button ml-10 btn-subscribe" name="subscribe" type="submit" value="submit" style="height: 25px; font-size: 0.7em;line-height: 20px; position:relative; bottom:1px;">SUBMIT</button>
</form>
</div>
<!--======= End of currency change =======-->
</div>
<!--======= End of language and currency change =======-->
<!--======= logo with off canvas =======-->
<div class="logo-with-offcanvas">
<!--======= logo =======-->
<div class="logo">
<a href="<?= base_url(); ?>">
<img src="<?= '/themes/'.$theme.'/'; ?>assets/images/icon/ICON.png" class="header-logo-desktop img-fluid" alt="" style="width: 30px; margin-bottom: -50px; margin-top: -25px;">
<img src="<?= base_url(); ?>uploads/LOGO_RABBITHABIT1.png" class="header-logo-mobile img-fluid" alt="" style="display: none; width: 30px; margin-bottom: -50px; margin-top: -25px;">
</a>
</div>
<!--======= End of logo =======-->
</div>
<!--======= End of logo with off canvas =======-->
<!--======= headeer right container =======-->
<div class="header-right-container">
<!--======= header right icons =======-->
<div class="header-right-icons d-flex justify-content-end align-items-center h-100">
<nav class="site-nav" style="margin-bottom: -57px; margin-top:-55px;">
<ul>
<li class="menu-item single-icon search_mobile">
<a id="a_search_mobile" href="javascript:void(0)">
<i class="ion-ios-search-strong"></i>
</a>
<ul class="sub-menu single-column-menu single-column-menu-mobile" style="padding: 10px;margin: 0;min-width: 100%;position: absolute;left: 0px;">
<li>
<?= form_open(base_url().'search',array(
"method"=>"get",
)); ?>
<input id="searchBar_mobile" onkeyup="ajaxSearch('mobile');" type="text" name="search_product" placeholder="SEARCH" style="width: 80%;border: none; padding: 10px; font-size: 12px; height: 22px; font-family: 'rockwellregular'; letter-spacing: 2px;border: 1px solid #6666;">
<button type="submit" class="button" style="width: 18%;height: 25px; font-size: 0.7em;padding:5px;">GO</button>
<div id="suggestions_mobile" class="suggestbar">
<div id="autoSuggestionsList_mobile"></div>
</div>
<?= form_close(); ?>
</li>
</ul>
</li>
<li class="menu-item-has-children single-icon user-login">
<a href="<?= $ses_customer == NULL ? 'javascript:void(0)' : 'javascript:void(0)'; ?>">
<i class="fa fa-user"></i>
</a>
<ul class="sub-menu single-column-menu" style="margin-left: -142px;">
<h4>My Account</h4>
<div style="border-bottom: 1px solid #6666"></div>
<?php if ($ses_customer == NULL): ?>
<?= form_open('login/login_password'); ?>
<div class="form-group" style="margin-top: -10px;">
<label for="email">Email address</label>
<?php
$data = array(
'name' => 'email',
'id' => 'email',
'value' => set_value('email'),
'type' => 'email',
'class' => 'form-control',
'required' => 'required',
'style' => 'margin-top: -30px;',
'placeholder' => 'Email'
);
echo form_input($data);
?>
<span style="font-size:12px;"><?= form_error('email'); ?></span>
<!-- <input type="email" class="form-control" style="margin-top: -30px;"> -->
</div>
<div class="form-group" style="margin-top: -30px; position: relative;">
<label for="password">Password</label>
<!-- <span class="open_password">
<i class="i_con fa fa-eye"></i>
</span> -->
<?php
$data = array(
'name' => 'password',
'id' => 'password',
'value' => set_value('password'),
'type' => 'password',
'class' => 'form-control',
'style' => 'margin-top: -30px;',
'required' => 'required',
'placeholder' => 'Password'
);
echo form_password($data);
?>
<span style="font-size:12px;"><?= form_error('password'); ?></span>
<!-- <input type="password" class="form-control"style="margin-top: -30px;"> -->
</div>
<div class="form-group" style="margin-top: -20px;">
<input type="submit" class="button btn" name="login_password" value="<?= $this->session->userdata('site_lang') == 'english' ? strtoupper('sign in') : strtoupper('masuk'); ?>" />
<!-- <button class="button btn" type="submit" value="submit" >Submit</button> -->
</div>
<p style="margin-top: -40px;"><a id="modal_lost_password" href="javascript:void(0)">Forgotten Password?</a></p>
<div style="border-bottom: 1px solid #6666; margin-top: -30px;"></div>
<div style="margin-top: -16px; margin-bottom: -25px;">
<p>Don't have an account? <a href="<?= base_url('login'); ?>">Register</a></p>
</div>
<?= form_close(); ?>
<?php else: ?>
<?= form_open('account'); ?>
<div class="form-group" style="margin-top:15px; line-height: 35px; position: relative;">
<label style="margin-bottom: 0;">
<a href="<?= base_url('account'); ?>">
ACCOUNT
</a>
</label>
</div>
<div class="form-group" style="line-height: 35px; position: relative;">
<label style="margin-bottom: 0;">
<a href="javascript:void(0);" id="btn_logout">
LOGOUT
</a>
</label>
</div>
<?= form_close(); ?>
<?php endif; ?>
</ul>
</li>
<li class="menu-item single-icon wishlist">
<?php
$url_wishlist = base_url('login');
if ($ses_customer != null){
$url_wishlist = base_url('wishlist');
}
?>
<a href="<?= $url_wishlist; ?>">
<i class="ion-android-favorite-outline"></i>
</a>
</li>
<li class="menu-item-has-children single-icon cart">
<a href="#">
<i class="fa fa-shopping-basket"></i>
<span style="background-color: <?= $primary_colortheme; ?> !important;" id="cartCount" class="count">0</span>
</a>
<ul class="sub-menu single-column-menu" style="margin-left: -260px; min-width: 342px;">
<div class="offcanvas-cart-content-container">
<div id="cart_body" class="cart-product-wrapper">
<!--======= End of subtotal calculation =======-->
<!--======= cart buttons =======-->
<!--======= End of cart buttons =======-->
</div>
</div>
</ul>
</li>
</ul>
</nav>
</div>
<!--======= End of header right icons =======-->
</div>
<!--======= End of headeer right container =======-->
<!--======= header bottom navigation =======-->
<div class="header-bottom-navigation">
<div class="site-main-nav d-none d-lg-block">
<div class="split-navigation-container d-flex justify-content-center" style="margin-bottom: -19px;">
<!-- <?php foreach ($main_menus as $menu) : ?>
<?php $count_level2_menus = count_child_menus($menu->id_menus); ?>
<?php if($count_level2_menus > 0) : ?>
<li class="have_sub"><a href="#"><?= $menu->menu; ?></a><span class="accordion_toggle_nv fa fa-angle-down"></span>
<?php $level2_menus = get_child_menus($menu->id_menus);?>
<ul class="res_navi_sub">
<?php foreach($level2_menus as $level2) : ?>
<li><a href="<?= base_url() . $level2->menu_link; ?>"><?= $level2->menu; ?></a></li>
<?php endforeach; ?>
<li><a href="<?= base_url() . $menu->menu_link; ?>"><?= ucwords(lang('view_all')); ?></a></li>
</ul>
<?php else : ?>
<li><a href="<?= base_url() . $menu->menu_link; ?>"><?= $menu->menu; ?></a></li>
<?php endif; ?>
<?php endforeach; ?> -->
<nav class="site-nav center-menu mr-lg-80">
<ul>
<?php foreach ($main_menus as $menu) : ?>
<?php $count_level2_menus = count_child_menus($menu->id_menus); ?>
<?php $t_menu_link = base_url() . $menu->menu_link; ?>
<?php if($count_level2_menus > 0) : ?>
<li class="menu-item-has-children">
<?php
$parent_menu_text_red = '';
foreach($level2_menus as $level2) :
$t_menu_link2 = base_url() . $level2->menu_link;
if (current_url() == $t_menu_link2){
$parent_menu_text_red = 'text_red';
}
endforeach;
?>
<?php if ($menu->img_name != ''): ?>
<a class="<?= $parent_menu_text_red; ?>" style="display: ruby-text;" href="javascript:void(0)">
<img src="<?= base_url('uploads/').$menu->img_name; ?>" class="img-fluid" alt="" style="width: 135px;">
</a>
<?php else: ?>
<a class="<?= $parent_menu_text_red; ?>" href="javascript:void(0)">
<?= $menu->menu; ?>
</a>
<?php endif; ?>
<?php $level2_menus = get_child_menus($menu->id_menus);?>
<ul class="sub-menu child-sub-menu single-column-menu">
<?php foreach($level2_menus as $level2) : ?>
<?php $t_menu_link2 = base_url() . $level2->menu_link; ?>
<li>
<a class="<?= current_url() == $t_menu_link2 ? 'text_red' : ''; ?>" href="<?= $t_menu_link2; ?>">
<?= $level2->menu; ?>
</a>
</li>
<?php endforeach; ?>
<!-- <li><a href="<?= base_url() . $menu->menu_link; ?>"><?= ucwords(lang('view_all')); ?></a></li> -->
</ul>
</li>
<?php else : ?>
<li class="menu-item">
<?php if ($menu->img_name != ''): ?>
<a class="<?= current_url() == $t_menu_link ? 'text_red' : ''; ?>" style="display: ruby-text;bottom: 2px;" href="<?= $t_menu_link; ?>">
<img src="<?= base_url('uploads/').$menu->img_name; ?>" class="img-fluid" alt="" style="width: 135px;">
</a>
<?php else: ?>
<a class="<?= current_url() == $t_menu_link ? 'text_red' : ''; ?>" href="<?= $t_menu_link; ?>">
<?= $menu->menu; ?>
</a>
<?php endif; ?>
</li>
<?php endif; ?>
<?php endforeach; ?>
<li class="menu-item-has-children" style="margin: 0 -1px;">
<a href="#" style="font-size:1.3em; position:relative;
/*top:5px;*/
"><i class="ion-ios-search-strong"></i></a>
<ul class="sub-menu single-column-menu" style="padding: 10px; margin-left: -120px; min-width: 275px;">
<li>
<?= form_open(base_url().'search',array(
"method"=>"get",
)); ?>
<input id="searchBar" onkeyup="ajaxSearch('desktop');" type="text" name="search_product" placeholder="SEARCH" style="width: 200px;border: none; padding: 10px; font-size: 12px; height: 22px; font-family: 'rockwellregular'; letter-spacing: 2px;border: 1px solid #6666;">
<button type="submit" class="button" style="width: 45px;height: 25px; font-size: 0.7em;padding:5px;">GO</button>
<div id="suggestions" class="suggestbar">
<div id="autoSuggestionsList"></div>
</div>
<?= form_close(); ?>
</li>
</ul>
</li>
</ul>
</nav>
<!-- <div class="logo-center" style="margin-top: 26px; margin-left: 29px; margin-right: 29px;">
<a href="<?= base_url(); ?>">
<img src="<?= '/themes/'.$theme.'/'; ?>assets/images/logo/LOGO_RABBITHABIT.png" class="img-fluid" alt="" style="width: 135px;"></a>
</div> -->
<!-- <nav class="site-nav center-menu ml-lg-80" >
<ul>
<li class="menu-item" style="margin: 0 10px;"><a href="journal.php">Journal</a></li>
<li class="menu-item"><a href="contact-us.php">Contact Us</a></li>
<li class="menu-item-has-children" style="margin: 0 -1px;">
<a href="#" style="font-size:1.3em; position:relative; top:5px;"><i class="ion-ios-search-strong"></i></a>
<ul class="sub-menu single-column-menu" style="padding: 10px; margin-left: -120px; min-width: 275px;">
<li>
<input type="text" name="search_product" placeholder="SEARCH" style="width: 200px;border: none; padding: 10px; font-size: 12px; height: 22px; font-family: 'rockwellregular'; letter-spacing: 2px;border: 1px solid #6666;">
<button class="button" style="width: 45px;height: 25px; font-size: 0.7em;padding:5px;">GO</button>
</li>
</ul>
</li>
</ul>
</nav> -->
</div>
</div>
</div>
<!--======= End of header bottom navigation =======-->
</div>
<!--======= End of header bottom container =======-->
<!-- Mobile Navigation Start Here -->
<div class="site-mobile-navigation d-block d-lg-none">
<div id="dl-menu" class="dl-menuwrapper site-mobile-nav">
<!--Site Mobile Menu Toggle Start-->
<button class="dl-trigger hamburger hamburger--spin" style="margin-top: -11px;">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button><!--Site Mobile Menu Toggle End-->
<?= Modules::run('custom_info/mobile_menu'); ?>
<!-- <ul class="dl-menu dl-menu-toggle"> -->
<!-- <li class=""><a href="<?= base_url(); ?>">Home</a>
</li>
<li>
<a href="index-essentials.html#">Shop</a>
<ul class="dl-submenu">
<li><a href="categories.php">All Product</a></li>
<li><a href="categories.php">Face</a></li>
<li><a href="categories.php">Lip</a></li>
<li><a href="categories.php">Eye</a></li>
<li><a href="categories.php">Skincare</a></li>
</ul>
</li>
<li class="menu-item"><a href="about-us.php">About</a></li>
<li class="menu-item"><a href="blog.php">Journal</a></li>
<li class="menu-item"><a href="contact-us.php">Contact Us</a></li> -->
<!-- </ul> -->
</div>
</div>
<!-- Mobile Navigation End Here -->
</div>
</div>
<!--======= End of header bottom =======-->
</header>
<!--===== End of Header box topbar ======-->
<style>
.open_password {
position: absolute;
display: flex;
display: inline-flex;
margin: 0; padding: 0;
width: 30px;
height: 100%;
text-align: center;
align-items: center;
justify-content: center;
right: 0;
margin-right: 15px;
border: 1px solid black;
cursor: pointer;
color: black;
}
.open_password i.i_con{
transition: 0.3s;
}
.open_password:hover i.i_con{
color:<?= $primary_colortheme; ?>;
}
.target_open_password {
padding-right: 30px;
}
</style>
<style>
a.scroll-top{
bottom: 65px;
}
nav.site-nav > ul > li ul.single-column-menu li a:hover {
color: #e04926;
}
.single-sidebar-widget--list li a:hover {
color: #e04926;
}
.text_red{
color: #e04926 !important;
}
.nav_mobile_hover{
color: #ffffff !important;
background-color: #2B286E;
}
.nav_mobile_hover:after{
color: #ffffff !important;
}
html,body{
padding: 0px !important;
margin: 0px !important;
}
.tp-loader.spinner3{
display: none !important;
}
input.form-control,
textarea.form-control,
select.form-control{
border-radius: 0;
}
input::placeholder,
textarea::placeholder,
select,
label.label_form{
font-family: 'rockwellregular';
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
}
.single-product a.eve_product_a.image-wrap{
height: auto !important;
}
body {
/* background: #FEEFE8 url("<?= '/themes/'.$theme.'/'; ?>assets/images/background.jpg") top left no-repeat;
background-size: 100%;
background-attachment: fixed; */
}
.header-bottom-navigation .split-navigation-container
nav.site-nav ul:not(.child-sub-menu) li:nth-child(4){
margin: 0 10px;
}
.header-bottom-navigation .split-navigation-container
nav.site-nav ul.child-sub-menu li{
margin: 0px !important;
}
img:not(.img_nowidth){
width: 100%;
}
.btn-primary{
background-color : <?= $primary_colortheme; ?> !important;
border-color: <?= $primary_colortheme; ?> !important;
}
.button.button--medium{
text-transform: uppercase;
}
.button:hover,
a.scroll-top:hover,
.single-product__floating-badges span.hot{
background-color: <?= $primary_colortheme; ?> !important;
}
.single-product__content .price .discounted-price,
.single-slider-post__content a.blog-readmore-btn:hover,
.single-faq .card-header h5 button{
color: <?= $primary_colortheme; ?> !important;
}
.single-product__content{
padding-top: 15px !important;
}
@media (max-width: 991px){
.header-bottom{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.logo-with-offcanvas .logo img{
margin-bottom: initial !important;
margin-top: initial !important;
}
.site-mobile-navigation button.hamburger {
margin-top: -8px !important;
}
.header-box-topbar.is-sticky .header-bottom-container .logo{
display: initial;
}
.header-box-topbar.is-sticky .header-bottom-container .header-right-container{
flex-basis: 60%;
}
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
flex-basis: 40%;
}
.header-box-topbar.is-sticky .header-bottom{
padding-top: 10px !important;
}
}
@media (max-width: 768px){
body {
background-size: 100% 100%;
}
.header-bottom{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.logo-with-offcanvas .logo{
margin-bottom: initial !important;
}
.site-mobile-nav .dl-menu{
margin: 20px 0 0 0 !important;
}
.site-mobile-navigation button.hamburger {
margin-top: -9px !important;
}
.shop-page-wrapper{
margin-top: 10px !important;
}
.tab1{
margin-right: 0px !important;
}
.tab2, .tab3, .tab4{
margin-left: 16px !important;
margin-right: 0px !important;
}
.companion-product{
display: none;
}
.shop{
padding-left: 14px !important;
}
}
@media (max-width: 450px){
a.scroll-top{
bottom: 65px;
}
.site-mobile-nav .dl-trigger{
right: initial;
}
.logo-with-offcanvas .logo a{
margin-left: 40px;
}
.logo-with-offcanvas .logo .header-logo-desktop{
display: none !important;
}
.logo-with-offcanvas .logo .header-logo-mobile{
display: initial !important;
width: 150px !important;
margin-bottom: -27px !important;
}
.logo-with-offcanvas .logo img{
/*content: url('<?= base_url(); ?>uploads/LOGO_RABBITHABIT1.png') !important;*/
}
.header-box-topbar .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 60%;
}
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 60%;
}
.header-box-topbar .header-bottom-container .header-right-container{
flex-basis: 40%;
}
.header-box-topbar.is-sticky .header-bottom-container .header-right-container{
flex-basis: 40%;
}
.header-right-icons{
margin-right: 0px;
}
.header-box-topbar.is-sticky .header-bottom-container .logo{
display: initial;
}
.header-box-topbar.is-sticky .header-bottom{
padding-top: 20px !important;
}
.single-slider-post__content h4 a{
font-size: 17px !important;
}
.footer-container.footer-one{
padding-top: 10px !important;
}
.footer_logo_img{
text-align: center;
}
.footer-subscription-widget{
text-align: center;
}
.footer-left-right{
width: 50%;
margin-top: 25px;
}
body,
body p{
font-size: 15px;
}
.header-right-icons .single-icon{
font-size: 15px;
}
nav.site-nav > ul > li{
/*line-height: 80px;*/
line-height: 60px;
}
.product-area.mb-70{
margin-bottom: 20px !important;
}
.product-area .mb-45{
margin-bottom: 15px !important;
}
.logo-with-offcanvas .logo img{
margin-bottom: -30px !important;
margin-top: -30px !important;
}
.site-mobile-navigation button.hamburger {
margin-top: 4px !important;
}
.single-product a.eve_product_a.image-wrap{
height: auto !important;
}
.single-product a.li_product_a,
.single-product a.eve_product_a {
font-size: 12px;
}
.single-product__floating-badges{
top: 7px;left: 7px;
}
.single-product__floating-badges span.hot{
height: 40px;
width: 40px;
font-size: 12px;
line-height: 37px;
}
.single-product__floating-icons {
top: 7px;right: 7px;
}
.single-product__floating-icons span a{
width: 35px;
height: 36px;
line-height: 35px;
}
.single-product div.price span{
font-size: 12px;
display: block;
}
.blog-post{
padding-bottom: 50px !important;
}
.blog-post p{
font-size: 12px;
}
.blog-post .blog-post-wrapper .mb-xxs-50{
margin-bottom: 10px !important;
}
.blog-post .blog-post-wrapper .mb-xxs-50:last-child{
margin-bottom: 5px !important;
}
.blog-post .blog-post-wrapper .single-slider-post__image{
margin-bottom: 20px !important;
}
.blog-post .blog-post-wrapper .single-slider-post__content{
margin-top:10px !important;
}
.instagram-slider-area {
padding-bottom: 25px !important;
}
.instagram-slider-area .instagram-section-intro{
margin-bottom: 20px !important;
}
.footer-nav-container nav ul li a {
font-size: 10px;
}
#cart_body .cart-product-container div.content h5{
font-size: 13px !important;
}
#cart_body .cart-product-container div.content p span{
font-size: 12px !important;
}
#cart_body p.cart-total span{
font-size: 13px !important;
}
#cart_body div.cart-buttons a{
font-size: 12px !important;
}
.site-mobile-nav .dl-menu li > a {
font-size: 13px !important;
padding: 5px 20px;
}
.site-mobile-nav .dl-menu li > a:not(:only-child)::after{
line-height: 40px !important;
}
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a::after{
line-height: 42px !important;
}
.section-title-container{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.section-title-container.mb-50 {
margin-bottom: 0px !important;
}
.pb-xs-150 {
padding-bottom: 0px !important;
}
.pt-xs-150 {
padding-top: 80px !important;
}
.pt-70 {
padding-top: 0px !important;
}
.menu-item-has-children.single-icon.cart ul.sub-menu {
margin-left: -310px !important;
}
}
@media (max-width: 430px){
.logo-with-offcanvas .logo .header-logo-mobile{
width: 130px !important;
}
.header-box-topbar .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 58%;
}
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 58%;
}
.header-box-topbar .header-bottom-container .header-right-container{
flex-basis: 42%;
}
.header-box-topbar.is-sticky .header-bottom-container .header-right-container{
flex-basis: 42%;
}
/*.forcefullwidth_wrapper_tp_banner .fullscreen-container, .fullwidthbanner-container{
height: 540px !important;
}
.forcefullwidth_wrapper_tp_banner .fullwidthbanner-container .fullwidthabanner{
height: 540px !important;
}
.forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer{
height: 540px !important;
}
.cosmetics-category-area .col-lg-4{
width: 49.5% !important;
}
.cosmetics-category-area .col-lg-6{
width: 49.5% !important;
margin-top: 50px !important;
}
.cosmetics-category-area .col-lg-6 .revolution-banner-area .tp-caption.tp-resizeme{
font-size: 11px !important;
}
a.image-wrap, a.image-wrap img.img-fluid{
height: initial !important;
}
.single-product__floating-badges{
top: 10px; left: 10px;
}
.blog-post-wrapper .col-12:last-child{
display: none;
}
.footer_logo_img{
text-align: center;
}
.single-product__floating-icons{
position: absolute;
top: initial;
right: 5px;
display: inline-block;
bottom: 5px;
}
.single-product__floating-icons span{
visibility: visible;
opacity: 1;
}
.single-product__floating-icons span a {
width: 30px;
height: 30px;
line-height: 30px;
}
.single-product__floating-icons span a i {
font-size: 18px;
}
.single-product__floating-badges span{
height: 40px;
width: 40px;
line-height: 39px;
font-size: 12px;
}
.single-product__content{
padding-top: 5px;
}
.single-product__content .price .main-price,
.single-product__content .price .discounted-price{
display: block;
}
.companion-price .main-price,
.companion-price .discounted-price{
display: block;
}
.dec-review-topbar .tab4{
margin-left: 16px !important;
margin-right: 0px !important;
}
#des-details4 iframe{
width: 100%;
}*/
}
@media (max-width: 410px){
.logo-with-offcanvas .logo .header-logo-mobile{
width: 120px !important;
}
.header-box-topbar .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 55%;
}
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 55%;
}
.header-box-topbar .header-bottom-container .header-right-container{
flex-basis: 45%;
}
.header-box-topbar.is-sticky .header-bottom-container .header-right-container{
flex-basis: 45%;
}
}
@media (max-width: 385px){
.menu-item-has-children.single-icon.cart ul.sub-menu {
min-width: 300px !important;
margin-left: -275px !important;
padding: 15px !important;
}
.header-box-topbar .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 50%;
}
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
text-align: left;
flex-basis: 50%;
}
.header-box-topbar .header-bottom-container .header-right-container{
flex-basis: 50%;
}
.header-box-topbar.is-sticky .header-bottom-container .header-right-container{
flex-basis: 50%;
}
.logo-with-offcanvas .logo .header-logo-mobile{
width: 120px !important;
}
}
</style>
<style>
div#autoSuggestionsList,
div#autoSuggestionsList li a{
color: black;
transition: 0.3;
}
div#autoSuggestionsList,
div#autoSuggestionsList li a:hover{
color: #737373;
}
div#autoSuggestionsList li{
text-decoration: none;
list-style: none;
}
/*mobile*/
div#autoSuggestionsList_mobile,
div#autoSuggestionsList_mobile li a{
color: black;
transition: 0.3;
}
div#autoSuggestionsList_mobile,
div#autoSuggestionsList_mobile li a:hover{
color: #737373;
}
div#autoSuggestionsList_mobile li{
text-decoration: none;
list-style: none;
}
.search_mobile_ul {
visibility : visible !important;
opacity : 1 !important;
}
.hermes .tp-bullet {
background-color: #fff;
}
</style>
<?php if ($modules_setting->live_chat == "yes") : ?>
<?php endif; ?>
<script type="text/javascript">
var current_loc = window.location.href+"";
let pathname = window.location.pathname+"";
let pathname_ar = pathname.split('/');
sessionStorage.setItem("ses_current_link_page",current_loc);
if (pathname_ar[2] != undefined && pathname_ar[2] == "category") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
sessionStorage.setItem("ses_c_url_alias_en",c_url_alias_en);
sessionStorage.setItem("ses_c_url_alias_ind",c_url_alias_ind);
sessionStorage.setItem("ses_current_link_page","category");
}
if (pathname_ar[2] != undefined && pathname_ar[2] == "page") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
sessionStorage.setItem("ses_c_url_alias_en",c_url_alias_en);
sessionStorage.setItem("ses_c_url_alias_ind",c_url_alias_ind);
sessionStorage.setItem("ses_current_link_page","page");
}
if (pathname_ar[2] != undefined && pathname_ar[2] == "blog") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
sessionStorage.setItem("ses_c_url_alias_en",c_url_alias_en);
sessionStorage.setItem("ses_c_url_alias_ind",c_url_alias_ind);
sessionStorage.setItem("ses_current_link_page","blog");
}
function ajax_add_wishlist(id_product) {
$.ajax({
'url' : '<?= base_url('wishlist/add_wishlist'); ?>',
'type' : 'POST',
'data' : {
'id_product' : id_product,
'<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
},
'success' : function(result) {
Swal.fire({
position: 'center',
// position: 'top',
icon: 'success',
text: 'Successfully added wishlist.',
// showConfirmButton: false,
confirmButtonText: 'OK',
timer: 3000,
customClass: {
confirmButton: 'btn-swal-confirm',
}
}).then((result) => {
if (result.value) {
window.location.href = "<?= base_url('wishlist'); ?>";
}
});
}
});
}
if (jQuery('#modal_lost_password').length>0) {
jQuery("#modal_lost_password").click(function(ev){
sessionStorage.setItem('click_forgotPass','true');
window.location.href="<?= base_url('login'); ?>";
ev.preventDefault();
return false;
});
}
jQuery('#suggestions').hide();
jQuery('#suggestions_mobile').hide();
$(document).ready(function(){
$(".site-mobile-navigation ul.dl-menu li a").each(function(idx,key){
var t = $(this);
var t_current_server = "<?= $_SERVER['REQUEST_URI']; ?>";
if (t.attr('href') == t_current_server) {
t.addClass('nav_mobile_hover');
var t_parent_ul = t.parents("ul.dl-submenu:eq(0)");
if (t_parent_ul.length > 0) {
t_parent_ul.parents("li:eq(0)").find("a:eq(0)").addClass('nav_mobile_hover');
}
}
});
$(document).click(function(event2) {
var $target = $(event2.target);
if(!$target.closest('ul.single-column-menu-mobile').length && $('ul.single-column-menu-mobile').hasClass('search_mobile_ul')) {
$("#a_search_mobile").find('.ion-ios-search-strong').css({
'color':'#333'
});
$('ul.single-column-menu-mobile').removeClass('search_mobile_ul');
}
});
if ($('.eve_product_a').length>0) {
$('.eve_product_a').click(function(ev){
var id_pc = $(this).data('id_pc');
sessionStorage.setItem('ses_eve_product','true');
sessionStorage.setItem('ses_eve_product_id_pc',id_pc);
// alert(id_pc);
window.location.href = $(this).attr('href');
ev.preventDefault();
});
}
$('.add_wishlist_login').click(function() {
var id_product = $(this).data("value")
ajax_add_wishlist(id_product);
});
$('.add_wishlist_nonlogin').click(function() {
window.location = "<?= base_url('login');?>";
});
if ($("#a_search_mobile").length>0) {
$("#a_search_mobile").click(function(event){
event.stopPropagation();
var t = $(this);
var t_ul = t.parents('.single-icon.search_mobile').find('ul.single-column-menu-mobile');
if (t_ul.hasClass('search_mobile_ul')) {
t_ul.removeClass('search_mobile_ul');
t.find('.ion-ios-search-strong').css({
'color':'#333'
});
}else{
t_ul.addClass('search_mobile_ul');
t.find('.ion-ios-search-strong').css({
'color':'#E04926'
});
}
});
}
});
function ajaxSearch(t_case) {
var input_data = null;
var suggestions = null;
var autoSuggestionsList = null;
if (t_case == 'desktop') {
input_data = jQuery('#searchBar').val();
suggestions = jQuery('#suggestions');
autoSuggestionsList = jQuery('#autoSuggestionsList');
}else{
input_data = jQuery('#searchBar_mobile').val();
suggestions = jQuery('#suggestions_mobile');
autoSuggestionsList = jQuery('#autoSuggestionsList_mobile');
}
if (input_data === '') {
suggestions.hide();
} else {
var post_data = {
'search_data': input_data,
'<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
};
jQuery.ajax({
type: 'POST',
url: "<?= base_url() . 'ajax/ajax_get_suggest_product'; ?>",
data: post_data,
success: function (data) {
// return success
if (data.length > 0) {
suggestions.show();
autoSuggestionsList.addClass('auto_list');
autoSuggestionsList.html(data);
//move the a list value to input text
autoSuggestionsList.find('a').click(function() {
suggestions.hide();
});
}
}
});
}
}
</script>