tk-ligat.ru/skin/inc/header.html

735 lines
49 KiB
HTML
Raw Normal View History

2022-05-30 23:06:37 +05:00
{*
touch README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://biggit.yurecnt.ru/yurec/tk-ligat.ru.git
git push -u origin master
*}
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<title>Лигат-НТ | Grocery and Organic Food Shop HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="yandex-verification" content="0afd62918c947cdd" />
<base href="/skin/" />
<!-- ::::::::::::::Favicon icon::::::::::::::-->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
<!-- ::::::::::::::All CSS Files here :::::::::::::: -->
<!-- Vendor CSS Files -->
<link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome.css">
<link rel="stylesheet" href="assets/css/vendor/plaza-icon.css">
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<!-- link rel="stylesheet" href="/api/bootstrap/5.1.3/css/bootstrap.min.css" -->
<!-- Plugin CSS Files -->
<link rel="stylesheet" href="assets/css/plugin/slick.css">
<link rel="stylesheet" href="/api/jquery/plugins/slick-slider/1.9.0/slick-theme.css">
<link rel="stylesheet" href="assets/css/plugin/material-scrolltop.css">
<link rel="stylesheet" href="assets/css/plugin/price_range_style.css">
<link rel="stylesheet" href="assets/css/plugin/in-number.css">
<link rel="stylesheet" href="assets/css/plugin/venobox.min.css">
<link rel="stylesheet" href="assets/css/plugin/jquery.lineProgressbar.css">
<!-- Use the minified version files listed below for better performance and remove the files listed above -->
<!-- <link rel="stylesheet" href="assets/css/vendor/vendor.min.css"/>
<link rel="stylesheet" href="assets/css/plugin/plugins.min.css"/>
<link rel="stylesheet" href="assets/css/main.min.css"> -->
<!-- Main Style CSS File -->
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- :::::: Start Header Section :::::: -->
<header>
<!-- Start Large Header Section -->
<div class="header d-none d-lg-block">
<!-- Start Header Top area -->
<div class="header__top">
<div class="container">
<div class="row">
<div class="col-12">
<div class="header__top-content d-flex justify-content-between align-items-center">
<div class="header__top-content--left">
<span>Торговая компания</span>
</div>
<!--ul class="header__top-content--right user-set-role d-flex">
<li class="user-currency pos-relative">
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Language<i class="fal fa-chevron-down"></i></a>
<ul class="expand-dropdown-menu dropdown-menu">
<li>
<a href="#"><img src="assets/img/icon/flag/icon_usa.png" alt="">English</a>
</li>
<li>
<a href="#"><img src="assets/img/icon/flag/icon_france.png" alt="">French</a>
</li>
</ul>
</li>
<li class="user-info pos-relative">
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Currency <i class="fal fa-chevron-down"></i></a>
<ul class="expand-dropdown-menu dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">POUND</a></li>
</ul>
</li>
</ul -->
</div>
</div>
</div>
</div>
</div>
<!-- Start Header Top area -->
<!-- Start Header Center area -->
<div class="header__center sticky-header p-tb-10">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-between align-items-center">
<!-- Start Logo -->
<div class="header__logo">
<a href="/" class="header__logo-link img-responsive" style="font-size: 16pt;color:#000;">
Лигат Нижний Тагил
<!-- img class="header__logo-img img-fluid" src="assets/img/logo/logo.png" alt="" -->
</a>
</div>
<!-- End Logo -->
<!-- Start Header Menu -->
<div class="header-menu">
<nav>
<ul class="header__nav">
<!--Start Single Nav link-->
{* п1 *}
<li class="header__nav-item pos-relative">
<a href="/" class="header__nav-link">Главная</a>
</li>
{* п2 *}
<li class="header__nav-item pos-relative">
<a href="/tovar_cat/" class="header__nav-link">Каталог</a>
</li>
<!-- End Single Nav link-->
{*
<!--Start Single Nav link-->
<li class="header__nav-item pos-relative">
<a href="#" class="header__nav-link">Shop <i class="fal fa-chevron-down"></i></a>
<span class="menu-label menu-label--red">New</span>
<!-- Megamenu Menu-->
<ul class="mega-menu pos-absolute">
<li class="mega-menu__box">
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Shop Layout</span>
<ul class="mega-menu__item">
<li class="mega-menu__list"><a href="shop-sidebar-grid-left.html" class="mega-menu__link">Grid Left Sidebar</a></li>
<li class="mega-menu__list pos-relative">
<a href="shop-sidebar-grid-right.html" class="mega-menu__link">Grid Right Sidebar</a>
<span class="menu-label menu-label--red">New</span>
</li>
<li class="mega-menu__list"><a href="shop-sidebar-full-width.html" class="mega-menu__link">Full Width</a></li>
<li class="mega-menu__list"><a href="shop-sidebar-left-list-view.html" class="mega-menu__link">List Left Sidebar</a></li>
<li class="mega-menu__list"><a href="shop-sidebar-right-list-view.html" class="mega-menu__link">List Right Sidebar</a></li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Shop Pages</span>
<ul class="mega-menu__item">
<li class="mega-menu__list"><a href="cart.html" class="mega-menu__link">Cart</a></li>
<li class="mega-menu__list"><a href="checkout.html" class="mega-menu__link">Checkout</a></li>
<li class="mega-menu__list"><a href="compare.html" class="mega-menu__link">Compare</a></li>
<li class="mega-menu__list pos-relative">
<a href="empty-cart.html" class="mega-menu__link">Empty Cart</a>
<span class="menu-label menu-label--blue">New</span>
</li>
<li class="mega-menu__list"><a href="wishlist.html" class="mega-menu__link">Wishlist</a></li>
<li class="mega-menu__list"><a href="my-account.html" class="mega-menu__link">My Account</a></li>
<li class="mega-menu__list"><a href="login.html" class="mega-menu__link">Login</a></li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Product Single</span>
<ul class="mega-menu__item">
<li class="mega-menu__list"><a href="product-single-default.html" class="mega-menu__link">Simple</a></li>
<li class="mega-menu__list"><a href="product-single-affiliate.html" class="mega-menu__link">Affiliate</a></li>
<li class="mega-menu__list pos-relative">
<a href="product-single-group.html" class="mega-menu__link">Grouped</a>
<span class="menu-label menu-label--red">New</span>
</li>
<li class="mega-menu__list"><a href="product-single-variable.html" class="mega-menu__link">Variable</a></li>
<li class="mega-menu__list"><a href="product-single-tab-left.html" class="mega-menu__link">Left Tab</a></li>
<li class="mega-menu__list"><a href="product-single-tab-right.html" class="mega-menu__link">Right Tab</a></li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Product Single</span>
<ul class="mega-menu__item">
<li class="mega-menu__list"><a href="product-single-slider.html" class="mega-menu__link">Single Slider</a></li>
<li class="mega-menu__list"><a href="product-single-gallery-left.html" class="mega-menu__link">Gallery Left</a></li>
<li class="mega-menu__list"><a href="product-single-gallery-right.html" class="mega-menu__link">Gallery Right</a></li>
<li class="mega-menu__list"><a href="product-single-sticky-left.html" class="mega-menu__link">Sticky Left</a></li>
<li class="mega-menu__list pos-relative">
<a href="product-single-sticky-right.html" class="mega-menu__link">Sticky Right</a>
<span class="menu-label menu-label--blue">New</span>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<ul class="mega-menu__item">
<!--Megamenu Item Banner-->
<li class="mega-menu__banner ">
<a href="product-single-default.html" class="mega-menu__banner-link">
<img src="assets/img/banner/menu-banner.jpg" alt="" class="mega-menu__banner-img mega-menu__banner-img--vertical">
</a>
</li>
<!--Megamenu Item Banner-->
</ul>
</div>
<!--Single Megamenu Item Menu-->
</li>
</ul>
<!-- Megamenu Menu-->
</li>
<!-- Start Single Nav link-->
*} {*
<!--Start Single Nav link-->
<li class="header__nav-item pos-relative">
<a href="#" class="header__nav-link">Custom Block <i class="fal fa-chevron-down"></i></a>
<!-- Megamenu Menu-->
<ul class="mega-menu pos-absolute">
<li class="mega-menu__box">
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Women Is Clothes & Fashion</span>
<ul class="mega-menu__item">
<li>
<p>Shop Women Is Clothing And Accessories And Get Inspired By The Latest Fashion Trends.</p>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Simple Style</span>
<ul class="mega-menu__item">
<li>
<p>A New Flattering Style With All The Comfort Of Our Linen.</p>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Easy Layers</span>
<ul class="mega-menu__item">
<li>
<p>Endless Styling Possibilities In A Collection Full Of Versatile Pieces.</p>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
</li>
<!--Megamenu Item Banner-->
<li class="mega-menu__banner m-t-30">
<a href="product-single-default.html" class="mega-menu__banner-link">
<img src="assets/img/banner/menu-banner-2.png" alt="" class="mega-menu__banner-img mega-menu__banner-img--horaizontal">
</a>
</li>
<!--Megamenu Item Banner-->
</ul>
<!-- Megamenu Menu-->
</li>
<!-- Start Single Nav link-->
*}
<!--Start Single Nav link-->
{*
<li class="header__nav-item pos-relative">
<a href="#" class="header__nav-link">Blog<i class="fal fa-chevron-down"></i></a>
<!--Single Dropdown Menu-->
<ul class="dropdown__menu pos-absolute">
<li class="dropdown__list">
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog Grid <i class="far fa-chevron-right"></i></a>
<ul class="dropdown__submenu pos-absolute">
<li class="dropdown__submenu-list"><a href="blog-grid-sidebar-left.html" class="dropdown__submenu-link"> Blog Grid Left Sidebar</a></li>
<li class="dropdown__submenu-list"><a href="blog-grid-sidebar-right.html" class="dropdown__submenu-link"> Blog Grid Right Sidebar</a></li>
</ul>
</li>
<li class="dropdown__list">
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog List <i class="far fa-chevron-right"></i></a>
<ul class="dropdown__submenu pos-absolute">
<li class="dropdown__submenu-list"><a href="blog-list-sidebar-left.html" class="dropdown__submenu-link"> Blog List Left Sidebar</a></li>
<li class="dropdown__submenu-list"><a href="blog-list-sidebar-right.html" class="dropdown__submenu-link"> Blog List Right Sidebar</a></li>
</ul>
</li>
<li class="dropdown__list">
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog Single <i class="far fa-chevron-right"></i></a>
<ul class="dropdown__submenu pos-absolute">
<li class="dropdown__submenu-list"><a href="blog-single-sidebar-left.html" class="dropdown__submenu-link"> Blog Single Left Sidebar</a></li>
<li class="dropdown__submenu-list"><a href="blog-single-sidebar-right.html" class="dropdown__submenu-link"> Blog Single Right Sidebar</a></li>
</ul>
</li>
</ul>
<!--Single Dropdown Menu-->
</li>
*}
<!-- End Single Nav link-->
<!--Start Single Nav link-->
{*
<li class="header__nav-item pos-relative">
<a href="#" class="header__nav-link">Pages <i class="fal fa-chevron-down"></i></a>
<span class="menu-label menu-label--blue">New</span>
<!--Single Dropdown Menu-->
<ul class="dropdown__menu pos-absolute">
<li class="dropdown__list"><a href="about.html" class="dropdown__link">About Us</a></li>
<li class="dropdown__list pos-relative">
<a href="frequently-questions.html" class="dropdown__link">Frequently Questions</a>
<span class="menu-label menu-label--blue">New</span>
</li>
<li class="dropdown__list"><a href="privacy-policy.html" class="dropdown__link">Privacy Policy</a></li>
<li class="dropdown__list"><a href="404.html" class="dropdown__link">404 Page</a></li>
</ul>
<!--Single Dropdown Menu-->
</li>
*}
<!-- End Single Nav link-->
<!--Start Single Nav link-->
<!--li class="header__nav-item pos-relative">
<a href="contact.html" class="header__nav-link">Contact Us</a>
</li-->
<!-- End Single Nav link-->
<!--Start Single Nav link-->
<li class="header__nav-item pos-relative">
<a href="#" class="header__nav-link">Контакты <i class="fal fa-chevron-down"></i></a>
<!-- Megamenu Menu-->
<ul class="mega-menu pos-absolute">
<li class="mega-menu__box">
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Women Is Clothes & Fashion</span>
<ul class="mega-menu__item">
<li>
<p>Shop Women Is Clothing And Accessories And Get Inspired By The Latest Fashion Trends.</p>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
{*
<div class="mega-menu__item-box">
<span class="mega-menu__title">Simple Style</span>
<ul class="mega-menu__item">
<li>
<p>A New Flattering Style With All The Comfort Of Our Linen.</p>
</li>
</ul>
</div>
<!--Single Megamenu Item Menu-->
<!--Single Megamenu Item Menu-->
<div class="mega-menu__item-box">
<span class="mega-menu__title">Easy Layers</span>
<ul class="mega-menu__item">
<li>
<p>Endless Styling Possibilities In A Collection Full Of Versatile Pieces.</p>
</li>
</ul>
</div>
*}
<!--Single Megamenu Item Menu-->
</li>
<!--Megamenu Item Banner-->
<li class="mega-menu__banner m-t-30">
<a href="product-single-default.html" class="mega-menu__banner-link">
<img src="assets/img/banner/menu-banner-2.png" alt="" class="mega-menu__banner-img mega-menu__banner-img--horaizontal">
</a>
</li>
<!--Megamenu Item Banner-->
</ul>
<!-- Megamenu Menu-->
</li>
<!-- Start Single Nav link-->
</ul>
</nav>
</div>
<!-- End Header Menu -->
<!-- Start Wishlist-AddCart -->
<ul class="header__user-action-icon">
<!-- Start Header Wishlist Box -->
<li>
<a href="/lk/">
<i class="icon-users"></i>
</a>
</li>
<!-- End Header Wishlist Box -->
<!-- Start Header Wishlist Box -->
<!--li>
<a href="wishlist.html">
<i class="icon-heart"></i>
<span class="item-count pos-absolute">3</span>
</a>
</li -->
<!-- End Header Wishlist Box -->
<!-- Start Header Add Cart Box -->
<li>
<a href="#offcanvas-add-cart__box" class="offcanvas-toggle" id="cart_icon">
<i class="icon-shopping-cart"></i>
<span class="wishlist-item-count pos-absolute">3</span>
</a>
</li>
<!-- End Header Add Cart Box -->
</ul>
</div>
</div>
</div>
</div>
<!-- End Header Center area -->
<!-- Start Header bottom area -->
<div class="header__bottom p-tb-30">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-xl-3 col-lg-3">
<div class="header-menu-vertical pos-relative">
<h4 class="menu-title link--icon-left"><i class="far fa-align-left"></i>Ассортимент</h4>
<ul class="menu-content pos-absolute">
{section name=customer loop=$menu_internet_magazin}{if ($menu_internet_magazin[customer].id)}
<li class="menu-item"><a href="/tovar_cat/{$menu_internet_magazin[customer].id}">{$menu_internet_magazin[customer].txt}</a></li>
{/if}{/section}
</ul>
</div>
</div>
<div class="col-xl-7 col-lg-6">
<form class="header-search" action="/new_find/" method="post">
<div class="header-search__content pos-relative">
<input type="search" name="txt" value="{$smarty.post.txt}" placeholder="Поиск" required>
<button class="pos-absolute" type="submit"><i class="icon-search"></i></button>
</div>
</form>
</div>
<div class="col-xl-2 col-lg-3">
<div class="header-phone text-right"><span>Тел: +7 3435 *** ***</span></div>
</div>
</div>
</div>
</div>
<!-- End Header bottom area -->
</div>
<!-- End Large Header Section -->
<!-- Start Mobile Header Section -->
<div class="header__mobile mobile-header--1 d-block d-lg-none p-tb-20">
<div class="container-fluid">
<div class="row ">
<div class="col-12 d-flex align-items-center justify-content-between">
<ul class="header__mobile--leftside d-flex align-items-center justify-content-start">
<li>
<div class="header__mobile-logo">
<a href="index.html" class="header__mobile-logo-link">
<img src="assets/img/logo/logo.png" alt="" class="header__mobile-logo-img">
</a>
</div>
</li>
</ul>
<!-- Start User Action -->
<ul class="header__mobile--rightside header__user-action-icon d-flex align-items-center justify-content-end">
<!-- Start Header Add Cart Box -->
<li>
<a href="#offcanvas-add-cart__box" class="offcanvas-toggle">
<i class="icon-shopping-cart"></i>
<span class="wishlist-item-count pos-absolute">{$cart_count}</span>
</a>
</li>
<!-- End Header Add Cart Box -->
<li><a href="#offcanvas-mobile-menu" class="offcanvas-toggle"><i class="far fa-bars"></i></a></li>
</ul>
<!-- End User Action -->
</div>
</div>
<div class="row">
<div class="col-12">
<div class="header-menu-vertical pos-relative m-t-30">
<h4 class="menu-title link--icon-left"><i class="far fa-align-left"></i>Ассортимент</h4>
<ul class="menu-content pos-absolute">
{section name=customer loop=$menu_internet_magazin}{if ($menu_internet_magazin[customer].id)}
<li class="menu-item"><a href="/tovar_cat/{$menu_internet_magazin[customer].id}">{$menu_internet_magazin[customer].txt}</a></li>
{/if}{/section}
<li class="menu-item"><a href="/new_find/">Поиск по сайту</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Start Mobile Header Section -->
<!-- Start Mobile-offcanvas Menu Section -->
<div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
<div class="offcanvas__top">
<span class="offcanvas__top-text"></span>
<button class="offcanvas-close"><i class="fal fa-times"></i></button>
</div>
<div class="offcanvas-inner">
<!-- ul class="user-set-role d-flex justify-content-between m-tb-15">
<li class="user-currency pos-relative">
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Language<i class="fal fa-chevron-down"></i></a>
<ul class="expand-dropdown-menu dropdown-menu">
<li>
<a href="#"><img src="assets/img/icon/flag/icon_usa.png" alt="">English</a>
</li>
<li>
<a href="#"><img src="assets/img/icon/flag/icon_france.png" alt="">French</a>
</li>
</ul>
</li>
<li class="user-info pos-relative">
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Currency <i class="fal fa-chevron-down"></i></a>
<ul class="expand-dropdown-menu dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">POUND</a></li>
</ul>
</li>
</ul -->
<form class="header-search m-tb-15" action="#" method="post">
<div class="header-search__content pos-relative">
<input type="search" name="header-search" placeholder="Поиск" required>
<button class="pos-absolute" type="submit"><i class="icon-search"></i></button>
</div>
</form>
<!-- Start Mobile User Action -->
<ul class="header__user-action-icon m-tb-15 text-center">
<!-- Start Header Wishlist Box -->
<li>
<a href="/lk/">
<i class="icon-users"></i>
</a>
</li>
<!-- End Header Wishlist Box -->
<!-- Start Header Wishlist Box -->
<!-- li>
<a href="wishlist.html">
<i class="icon-heart"></i>
<span class="item-count pos-absolute">3</span>
</a>
</li -->
<!-- End Header Wishlist Box -->
<!-- Start Header Add Cart Box -->
<li>
<a href="/cart/">
<i class="icon-shopping-cart"></i>
<span class="wishlist-item-count pos-absolute">{$cart_count}</span>
</a>
</li>
<!-- End Header Add Cart Box -->
</ul>
<!-- End Mobile User Action -->
<div class="offcanvas-menu">
<ul>
<li><a href="/"><span>Старт</span></a></li>
<li>
<a href="#"><span>Магазин</span></a>
<!-- ul class="sub-menu">
<li>
<a href="#">Shop Layout</a>
<ul class="sub-menu">
<li><a href="shop-sidebar-grid-left.html">Grid Left Sidebar</a></li>
<li><a href="shop-sidebar-grid-right.html">Grid Right Sidebar</a></li>
<li><a href="shop-sidebar-full-width.html">Full Width</a></li>
<li><a href="shop-sidebar-left-list-view.html">List Left Sidebar</a></li>
<li><a href="shop-sidebar-right-list-view.html">List Right Sidebar</a></li>
</ul>
</li>
</ul -->
<ul class="sub-menu">
<li>
<a href="#">Покупки</a>
<ul class="sub-menu">
<li><a href="/cart/">Корзина</a></li>
<li><a href="checkout.html">Каталог</a></li>
<!-- li><a href="compare.html">Compare</a></li>
<li><a href="empty-cart.html">Empty Cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="login.html">Login</a></li -->
</ul>
</li>
</ul>
<!-- ul class="sub-menu">
<li>
<a href="#">Product Single</a>
<ul class="sub-menu">
<li><a href="product-single-default.html">Simple</a></li>
<li><a href="product-single-affiliate.html">Affiliate</a></li>
<li><a href="product-single-group.html">Grouped</a></li>
<li><a href="product-single-variable.html">Variable</a></li>
<li><a href="product-single-tab-left.html">Left Tab</a></li>
<li><a href="product-single-tab-right.html">Right Tab</a></li>
<li><a href="product-single-slider.html">Single Slider</a></li>
<li><a href="product-single-gallery-left.html">Gallery Left</a></li>
<li><a href="product-single-gallery-right.html">Gallery Right</a></li>
<li><a href="product-single-sticky-left.html">Sticky Left</a></li>
<li><a href="product-single-sticky-right.html">Sticky Right</a></li>
</ul>
</li>
</ul -->
</li>
<!-- li>
<a href="#"><span>Blogs</span></a>
<ul class="sub-menu">
<li>
<a href="#">Blog Grid</a>
<ul class="sub-menu">
<li><a href="blog-grid-sidebar-left.html"> Blog Grid Left Sidebar</a></li>
<li><a href="blog-grid-sidebar-right.html"> Blog Grid Right Sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Blog List</a>
<ul class="sub-menu">
<li><a href="blog-list-sidebar-left.html"> Blog List Left Sidebar</a></li>
<li><a href="blog-list-sidebar-right.html"> Blog List Right Sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Blog Single</a>
<ul class="sub-menu">
<li><a href="blog-single-sidebar-left.html"> Blog Single Left Sidebar</a></li>
<li><a href="blog-single-sidebar-right.html"> Blog Single Right Sidebar</a></li>
</ul>
</li>
</ul>
</li -->
<li>
<a href="#"><span>Pages</span></a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="frequently-questions.html">Frequently Questions</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<ul class="offcanvas__social-nav m-t-50">
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-facebook-f"></i></a></li>
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-twitter"></i></a></li>
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-youtube"></i></a></li>
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-google-plus-g"></i></a></li>
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<!-- End Mobile-offcanvas Menu Section -->
<!-- Start Popup Add Cart -->
<div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart">
<div class="offcanvas__top">
<span class="offcanvas__top-text"><i class="icon-shopping-cart"></i>Корзина</span>
<button class="offcanvas-close"><i class="fal fa-times"></i></button>
</div>
<!-- Start Add Cart Item Box-->
<ul class="offcanvas-add-cart__menu">
{section name=customer loop=$cart}{if $cart[customer].id}
<!-- Start Single Add Cart Item-->
<li class="offcanvas-add-cart__list pos-relative d-flex align-items-center justify-content-between ">
<div class="offcanvas-add-cart__content d-flex align-items-start m-r-10">
<div class="offcanvas-add-cart__img-box pos-relative" style="width: 300px;">
<a href="/tovar_show/{$cart[customer].pages_id}" class="offcanvas-add-cart__img-link img-responsive"><img src="/img/tovar/{$cart[customer].fileName}.jpg" alt="" class="add-cart__img"></a>
<span class="offcanvas-add-cart__item-count pos-absolute">{$cart[customer].kolvo}x</span>
</div>
<div class="offcanvas-add-cart__detail">
<a href="/tovar_show/{$cart[customer].pages_id}" class="offcanvas-add-cart__link" style="width: 70%;">{$cart[customer].txt}</a>
<span class="offcanvas-add-cart__price">{$cart[customer].cena} руб.</span>
<!--span class="offcanvas-add-cart__info">Dimension: 40x60cm</span-->
</div>
</div>
<button class="offcanvas-add-cart__item-dismiss"><i class="fal fa-times"></i></button>
</li>
<!-- Start Single Add Cart Item-->
{/if}{/section}
</ul>
<!-- Start Add Cart Item Box-->
<!-- Start Add Cart Checkout Box-->
<div class="offcanvas-add-cart__checkout-box-bottom">{*
<!-- Start offcanvas Add Cart Checkout Info-->
<ul class="offcanvas-add-cart__checkout-info">
<!-- Start Single Add Cart Checkout Info-->
<li class="offcanvas-add-cart__checkout-list">
<span class="offcanvas-add-cart__checkout-left-info">Subtotal</span>
<span class="offcanvas-add-cart__checkout-right-info">$60.59</span>
</li>
<!-- End Single Add Cart Checkout Info-->
<!-- Start Single Add Cart Checkout Info-->
<li class="offcanvas-add-cart__checkout-list">
<span class="offcanvas-add-cart__checkout-left-info">Shipping</span>
<span class="offcanvas-add-cart__checkout-right-info">$7.00</span>
</li>
<!-- End Single Add Cart Checkout Info-->
<!-- Start Single Add Cart Checkout Info-->
<li class="offcanvas-add-cart__checkout-list">
<span class="offcanvas-add-cart__checkout-left-info">Taxes</span>
<span class="offcanvas-add-cart__checkout-right-info">$0.00</span>
</li>
<!-- End Single Add Cart Checkout Info-->
<!-- Start Single Add Cart Checkout Info-->
<li class="offcanvas-add-cart__checkout-list">
<span class="offcanvas-add-cart__checkout-left-info">Total</span>
<span class="offcanvas-add-cart__checkout-right-info">$67.59</span>
</li>
<!-- End Single Add Cart Checkout Info-->
</ul>
<!-- End offcanvas Add Cart Checkout Info-->
*}
<div class="offcanvas-add-cart__btn-checkout">
<a href="/order/" class="btn btn--block btn--radius btn--box btn--black btn--black-hover-green btn--large btn--uppercase font--bold">Оформить заказ</a>
</div>
</div>
<!-- End Add Cart Checkout Box-->
</div>
<!-- End Popup Add Cart -->
<div class="offcanvas-overlay"></div>
</header>
<!-- :::::: End Header Section :::::: -->
<!-- :::::: Start Main Container Wrapper :::::: -->
<main id="main-container" class="main-container">