<!-- _header.template -->
<div class="header">
<!-- Top Bar -->
<div class="top-navbar">
<div class="container">
<div class="row">
<div class="col-md-6">
<span class="aux-text d-none d-md-inline-block">
<ul class="inline-links inline-links--style-1">
<li class="d-none d-lg-inline-block">
Mobile Phone Accessories Wholesale supplier - Mietubl </li>
<li>
<i class="fa fa-envelope"></i>
<a href="#">support@Mietubl.com</a>
</li>
</ul>
</span>
</div>
<div class="col-md-6">
<nav class="top-navbar-menu">
<ul class="top-menu">
{% comment %}<li><a href="#">Sign in</a></li>{% endcomment %}
{% comment %}<li><a href="#">Create account</a></li>{% endcomment %}
{% comment %}<li><a href="#" data-toggle="global-search"><i class="fa fa-search"></i></a></li>{% endcomment %}
{% comment %}<li class="dropdown">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}<i class="fa fa-shopping-cart"></i>{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}<ul class="sub-menu">{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<div class="dropdown-cart px-0">{% endcomment %}
{% comment %}<div class="dc-header">{% endcomment %}
{% comment %}<h3 class="heading heading-6 strong-600">Cart</h3>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-item">{% endcomment %}
{% comment %}<div class="d-flex align-items-center">{% endcomment %}
{% comment %}<div class="dc-image">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}<img src="static/picture/img-1a.png" class="img-fluid" alt="">{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-content">{% endcomment %}
{% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}Wood phone case{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</span>{% endcomment %}
{% comment %}{% endcomment %}
{% comment %}<span class="dc-quantity">x2</span>{% endcomment %}
{% comment %}<span class="dc-price">$50.00</span>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-actions">{% endcomment %}
{% comment %}<button>{% endcomment %}
{% comment %}<i class="ion-close"></i>{% endcomment %}
{% comment %}</button>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}{% endcomment %}
{% comment %}<div class="dc-item">{% endcomment %}
{% comment %}<div class="d-flex align-items-center">{% endcomment %}
{% comment %}<div class="dc-image">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}<img src="static/picture/img-2a.png" class="img-fluid" alt="">{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-content">{% endcomment %}
{% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}Leather bag{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</span>{% endcomment %}
{% comment %}{% endcomment %}
{% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
{% comment %}<span class="dc-price">$250.00</span>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-actions">{% endcomment %}
{% comment %}<button>{% endcomment %}
{% comment %}<i class="ion-close"></i>{% endcomment %}
{% comment %}</button>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}{% endcomment %}
{% comment %}<div class="dc-item">{% endcomment %}
{% comment %}<div class="d-flex align-items-center">{% endcomment %}
{% comment %}<div class="dc-image">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}<img src="static/picture/img-3a.png" class="img-fluid" alt="">{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-content">{% endcomment %}
{% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}Brown leather wallet{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</span>{% endcomment %}
{% comment %}{% endcomment %}
{% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
{% comment %}<span class="dc-price">$99.00</span>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-actions">{% endcomment %}
{% comment %}<button>{% endcomment %}
{% comment %}<i class="ion-close"></i>{% endcomment %}
{% comment %}</button>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="dc-item py-4">{% endcomment %}
{% comment %}<span class="subtotal-text">Subtotal</span>{% endcomment %}
{% comment %}<span class="subtotal-amount">$450.00</span>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}<div class="py-4 text-center">{% endcomment %}
{% comment %}<ul class="inline-links inline-links--style-3">{% endcomment %}
{% comment %}<li class="pr-3">{% endcomment %}
{% comment %}<a href="#" class="link link--style-2 text-capitalize">{% endcomment %}
{% comment %}<i class="ion-person"></i> My account{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li class="pr-3">{% endcomment %}
{% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
{% comment %}<i class="ion-bag"></i> View cart{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
{% comment %}<i class="ion-forward"></i> Checkout{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}</ul>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</div>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}</ul>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li class="aux-languages dropdown">{% endcomment %}
{% comment %}<a href="#">{% endcomment %}
{% comment %}<img src="static/picture/ro.png">{% endcomment %}
{% comment %}</a>{% endcomment %}
{% comment %}<ul id="auxLanguages" class="sub-menu">{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<a href="#"><span class="language">German</span></a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<span class="language language-active">English</span>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<a href="#"><span class="language">Greek</span></a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li>{% endcomment %}
{% comment %}<a href="#"><span class="language">Spanish</span></a>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}</ul>{% endcomment %}
{% comment %}</li>{% endcomment %}
{% comment %}<li><a href="#" class="btn-st-trigger" data-effect="st-effect-1"><i class="fa fa-ellipsis-h"></i></a></li>{% endcomment %}
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- Global Search -->
<section id="sctGlobalSearch" class="global-search global-search-overlay">
<div class="container">
<div class="global-search-backdrop mask-dark--style-2"></div>
<!-- Search form -->
<form class="form-horizontal form-global-search z-depth-2-top" role="form">
<div class="px-4">
<div class="row">
<div class="col-12">
<input type="text" class="search-input" placeholder="Type and hit enter ...">
</div>
</div>
</div>
<a href="#" class="close-search" data-toggle="global-search" title="Close search bar"></a>
</form>
</div>
</section>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar--bold navbar--style-2 navbar-light bg-default navbar--shadow">
<div class="container navbar-container">
<!-- Brand/Logo -->
<a class="navbar-brand" href="/">
<img src="static/images/logo.svg" class="" alt="Boomerang" style="height: 50px;">
</a>
<div class="d-inline-block">
<!-- Navbar toggler -->
<button class="navbar-toggler hamburger hamburger-js hamburger--spring" type="button" data-toggle="collapse" data-target="#navbar_main" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="collapse navbar-collapse align-items-center justify-content-center" id="navbar_main">
<!-- Navbar search - For small resolutions -->
<div class="navbar-search-widget b-xs-bottom py-3 d-lg-none d-none">
<form class="" role="form">
<div class="input-group input-group-lg">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-base-3" type="button">Go!</button>
</span>
</div>
</form>
</div>
<!-- Navbar links -->
<ul class="navbar-nav">
<li class="nav-item dropdown megamenu">
<a class="nav-link" href="/">
Home
</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Products
</a>
<div class="dropdown-menu dropdown-menu-xl py-0 px-0 overflow--hidden" aria-labelledby="navbar_1_dropdown_1">
<div class="list-group rounded">
<a href="../../pages-home.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Home pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
<a href="../../pages-inner.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Inner pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
<a href="../../pages-profile.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Profile pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
<a href="../../pages-blog.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Blog pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
<a href="../../pages-shop.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Shop pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
<a href="../../pages-real-estate.html" class="list-group-item list-group-item-action d-flex align-items-center">
<div class="list-group-content">
<div class="list-group-heading heading heading-6 mb-1">Real estate pages</div>
<p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
</div>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown megamenu">
<a class="nav-link" href="../../demos.html">
About Us
</a>
</li>
<li class="nav-item dropdown megamenu">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Support
</a>
<div class="dropdown-menu">
<div class="mega-dropdown-menu row row-no-padding">
<div class="mega-dropdown-col mega-dropdown-col-cover mega-dropdown-col-cover--left col-lg-5 d-none d-lg-block d-xl-block" style="background-image: url(static/images/img-14-1000x900.jpg); background-position: center center;">
<span class="mask mask-base-1--style-1 alpha-8"></span>
<div class="mega-dropdown-col-inner d-flex align-items-center no-padding">
<div class="col">
<div class="row align-items-center">
<div class="col-12">
<div class="px-4">
<h2 class="heading heading-2 strong-600 c-white">
Documentation and Shortcodes
</h2>
<p class="strong-300 c-white mt-4">
Get started fast and easy with Boomerang using the documentation and shortcode examples. No matter
you are a developer or new to web design, you will
find our theme very easy to customize with
an intuitive HTML markup.
</p>
<div class="btn-container mt-5">
<a href="../../documentation/getting-started/introduction.html" target="_blank" class="btn btn-styled btn-white btn-outline btn-circle">Read the Docs</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-2 ml-lg-auto">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/components/alerts.html">
Alerts
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/badges.html">
Badges
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/buttons.html">
Buttons
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/cards.html">
Cards
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/collapse.html">
Collapse
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/countdown.html">
Countdown
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/dropdown.html">
Dropdowns
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/forms.html">
Forms
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/instagram.html">
Instagram
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/lightbox.html">
Lightbox
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/maps.html">
Maps
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/masonry.html">
Masonry
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-lg-2">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/components/pagination.html">
Pagination
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/progress.html">
Progress bars
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/recaptcha.html">
Recaptcha
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/content/titles.html">
Section titles
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/forms.html#ex_component_sliders">
Sliders
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/tabs.html">
Tabs
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/typed-animations.html">
Typed animations
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/headers.html">
Headers
</a>
</li>
<li>
<a class="dropdown-item" href="../../html/default/sliders/boomerang-slider/index.html">
Boomerang slider
</a>
</li>
<li>
<a class="dropdown-item" href="../../html/default/sliders/revolution-slider/index.html">
Revolution slider
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/footers.html">
Footers
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/hero.html">
Hero blocks
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-lg-2">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/blocks/icon.html">
Icon blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/jobs.html">
Job blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/pricing.html">
Pricing blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/product.html">
Product blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/real-estate.html">
Real-Estate blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/team.html">
Team blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/testimonials.html">
Testimonial blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/comments.html">
Comment blocks
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown megamenu">
<a class="nav-link" href="../../demos.html">
Posts
</a>
</li>
<li class="nav-item dropdown megamenu">
<a class="nav-link" href="../../demos.html">
Contact
</a>
</li>
<li class="nav-item dropdown megamenu">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Components
</a>
<div class="dropdown-menu">
<div class="mega-dropdown-menu row row-no-padding">
<div class="mega-dropdown-col mega-dropdown-col-cover mega-dropdown-col-cover--left col-lg-5 d-none d-lg-block d-xl-block" style="background-image: url(static/images/img-14-1000x900.jpg); background-position: center center;">
<span class="mask mask-base-1--style-1 alpha-8"></span>
<div class="mega-dropdown-col-inner d-flex align-items-center no-padding">
<div class="col">
<div class="row align-items-center">
<div class="col-12">
<div class="px-4">
<h2 class="heading heading-2 strong-600 c-white">
Documentation and Shortcodes
</h2>
<p class="strong-300 c-white mt-4">
Get started fast and easy with Boomerang using the documentation and shortcode examples. No matter
you are a developer or new to web design, you will
find our theme very easy to customize with
an intuitive HTML markup.
</p>
<div class="btn-container mt-5">
<a href="../../documentation/getting-started/introduction.html" target="_blank" class="btn btn-styled btn-white btn-outline btn-circle">Read the Docs</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-2 ml-lg-auto">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/components/alerts.html">
Alerts
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/badges.html">
Badges
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/buttons.html">
Buttons
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/cards.html">
Cards
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/collapse.html">
Collapse
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/countdown.html">
Countdown
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/dropdown.html">
Dropdowns
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/forms.html">
Forms
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/instagram.html">
Instagram
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/lightbox.html">
Lightbox
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/maps.html">
Maps
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/masonry.html">
Masonry
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-lg-2">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/components/pagination.html">
Pagination
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/progress.html">
Progress bars
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/recaptcha.html">
Recaptcha
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/content/titles.html">
Section titles
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/forms.html#ex_component_sliders">
Sliders
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/tabs.html">
Tabs
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/components/typed-animations.html">
Typed animations
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/headers.html">
Headers
</a>
</li>
<li>
<a class="dropdown-item" href="../../html/default/sliders/boomerang-slider/index.html">
Boomerang slider
</a>
</li>
<li>
<a class="dropdown-item" href="../../html/default/sliders/revolution-slider/index.html">
Revolution slider
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/footers.html">
Footers
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/hero.html">
Hero blocks
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-lg-2">
<ul class="megadropdown-links">
<li>
<a class="dropdown-item" href="../../documentation/blocks/icon.html">
Icon blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/jobs.html">
Job blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/pricing.html">
Pricing blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/product.html">
Product blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/real-estate.html">
Real-Estate blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/team.html">
Team blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/testimonials.html">
Testimonial blocks
</a>
</li>
<li>
<a class="dropdown-item" href="../../documentation/blocks/comments.html">
Comment blocks
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
</div>