380 lines
15 KiB
HTML
380 lines
15 KiB
HTML
[localePicker]
|
|
forceUrl = 0
|
|
|
|
[Cart]
|
|
==
|
|
<!DOCTYPE html>
|
|
<html lang="{{activeLocale}}">
|
|
{% set obCartPositionList = Cart.get() %}
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/bootstrap.min.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/meanmenu.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/boxicons.min.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/owl.carousel.min.css'|theme}}">
|
|
<link rel="stylesheet" href="{{ 'assets/css/owl.theme.default.min.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/slick.min.css'|theme}}">
|
|
<link rel="stylesheet" href="{{ 'assets/css/slick-theme.min.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/magnific-popup.min.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/style.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/responsive.css'|theme}}">
|
|
|
|
<link rel="stylesheet" href="{{ 'assets/css/theme-dark.css'|theme}}">
|
|
<title>{{this.theme.site_name}} | {{ this.page.title }}</title>
|
|
<link rel="icon" type="image/png" href="{{ 'assets/img/favicon.png'|theme}}">
|
|
|
|
{% styles %}
|
|
<style>
|
|
.owl-stage-outer {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.collection-item .collection-bottom ul li:first-child {
|
|
text-align: left;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 40% !important;
|
|
flex: 0 0 40% !important;
|
|
max-width: 40% !important;
|
|
}
|
|
|
|
.collection-item .collection-bottom ul li:last-child {
|
|
text-align: right;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 60% !important;
|
|
flex: 0 0 60% !important;
|
|
max-width: 60% !important;
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
#toast-success {
|
|
visibility: hidden; /* Hidden by default. Visible on click */
|
|
min-width: 250px; /* Set a default minimum width */
|
|
margin-left: -125px; /* Divide value of min-width by 2 */
|
|
background-color: #333; /* Black background color */
|
|
color: #fff; /* White text color */
|
|
text-align: center; /* Centered text */
|
|
border-radius: 2px; /* Rounded borders */
|
|
padding: 16px; /* Padding */
|
|
position: fixed; /* Sit on top of the screen */
|
|
z-index: 1; /* Add a z-index if needed */
|
|
left: 50%; /* Center the snackbar */
|
|
bottom: 30px; /* 30px from the bottom */
|
|
}
|
|
|
|
/* Show the snackbar when clicking on a button (class added with JavaScript) */
|
|
#toast-success.show {
|
|
visibility: visible; /* Show the snackbar */
|
|
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
|
|
However, delay the fade out process for 2.5 seconds */
|
|
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
}
|
|
|
|
/* Animations to fade the snackbar in and out */
|
|
@-webkit-keyframes fadein {
|
|
from {bottom: 0; opacity: 0;}
|
|
to {bottom: 30px; opacity: 1;}
|
|
}
|
|
|
|
@keyframes fadein {
|
|
from {bottom: 0; opacity: 0;}
|
|
to {bottom: 30px; opacity: 1;}
|
|
}
|
|
|
|
@-webkit-keyframes fadeout {
|
|
from {bottom: 30px; opacity: 1;}
|
|
to {bottom: 0; opacity: 0;}
|
|
}
|
|
|
|
@keyframes fadeout {
|
|
from {bottom: 30px; opacity: 1;}
|
|
to {bottom: 0; opacity: 0;}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="loader">
|
|
<div class="d-table">
|
|
<div class="d-table-cell">
|
|
<div class="spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="navbar-area fixed-top">
|
|
|
|
<div class="mobile-nav">
|
|
<a href="index.html" class="logo">
|
|
<img src="{{'assets/img/logo-two.png'|theme}}" alt="Logo">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="main-nav main-nav-three">
|
|
<div class="container">
|
|
<nav class="navbar navbar-expand-md navbar-light">
|
|
<a class="navbar-brand" href="/">
|
|
<img src="{{'assets/img/logo.png'|theme}}" class="logo-one" alt="30Coffe">
|
|
<img src="{{'assets/img/logo-two.png'|theme}}" class="logo-two" alt="30Coffe">
|
|
</a>
|
|
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
|
|
|
|
{% partial 'menu' %}
|
|
|
|
<div class="side-nav">
|
|
|
|
{% if activeLocale == 'ru'%}
|
|
<button data-request="onSwitchLocale" data-request-data="locale: 'tm'" class="nav-tel">
|
|
Türkmençe
|
|
</button>
|
|
{% else %}
|
|
<button data-request="onSwitchLocale" data-request-data="locale: 'ru'" class="nav-tel">
|
|
Русский
|
|
</button>
|
|
{% endif %}
|
|
|
|
|
|
|
|
<a class="nav-cart" href="/sebet">
|
|
<i class='bx bxs-cart'></i>
|
|
<span id="qty">{{obCartPositionList.getTotalQuantity}}</span>
|
|
</a>
|
|
<a class="nav-tel" href="tel:{{this.theme.phone}}">
|
|
<i class='bx bxs-phone-call'></i>
|
|
{{this.theme.phone}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% page %}
|
|
|
|
<footer class="pt-100 pb-70" style="background-color: #37a2ff1a;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="footer-item">
|
|
<div class="footer-logo">
|
|
<a href="index.html">
|
|
<img src="{{ 'assets/img/logo.png'|theme}}" class="footer-logo1" alt="Logo">
|
|
<img src="{{'assets/img/logo-two.png'|theme}}" class="footer-logo2" alt="Logo">
|
|
</a>
|
|
<p>Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua.</p>
|
|
<div class="social-link">
|
|
<ul>
|
|
<li>
|
|
<a href="#" target="_blank">
|
|
<i class='bx bxl-facebook'></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" target="_blank">
|
|
<i class='bx bxl-twitter'></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" target="_blank">
|
|
<i class='bx bxl-instagram'></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" target="_blank">
|
|
<i class='bx bxl-youtube'></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="footer-item">
|
|
<div class="footer-service">
|
|
<h3>Services</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="contact-us.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Support
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Career
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="chefs.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Chefs
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Testimonials
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="privacy-policy.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Privacy & Policy
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="footer-item">
|
|
<div class="footer-service">
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="service.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Services
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="food-collection.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Food Collection
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="online-order.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Online Order
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Blog
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="contact-us.html">
|
|
<i class='bx bx-chevron-right'></i>
|
|
Contact
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="footer-item">
|
|
<div class="footer-service">
|
|
<h3>Contact Us</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="tel:+1123456789">
|
|
<i class='bx bx-phone-call'></i>
|
|
+1 1234 56 789
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="tel:+5143456768">
|
|
<i class='bx bx-phone-call'></i>
|
|
+5 1434 56 768
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://templates.hibootstrap.com/cdn-cgi/l/email-protection#9ef7f0f8f1deecfbedeafff0eab0fdf1f3">
|
|
<i class='bx bx-message-detail'></i>
|
|
<span class="__cf_email__"
|
|
data-cfemail="93fafdf5fcd3e1f6e0e7f2fde7bdf0fcfe">[email protected]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://templates.hibootstrap.com/cdn-cgi/l/email-protection#94fcf1f8f8fbd4e6f1e7e0f5fae0baf7fbf9">
|
|
<i class='bx bx-message-detail'></i>
|
|
<span class="__cf_email__"
|
|
data-cfemail="0e666b6262614e7c6b7d7a6f607a206d6163">[email protected]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<i class='bx bx-location-plus'></i>
|
|
Br1. 28/A Street, New York, USA
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<div class="copyright-area">
|
|
<div class="container">
|
|
<div class="copyright-item">
|
|
<p>Copyright ©
|
|
|
|
<script>document.write(new Date().getFullYear())</script> Kafe <a
|
|
href="#" target="_blank">30Coffee</a>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="{{'assets/js/jquery.min.js'|theme}}"></script>
|
|
<script src="{{'assets/js/bootstrap.bundle.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/jquery.meanmenu.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/owl.carousel.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/jquery.mixitup.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/slick.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/jquery.ajaxchimp.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/form-validator.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/contact-form-script.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/jquery.magnific-popup.min.js'|theme}}"></script>
|
|
|
|
<script src="{{'assets/js/custom.js'|theme}}"></script>
|
|
|
|
{% scripts %}
|
|
{% framework extras %}
|
|
<script>
|
|
function onMerd(){
|
|
$.request('onGetData', {
|
|
success: function() {
|
|
console.log('Finished!');
|
|
document.getElementById("qty").innerHTML = 'text';
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html> |