|
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/views/themes/3/ |
Upload File : |
<style>
@media (min-width: 320px) and (max-width: 320px){
input.register_password_footer{
/*background: red;*/
width: 80% !important;
}
input.inp_number_disabled{
width: 20% !important
}
input.inp_number_enabled{
width: 80% !important;
}
}
.myfooter ul li a:hover {
color: <?= $primary_colortheme;?>;
}
</style>
<?php
$this->session->userdata('site_lang') == 'english' ? $this->lang->load('register_login', 'english') : $this->lang->load('register_login', 'indonesian');
?>
<style>
.myfooter p {
font-size: 15px;
}
</style>
<div class="myfooter">
<div class="wrapp2">
<?php
//get footer caption 1 and 2
$footer_caption = $this->db->select('banner3_link,banner4_link,banner3_link_en,banner4_link_en')->from('home_centerbanners')->where('id_home_centerbanners', 1)->get()->row();
$footer_caption1 = $footer_caption->banner3_link;
$footer_caption2 = $footer_caption->banner4_link;
$footer_caption1_en = $footer_caption->banner3_link_en;
$footer_caption2_en = $footer_caption->banner4_link_en;
?>
<div class="row">
<div class="col-sm-12" style="font-family: 'din_next_lt_proregular'; padding-bottom: 30px;">
<p>
<?= $this->session->userdata('site_lang') == 'english' ? $footer_caption1_en : $footer_caption1; ?>
</p>
</div>
<?php $count = 0; ?>
<?php foreach($footers as $footer) : ?>
<?php $count++; ?>
<div class="col-md-3
<?php if($count == 2) : ?>
ctp
<?php elseif($count == 4) : ?>
social_footer
<?php endif; ?>
">
<h3><?= ucwords($footer->title); ?></h3>
<?= $footer->description; ?>
</div>
<?php endforeach; ?>
<div class="col-sm-12" style="font-family: 'din_next_lt_proregular'; padding-bottom: 30px; padding-top: 30px;">
<p>
<strong>
<?= $this->session->userdata('site_lang') == 'english' ? $footer_caption2_en : $footer_caption2; ?>
</strong>
</p>
<!-- Begin Sendinblue Form -->
<!-- START - We recommend to place the below code in head tag of your website html -->
<style>
@font-face {
font-display: block;
font-family: Roboto;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 600;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 700;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}
#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
#sib-container input::placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
#sib-container textarea::placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
</style>
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END - We recommend to place the above code in head tag of your website html -->
<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form" style="text-align: center;
background-color: transparent; padding:0;">
<div id="sib-form-container" class="sib-form-container">
<div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
</svg>
<span class="sib-form-message-panel__inner-text">
Your subscription could not be saved. Please try again.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
</svg>
<span class="sib-form-message-panel__inner-text">
Your subscription has been successful.
</span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:transparent; max-width:540px; border-width:0px; border-color:#C0CCD9; border-style:solid;">
<form id="sib-form" method="POST" action="https://823321db.sibforms.com/serve/MUIEAKqRZaaDCpSOT7oZ6xhghRWZvRfLEh0-nCPPaGHENbFh2aVrLD66gyPwex3SmuN9VQ5o7PeSGVUVNfX34C3dd1U8IstQpCZ-brq_N4wpqe_B2gTHiCp3m719eX7vbDwYs3QY6fYhoMNAXoVWHnKHsxuVO7KeUXNDM0GdiLT_hBQMJzIHbI7bPBXFhr3br_4tPhZD5RhKDBhE" data-type="subscription">
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:16px; text-align:center; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">
<div class="sib-text-form-block">
<p><strong>Subscribe for Good Vibes</strong></p>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal">
<div class="entry__field">
<input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Your Email" data-required="true" required />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
<label class="entry__specification" style="font-size:12px; text-align:center; font-family:"Helvetica", sans-serif; color:#8390A4;">
Provide your email address to subscribe. For e.g abc@xyz.com
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="text-align: center">
<button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:center; font-weight:700; font-family:"Helvetica", sans-serif; color:#FFFFFF; background-color:#7a4397; border-radius:3px; border-width:0px;" form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
</svg>
Subscribe
</button>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="en">
</form>
</div>
</div>
</div>
<!-- END - We recommend to place the below code where you want the form in your website html -->
<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script>
window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
window.LOCALE = 'en';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";
window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. ";
window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";
window.translation = {
common: {
selectedList: '{quantity} list selected',
selectedLists: '{quantity} lists selected'
}
};
var AUTOHIDE = Boolean(0);
</script>
<script src="https://sibforms.com/forms/end-form/build/main.js"></script>
<!-- END - We recommend to place the above code in footer or bottom of your website html -->
<!-- End Sendinblue Form -->
</div>
</div>
<div class="footer_bottom">
Copyright © <?= date('Y'); ?> <?= $website_name; ?>
</div>
</div>
</div>
</div>
<!-- Modal Login Box -->
<div class="modal fade modal_right" id="reg_madal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h4>Register</h4>
<h2>Create a new account</h2>
<h4>Enter your new account details below</h4>
<?= form_open('register/new_registration'); ?>
<div class="form_register">
<div class="form_item">
<?php
$data = array(
'name' => 'name',
'id' => 'name',
'value' => set_value('name'),
'class' => 'form-control',
'placeholder' => 'Name',
'required' => 'required',
);
echo form_input($data);
?>
<!-- <input type="text" placeholder="First Name"/> -->
<!-- <span class="error_txt"><i class="fa fa-exclamation-circle"></i> This field is required</span> -->
</div>
<div class="form_item">
<?php
$options = array(
'male' => 'Male',
'female' => 'Female'
);
echo form_dropdown('sex_type', $options, 'Male', 'class="form-control"'); ?>
<!-- <input type="text" placeholder="First Name"/> -->
<!-- <span class="error_txt"><i class="fa fa-exclamation-circle"></i> This field is required</span> -->
</div>
<div class="form_item">
<?php
$data = array(
'name' => 'birthday',
'class' => 'form-control registerdatepicker',
'type' => 'date'
);
if(!empty($customers->birthday)) {
$data['value'] = date('d-m-Y', strtotime($customers->birthday));
}
echo form_input($data); ?>
<?= form_error('birthday'); ?>
<!-- <input type="text" placeholder="First Name"/> -->
<!-- <span class="error_txt"><i class="fa fa-exclamation-circle"></i> This field is required</span> -->
</div>
<div class="form_item">
<?php
$data = array(
'name' => 'register_email',
'id' => 'register_email',
'value' => set_value('register_email'),
'class' => 'form-control',
'required' => 'required',
'placeholder' => 'Email Address',
'type' => 'email'
);
echo form_input($data);
?>
<!-- <input type="text" placeholder="Email address"/> -->
</div>
<div class="form_item">
<span style="margin-right: 0px;" class="open_password">
<i class="i_con fa fa-eye"></i>
</span>
<?php
$data = array(
'name' => 'register_password',
'id' => 'register_password',
'placeholder' => 'Password',
'class' => 'form-control register_password_footer target_open_password',
'required' => 'required',
// 'style' => "width:86%;",
);
echo form_password($data);
?>
<!-- <a style="position: absolute; right:70px; top:39px; cursor: pointer; color: black" class="togglePassword_footer"><span class="fa fa-fw fa-eye field-icon"></span></a> -->
<!-- <input type="text" placeholder="Password"/> -->
</div>
<div class="form_item">
<?php
$data = array(
'name' => 'phone',
'id' => 'phone',
'value' => set_value('phone'),
'class' => 'form-control inp_number_enabled',
'required' => 'required',
'type' => 'number',
'min' => '0',
'placeholder' => '0812xxxxxxxx',
'style' => 'padding-left:5px; float:right; position: relative; width: 87%;'
);
echo form_input($data);
?>
<input type="text" value="+62" class="form-control inp_number_disabled" disabled="" style="cursor: not-allowed; position: relative; float:left; width: 13%;">
</div>
<br>
<div class="form_item">
<input type="checkbox" style="width: 7% !important;" name="newsletter" value="yes">
<?= lang('newsletter'); ?>
</div>
<div class="form_item">
<input type="checkbox" style="width: 7% !important;" name="toc" value="yes" required="">
<?php
//echo form_checkbox('toc', 'yes', set_checkbox('toc', 'yes'), 'required');
?>
<sup>*</sup>
<?= lang('i_agree'); ?>
<a href="#myModalTOC" data-toggle="modal" style="color:#067fb8;"><?= lang('toc'); ?></a>
<?= lang('and'); ?>
<a href="#myModalPrivacy" data-toggle="modal" style="color:#067fb8;"><?= lang('privacy'); ?></a>
</div>
<div class="form_register_button">
<ul>
<!-- <li><a href=" //base_url('login') "><input type="button" value="Sign In"/></a></li> -->
<li style="width: 100% !important;">
<input type="submit" name="register" id="register" value="<?= strtoupper(lang('register')); ?>"/>
</li>
</ul>
</div>
</div>
<?= form_close(); ?>
</div>
</div>
</div>
</div>
<!-- Modal REG Box -->
<div class="modal fade modal_right" id="sigin_madal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h4>Sign In</h4>
<h2>Hi, welcome back</h2>
<h4>Enter your account details below</h4>
<?= form_open('login/login_password'); ?>
<!-- <input type="hidden" name="login_page_name" value="<?= base_url(uri_string()); ?>"> -->
<div class="form_register">
<div class="form_item">
<?php
$data = array(
'name' => 'email',
'id' => 'email',
'value' => set_value('email'),
'class' => 'form-control',
'required' => 'required',
'placeholder' => 'Email address *'
);
echo form_input($data);
?>
</div>
<div class="form_item">
<span style="margin-right: 0px;" class="open_password">
<i class="i_con fa fa-eye"></i>
</span>
<?php
$data = array(
'name' => 'password',
'id' => 'password',
'value' => set_value('password'),
'class' => 'form-control target_open_password',
'required' => 'required',
'placeholder' => 'Password *'
);
echo form_password($data);
?>
</div>
<div class="form_register_button">
<ul>
<li style="width: 100% !important;"><input type="submit" value="Sign In" name="login_password_modal">
</li>
</ul>
</div>
<?= form_close(); ?>
<div class="form_item forgot_pass"><a href="#" id="a_forgot_pass">Forgot Password?</a></div>
<div class="form_item">
Tidak Punya Akun?
<a class="a_modal_daftar" href="<?= base_url(); ?>register">Daftar</a>
<style>
.a_modal_daftar{
color: white; text-decoration: underline;
transition: 0.3s;
}
.a_modal_daftar:hover{
opacity: 0.8;
color: white;
}
</style>
</div>
<!-- <div class="social_media_login">
<h4>Login with your social media account</h4>
<a href="#" class="login_fb"><i class="fa fa-facebook"></i></a>
</div> -->
</div>
</div>
</div>
</div>
</div>
<!-- Modal CART BOX -->
<div class="modal fade modal_right" id="cart_madal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="cart_box">
<div class="cart_box_header">Your Cart (<span class="cartCount"></span>)</div>
<div class="cart_box_body">
<p id="cartMessage"></p>
<div id="cart_body"></div>
<!-- Button -->
<div class="form_register_button">
<ul>
<li><input type="button" data-dismiss="modal" value="Back to shopping"/></li>
<li id="processCheckout"><a href="<?= base_url('shipping'); ?>"><input type="button" value="Process to Checkout"/></a></li>
</ul>
</div><!-- End Button -->
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModalTOC" role="dialog" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Syarat dan Ketentuan</h4>
</div>
<div class="modal-body">
<?= $toc; ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<div class="modal fade" id="myModalPrivacy" role="dialog" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Kebijakan Privasi</h4>
</div>
<div class="modal-body">
<?= $privacy; ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script>
function view_pass(trg){
if(jQuery(trg).get(0).type === 'password' ){
// $(trg).removeAttr("type").attr("type","text");
jQuery(trg).get(0).type = 'text';
}else{
jQuery(trg).get(0).type = 'password';
}
}
jQuery(document).ready(function($) {
if ($(".open_password").length>0) {
var open_pass = $(".open_password");
open_pass.click(function(ev){
var t = $(this);
var t_icon = t.find("i.i_con");
var target_input = t.parent().find("input.target_open_password");
if (t_icon.hasClass("fa-eye")) {
target_input.attr('type','text');
t_icon.removeClass("fa-eye").addClass("fa-eye-slash");
}else{
target_input.attr('type','password');
t_icon.removeClass("fa-eye-slash").addClass("fa-eye");
}
});
}
$(".top_right_menu a.nav-link.dropdown-toggle").click(function(ev){
var dv_dropdown = $(this).parents("li.nav-item.dropdown").find("div.dropdown-menu");
if (dv_dropdown.is(":hidden")) {
dv_dropdown.show();
}else{
dv_dropdown.hide();
}
ev.stopPropagation();
ev.preventDefault();
});
$(".top_right_menu li.nav-item.dropdown:eq(0) div.dropdown-menu").click(function(ev){
ev.stopPropagation();
});
$(window).click(function() {
var dv_dropdown = $(".top_right_menu li.nav-item.dropdown:eq(0) div.dropdown-menu");
if (!dv_dropdown.is(":hidden")) {
dv_dropdown.hide();
}
});
// alert($('a.togglePassword').length);
if(jQuery('a.togglePassword_footer').length == 1){
jQuery('a.togglePassword_footer').click(function(){
view_pass('input.register_password_footer');
});
}
jQuery("a#a_forgot_pass").click(function(){
sessionStorage.setItem("click_forgotPass","true");
window.location.href="<?= base_url(); ?>" + 'login';
return false;
});
//initial load cart and get cart count
jQuery.ajax({
'url' : '<?= base_url(); ?>' + 'ajax/ajax_get_cart',
'type' : 'POST',
'data' : {
'<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
},
'success' : function(data) {
if(data) {
/*---success----*/
var cart = JSON.parse(data);
jQuery('#cart_body').html(cart.cart_content);
jQuery('.cartCount').html(cart.cart_count);
if(cart.cart_count == 0) {
jQuery('#processCheckout').hide();
} else {
jQuery('#processCheckout').show();
}
};
}
});
});
</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='<?= base_url("themes/$theme/js/vmenuModule.js"); ?>'></script>
<script src='<?= base_url("themes/$theme/js/custom.js"); ?>'></script>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/vmenuModule.css"); ?>'>
</div>
<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>
@media (max-width: 500px) {
#sigin_madal, #cart_madal, #reg_madal{
width: 100%;
}
}
@media (max-width: 768px)
{
#testimonial{
display: none !important;
}
#brand{
display: none !important;
}
#best_seller{
display: none !important;
}
#web{
margin-top: 0px;
}
}
@media (min-width: 1024px) {
#banner{
display: none !important;
}
}
</style>
</body>
</html>