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

735 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{*
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">