Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/cartforge.co/app/code/Smartwave/Porto/etc/import/ |
<root>
<blocks>
<cms_item>
<title>Footer Middle About Us</title>
<identifier>footer_middle_about_us</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<h3 class="widget-title">About Us</h3>
<a href="/"><img class="image" src="{{media url="logo/default/logo_ecomwhite.png"}}" alt="" width="202" height="80" /></a>
</div>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Duis nec vestibulum magna, et dapibus lacus.</p>
<a href="#" class="font-weight-bold text-color-light" style="text-decoration: underline;">read more...</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info</title>
<identifier>footer_middle_contact_info</identifier>
<content><![CDATA[<div class="widget contact-info">
<h3 class="widget-title">CONTACT INFO</h3>
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>ADDRESS:</strong> <span>123 Street Name, City, England</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>PHONE:</strong> <span>(123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>EMAIL:</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
<li><i class="far fa-clock"></i> <strong>WORKING DAYS/HOURS:</strong> <span>Mon - Sun / 9:00 AM - 8:00 PM</span></li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Service</title>
<identifier>footer_middle_customer_service</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Customer Service</h3>
<div class="textwidget custom-html-widget">
<ul>
<li><a href="#">Help & FAQs</a></li>
<li><a href="#">Order Tracking</a></li>
<li><a href="#">Shipping & Delivery</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="/my-account/">My Account</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Corporate Sales</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Popular Tags</title>
<identifier>footer_middle_popular_tags</identifier>
<content><![CDATA[<div class="widget widget_product_tag_cloud">
<h3 class="widget-title">Popular Tags</h3>
<div class="tagcloud">
<a href="#" class="tag-cloud-link tag-link-33 tag-link-position-1" style="font-size: 8pt;" aria-label="Bag (1 product)">Bag</a>
<a href="#" class="tag-cloud-link tag-link-122 tag-link-position-2" style="font-size: 8pt;" aria-label="Black (1 product)">Black</a>
<a href="#" class="tag-cloud-link tag-link-124 tag-link-position-3" style="font-size: 8pt;" aria-label="Blue (1 product)">Blue</a>
<a href="#" class="tag-cloud-link tag-link-40 tag-link-position-4" style="font-size: 22pt;" aria-label="Clothes (4 products)">Clothes</a>
<a href="#" class="tag-cloud-link tag-link-50 tag-link-position-5" style="font-size: 22pt;" aria-label="Fashion (4 products)">Fashion</a>
<a href="#" class="tag-cloud-link tag-link-53 tag-link-position-6" style="font-size: 8pt;" aria-label="Hub (1 product)">Hub</a>
<a href="#" class="tag-cloud-link tag-link-121 tag-link-position-7" style="font-size: 8pt;" aria-label="Jean (1 product)">Jean</a>
<a href="#" class="tag-cloud-link tag-link-67 tag-link-position-8" style="font-size: 8pt;" aria-label="Shirt (1 product)">Shirt</a>
<a href="#" class="tag-cloud-link tag-link-68 tag-link-position-9" style="font-size: 8pt;" aria-label="Skirt (1 product)">Skirt</a>
<a href="#" class="tag-cloud-link tag-link-70 tag-link-position-10" style="font-size: 8pt;" aria-label="Sports (1 product)">Sports</a>
<a href="#" class="tag-cloud-link tag-link-71 tag-link-position-11" style="font-size: 8pt;" aria-label="Sweater (1 product)">Sweater</a>
<a href="#" class="tag-cloud-link tag-link-123 tag-link-position-12" style="font-size: 8pt;" aria-label="Winter (1 product)">Winter</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo2</title>
<identifier>banner_category_demo2</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.vc_custom_1575507713175 {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
background-color: #77e1ff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.coupon-sale-text {
letter-spacing: -.01em;
}
.coupon-sale-text b {
display: inline-block;
font-size: 1.6em;
padding: 5px 8px;
background: #fff;
}
.coupon-sale-text i {
font-style: normal;
position: absolute;
left: -2.25em;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
font-size: .65em;
opacity: .6;
letter-spacing: 0;
}
</style>
<div
class="vc_custom_1575507713175 text-left porto-inner-container"
style="background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop1_shop_banner.jpg"}}');"
>
<div class="porto-wrap-container container">
<div class="row">
<div class="pl-lg-4 pl-xl-5 mb-4 mb-md-0 vc_column_container col-md-5 col-xl-4 col-lg-4 offset-1">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 3rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">ELECTRONIC DEALS</h2>
<div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-md btn-dark">GET YOURS!</button></div>
</div>
</div>
<div class="vc_column_container col-md-4 offset-md-0 offset-1">
<div class="wpb_wrapper vc_column-inner">
<div style="font-size: 0.7rem; line-height: 1.7;" class="vc_custom_heading coupon-sale-text my-2 align-left heading-dark"><b>Exclusive COUPON</b></div>
<div style="font-size: 1rem; line-height: 0.9;" class="vc_custom_heading coupon-sale-text align-left heading-dark"><i>UP TO</i><b>$100</b> OFF</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 1</title>
<identifier>banner_category_demo1</identifier>
<content><![CDATA[<div class="row">
<div class="mb-2 col-lg-12">
<div class="porto-carousel owl-carousel">
<div class="porto-ultimate-content-box-container">
<div
class="porto-ultimate-content-box vc_custom_1599764578086 has-content-pos justify-content-center"
style="
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
min-height: 280px;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_shop_slider1.jpg"}}');
"
>
<h4 style="font-size: 0.8675em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4>
<h2 style="font-size: 2.524375em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 align-left heading-light">Summer Sale</h2>
<h3 style="font-size: 4.38625em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">30% OFF</h3>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 0.75em; line-height: 1; font-weight: 400;" class="vc_custom_heading mr-2 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4>
<h4 style="font-size: 0.8em; color: #ff7272; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left">
<b><sup>$</sup>199<sup>99</sup></b>
</h4>
<div class="btn-container mb-0 d-inline-block" style="margin-left:-4px;"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark" style="font-size: 11.4px;">Get Yours!</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="porto-ultimate-content-box-container">
<div
class="porto-ultimate-content-box vc_custom_1599764587094 has-content-pos justify-content-center"
style="
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
min-height: 280px;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider2.jpg"}}');
"
>
<h4 style="font-size: 0.92625em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4>
<h3 style="font-size: 3.183125em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 0.875em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4>
<h4 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading pull-left mr-3 align-left heading-dark">
<b><sup>$</sup>299<sup>99</sup></b>
</h4>
<div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark" style="font-size: 12.17px;">Get Yours!</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="porto-ultimate-content-box-container">
<div
class="porto-ultimate-content-box vc_custom_1599764595067 has-content-pos justify-content-center"
style="
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
min-height: 280px;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider3.jpg"}}');
"
>
<h4 style="font-size: 0.95875em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4>
<h3 style="font-size: 2.875625em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 0.875em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4>
<h4 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark">
<b><sup>$</sup>299<sup>99</sup></b>
</h4>
<div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark" style="font-size: 12.59px;">Get Yours!</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
var banner_owl = $(".porto-carousel.owl-carousel");
banner_owl.owlCarousel({
items: 1,
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: false,
navRewind: true,
animateIn: "fadeIn",
animateOut: "fadeOut",
loop: true,
lazyLoad: true,
});
});
</script>
<style>
.vc_custom_1599764587094,.vc_custom_1599764578086,.vc_custom_1599764595067 {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 7.25%;
}
.porto-ultimate-content-box {
font-size: 16px;
position: relative;
}
.ls-80 {
letter-spacing: 0.08em;
}
.coupon-sale-text {
transform: rotate(-2deg);
letter-spacing: -0.01em;
position: relative;
font-weight: 700;
}
.coupon-sale-text b {
display: inline-block;
font-size: 1.6em;
padding: 5px 8px;
background: #fff;
}
.btn-modern.btn-lg {
padding: 0.7rem 2.15rem;
line-height: 1.3333;
}
.category-cms, .category-image, .category-description {
margin-bottom: 0;
}
.m-r-lg {
margin-right: 30px!important;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 2</title>
<identifier>porto_footer_bottom_custom_block_2</identifier>
<content><![CDATA[<img class="bottom-payment-icons" src="{{media url="wysiwyg/smartwave/porto/footer/shop2_payment_logo.png"}}" alt="" />
<style>
@media(min-width:768px) {
.bottom-payment-icons {
display:block;
float: right;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header</title>
<identifier>porto_custom_block_for_header</identifier>
<content><![CDATA[<div class="porto-sicon-box text-left mx-4 mb-0 d-none d-lg-flex d-sticky-header-none style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="height: 1em;color: #222529; font-size: 29px; display: inline-block;line-height:1;"><i class="porto-icon-phone-2"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 11px; line-height: 1.2; color: #777777;margin: 0 0 3px;">CALL US NOW</h3>
<p style="font-weight: 700; font-size: 18px; line-height: 0.9; color: #222529;">+123 5678 890</p>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Bottom Block</title>
<identifier>footer_bottom_block</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="payment-icons">
<span class="payment-icon visa"></span>
<span class="payment-icon paypal"></span>
<span class="payment-icon stripe"></span>
<span class="payment-icon verisign"></span>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 2</title>
<identifier>porto_custom_block_for_header_2</identifier>
<content><![CDATA[<div class="custom-html ml-5 mr-4 d-none d-lg-block">
<div class="porto-sicon-box text-left style_1 default-icon m-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-sicon-img" style="display: inline-block; font-size: 30px;">
<img class="img-icon" alt="" src="{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_header_phone.png"}}" width="30" height="30" />
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 11px; line-height: 11px; color: #bde1f5;">CALL US NOW</h3>
<p style="font-weight: 700; font-size: 18px; line-height: 18px; color: #ffffff;">+123 5678 890</p>
</div>
</div>
</div>
<style>
.page-header .porto-sicon-box .porto-sicon-img {
margin-right: 8px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups</title>
<identifier>footer_middle_groups</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<div class="row">
<div class="col-md-6">
<div class="column-inner">
<h3 style="font-size: 15px; line-height: 1.375;margin-bottom: 16px" class="widget-title align-left text-uppercase">Subscribe Newsletter</h3>
<div class="m_content_element">
<p style="line-height: 20px;">
Get all the latest information on Events, Sales and Offers.<br />
Sign up for newsletter today.
</p>
</div>
</div>
</div>
<div class="col-md-6" style="margin-top: 28px;margin-bottom: 0px;">
<div class="m_content_element">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="porto-separator"><hr class="separator-line vc_custom_1568823129777 align_center solid" style="background-color: #313438;margin-bottom: 35px" /></div>
</div>
</div>
<div class="row">
<div class="col-md-5">
<div class="vc_column-inner">
<h3 style="font-size: 15px;line-height:19px;margin-bottom: 10px;" class="widget-title align-left text-uppercase">Customer Service</h3>
<div class="row">
<div class="col-md-6">
<div class="m_content_element mb-4">
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="My Account" href="#">My Account</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="m_content_element mb-4">
<ul>
<li><a title="Order history" href="#">Order history</a></li>
<li><a title="Contact us" href="#">Advanced search</a></li>
<li><a title="Login" href="#">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-7">
<div class="vc_column-inner">
<h3 style="font-size: 15px;line-height: 19px;margin-bottom: 10px;" class="widget-title align-left text-uppercase">About Us</h3>
<div class="row">
<div class="col-md-6">
<div class="m_content_element mb-4">
<ul>
<li><a href="#">Super Fast Wordpress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="m_content_element mb-4">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block</title>
<identifier>footer_top_block</identifier>
<content><![CDATA[<div class="widget widget_text">
<div class="textwidget">
<div class="d-md-flex align-items-center">
<div class="pr-md-5">
<h5 class="widget-title align-left text-uppercase font-weight-bold mb-1" style="letter-spacing: .075em;color:#22232D;font-size:14px;line-height: 20px;">Subscribe newsletter</h5>
<p class="mb-md-0" style="margin-top: 0;line-height: 22px;letter-spacing: 0;">Get all the latest information on Events, Sales and Offers.</p>
</div>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features</title>
<identifier>footer_middle_main_features</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Main Features</h3>
<div class="textwidget">
<div class="row d-inline-flex">
<div class="col-xl-6">
<ul>
<li><a href="#">Super Fast WordPress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
<div class="col-xl-6">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle My Account</title>
<identifier>footer_middle_my_account</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">My Account</h3>
<div class="textwidget">
<div class="row d-inline-flex">
<div class="col-xl-6">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">My Account</a></li>
</ul>
</div>
<div class="col-xl-6">
<ul>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo3</title>
<identifier>banner_category_demo3</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.vc_custom_1602744034322 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
padding-left: 6% !important;
background-color: #ede9e9 !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.ls-86 {
letter-spacing: 0.086em;
}
.z-index-1 {
z-index: 1;
}
.shop-category-banner .vc_btn3-container.vc_btn3-inline,
.shop-category-banner .d-inline-block {
vertical-align: middle;
}
.shop-category-banner .btn-modern.btn-xl {
padding: 1.125em 3.75em;
}
.coupon-sale-text {
position: relative;
display: inline-block;
padding: 5px 10px;
transform: none;
letter-spacing: 0;
}
.coupon-sale-text:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
background: #fff;
transform: rotate(-2deg);
}
.coupon-sale-text sup {
font-size: 55%;
}
</style>
<div class="row shop-category-banner m-b-lg vc_custom_1602744034322 no-padding" style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_shop_banner.jpg"}}');">
<div class="z-index-1 vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 2.1875rem; color: #777777; line-height: 1; font-weight: 400;" class="vc_custom_heading custom-font4 mb-3 ls-86 align-left">Winter Fashion Trends</h2>
<h3 style="font-size: 2.1875rem; line-height: 1;" class="vc_custom_heading mb-4 align-left text-uppercase">up to 30% off on jackets</h3>
<h5 style="font-size: 1.125em;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">Starting At</h5>
<h5 style="font-size: 2.25em; line-height: 1;margin-left:-3px;" class="vc_custom_heading coupon-sale-text d-inline-block mr-4 mr-xl-5 align-left"><sup>$</sup>199<sup>99</sup></h5>
<div class="btn-container mb-2 d-inline-block" style="margin-left:-4px;"><button class="btn btn-modern btn-xl btn-dark">Shop Now</button></div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Newsletter</title>
<identifier>footer_middle_newsletter</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Subscribe Newsletter</h3>
<div class="textwidget">
<p>Get all the latest information on events, sales and offers. Sign up for newsletter:</p>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 4</title>
<identifier>porto_custom_block_for_header_4</identifier>
<content><![CDATA[<div class="custom-html ml-5 mr-4 d-none d-lg-block">
<div class="porto-sicon-box text-left style_1 default-icon m-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-sicon-img" style="display: inline-block; font-size: 30px;">
<img class="img-icon d-block" alt="" src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_header_phone.png"}}" width="30" />
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight:600;font-size:11px;line-height:11px;color:#777;">CALL US NOW</h3>
<p style="font-weight:700;font-size:18px;line-height:18px;color:#222529;">+123 5678 890</p>
</div>
</div>
</div>
<style>
.page-header .porto-sicon-box .porto-sicon-img {
margin-right: 8px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 5</title>
<identifier>banner_category_demo5</identifier>
<content><![CDATA[<style>
.label-sale {
position: relative;
z-index: 1;
display: inline-block;
}
.label-sale:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: rotateZ(-2deg) skew(1deg);
background-color: #ff7272;
z-index: -1;
}
</style>
<div class="container">
<div class="row header-top-ads no-padding" style="padding-top: 25px;padding-bottom: 5px;">
<div class=" col-md-12 col-lg-4">
<div class="wpb_wrapper vc_column-inner d-flex justify-content-center flex-column">
<div class="porto-sicon-box style_1 default-icon justify-content-center">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3>
<p style="font-size: 13px; line-height: 1.2;">Free shipping on all orders over $99</p>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div class="wpb_wrapper vc_column-inner d-flex justify-content-center flex-column">
<div class="porto-sicon-box style_1 default-icon justify-content-center">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3>
<p style="font-size: 13px; line-height: 1.2;">100% money back guarantee</p>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div class="wpb_wrapper vc_column-inner d-flex justify-content-center flex-column">
<div class="porto-sicon-box style_1 default-icon justify-content-center">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3>
<p style="font-size: 13px; line-height: 1.2;">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row no-padding"
style="
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop5_shop_banner.jpg"}}');
background-color: #222529;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 7rem 2.5% 7rem 3.1%;
">
<div class="category-content dir-column text-center-md vc_column_container col-md-12 col-lg-9">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 1.3rem; color: #ffffff; line-height: 1; text-align: center; font-weight: 700; margin-right: 1rem; padding: 0.6rem 0.8rem;" class="vc_custom_heading label-sale text-uppercase"><b>BIG SALE</b></h4>
<h4 style="font-size: 1.25rem; color: #ffffff; line-height: 1.2;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h4>
<h6 style="font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading d-inline-block pb-1 align-left">Online Purchases Only</h6>
</div>
</div>
<div class="text-lg-right col-md-12 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 d-inline-block" style="background-color: #ffffff;"><button class="btn btn-modern btn-lg btn-light">VIEW SALE</button></div>
</div>
</div>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 5</title>
<identifier>porto_footer_bottom_custom_block_5</identifier>
<content><![CDATA[<img class="bottom-payment-icons" src="{{media url="wysiwyg/smartwave/porto/footer/shop5_payments.png"}}" alt="" />
<style>
@media(min-width:768px) {
.bottom-payment-icons {
display:block;
float: right;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 5</title>
<identifier>porto_custom_block_for_header_5</identifier>
<content><![CDATA[<div class="porto-sicon-box text-left mx-4 ml-xl-5 mb-0 d-none d-lg-flex d-sticky-header-none style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="height: 1em;color: #222529; font-size: 29px; display: inline-block;line-height:1;"><i class="porto-icon-phone-2"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 11px; line-height: 1.2; color: #777777;margin: 0 0 3px;">CALL US NOW</h3>
<p style="font-weight: 700; font-size: 18px; line-height: 0.9; color: #222529;">+123 5678 890</p>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 6</title>
<identifier>banner_category_demo6</identifier>
<content><![CDATA[<style>
.text-sale small {
display: inline-block !important;
font-size: 27% !important;
word-break: break-all;
width: 1em;
text-align: center;
font-weight: inherit;
white-space: normal;
color: inherit;
}
@media (max-width: 1199px) {
.shop-banner {
font-size: 12px;
}
}
@media (max-width: 991px) {
.shop-banner {
font-size: 11px;
}
}
@media (max-width: 575px) {
.shop-banner {
font-size: 6px;
}
}
</style>
<div
class="background-color-primary porto-ibanner-layer position-static shop-banner"
style="
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop6_shop_banner.jpg"}}');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 5.75rem;
padding-bottom: 5.75rem;
"
>
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="col-md-4 col-5">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 2.375em; line-height: 1; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 custom-font4 pr-1 align-right heading-light">Summer Trends</h3>
<h4 style="font-size: 8.75em; line-height: 0.95; letter-spacing: 0.01em;" class="vc_custom_heading m-b-n-xs align-right heading-light">SALE</h4>
</div>
</div>
<div class="col-md-4 offset-md-4 offset-2 col-5">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 1.25em; line-height: 1; font-weight: 300; letter-spacing: 0.18em;" class="vc_custom_heading mb-1 align-left text-uppercase heading-light">prices up to</h3>
<h4 style="font-size: 9.4375em; line-height: 0.95;" class="vc_custom_heading m-b-n-xs m-l-n-xs text-sale align-left heading-light">80%<small>OFF</small></h4>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Group Demo 6</title>
<identifier>footer_middle_group_demo6</identifier>
<content><![CDATA[<div class="row">
<div class="col-lg-12">
<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<style>
.flex-1 {
flex: 1;
}
@media(min-width: 768px){
.block.newsletter .form.subscribe {
margin-right: 1.5rem;
width: 84%;
}
}
</style>
<div class="row" style="padding-top: 5px;">
<div class="col-md-4">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 15px;margin-bottom: 13px;" class="vc_custom_heading widget-title align-left text-uppercase">Subscribe newsletter</h4>
<p class="vc_custom_heading align-left">Get all the latest information on Events, Sales and Offers. Sign up for newsletter today.</p>
</div>
</div>
<div class="col-md-8" style="margin-top: 8px;margin-bottom: 0px;">
<div class="wpb_wrapper vc_column-inner">
<div class="row align-items-center">
<div class="col-auto flex-1 col-md-6">
<div class="wpb_wrapper vc_column-inner">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
<div class="col-auto social-icons col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="widget follow-us m-0">
<div class="share-links">
<a href="#" target="_blank" title="Linkedin" class="share-instagram mr-3">Instagram</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter mr-3">Twitter</a>
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="widget contact-info">
<h3 class="widget-title">CONTACT INFO</h3>
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, England</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9">
<div id="block-widget-6" class="widget widget-block">
<div class="block">
<div class="porto-block">
<div class="row">
<div class="col-md-4">
<div class="wpb_wrapper vc_column-inner">
<h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">MY ACCOUNT</h4>
<div class="row">
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="My Account" href="#">My Account</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><a title="Order history" href="#">Order history</a></li>
<li><a title="Contact us" href="#">Advanced search</a></li>
<li><a title="Login" href="#">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widget-features col-md-5">
<div class="wpb_wrapper vc_column-inner">
<h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">MAIN FEATURES</h4>
<div class="row">
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Super Fast Wordpress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="wpb_wrapper vc_column-inner">
<h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">WORKING DAYS/HOURS</h4>
<div class="wpb_text_column wpb_content_element pull-left m-b-none">
<div class="wpb_wrapper">
<p><span style="letter-spacing: 0.26px;">Mon - Sun / 9:00AM - 8:00PM</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="row no-padding" style="margin-top: -3px;border-top: 1px solid #313438;padding-top: 22px">
<div class="mb-3 mb-lg-0 col-md-12 col-lg-5 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-0">
<div class="wpb_wrapper"><p class="my-0">© Porto Magento 2024. All Rights Reserved</p></div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-7">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left mb-0 section-copyright text-lg-right" style="margin-top: -1px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/footer/shop1_payment_logo.png"}}" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 7</title>
<identifier>banner_category_demo7</identifier>
<content><![CDATA[<div class="shop7_category_banner" style="padding-top: 3.7rem;padding-bottom: 3.7rem;background-color: #31363d;background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop7_shop_banner.jpg"}}');background-position: center;background-repeat: no-repeat;background-size: cover;">
<div class="porto-wrap-container container">
<div class="row">
<div class="py-md-4 col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ultimate-content-box-container d-md-inline-block mr-4 mb-4 mb-md-0">
<div class="porto-ultimate-content-box">
<h3 style="font-size: 2.625em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left heading-light">New Season Sale</h3>
<h3 style="font-size: 5.5em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">40% OFF</h3>
</div>
</div>
<div class="btn-container mb-0 d-inline-block" style="margin-left: -4px;border-left: 5px solid #fff;padding-left: 22px;">
<button class="btn btn-modern btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.porto-ultimate-content-box {
font-size: inherit;
}
.shop7_category_banner .vc_column-inner > div {
vertical-align: middle;
}
.shop7_category_banner {
font-size: 16px;
}
.shop7_category_banner .btn-modern {
font-family: Poppins;
font-weight: 700;
}
@media (max-width: 767px) {
.shop7_category_banner {
font-size: 12px;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Latest Post</title>
<identifier>footer_middle_latest_post</identifier>
<content><![CDATA[<div class="widget widget-recent-posts">
<h3 class="widget-title">Latest News</h3>
<div>
{{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="3" custom_template="recent_footer.phtml"}}
</div>
</div>
<style>
.post-item-small {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
*zoom: 1;
}
.post-item-small:first-child {
padding-top: 0;
border-top-width: 0;
}
.post-item-small {
border-top: 1px dotted #313438;
}
.post-item-small a {
font-weight: 700;
text-transform: none;
color: #fff;
}
.post-item-small .post-date {
font-size: .8em;
text-transform: uppercase;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 2</title>
<identifier>footer_middle_about_us_2</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<h3 class="widget-title">About Us</h3>
<a href="#"><img class="image" src='{{media url="logo/default/logo_ecomwhite.png"}}' alt="" width="202" height="80" /></a>
</div>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget"><p class="m-t-n">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Duis nec vestibulum magna, et dapibus lacus.</p></div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="share-facebook" data-original-title="Facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="share-x-twitter" data-original-title="Twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="share-linkedin" data-original-title="Linkedin">Linkedin</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 8</title>
<identifier>banner_category_demo8</identifier>
<content><![CDATA[<div class="container">
<div class="row background-color-primary overflow-hidden home-mid-banner no-padding">
<div class="col-auto flex-1 pl-2 py-3 col-md-4 d-flex align-items-center justify-content-end">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 1.3125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-160 align-left text-uppercase">Furniture & Garden</h4>
<h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading ls-25 mb-0 align-left text-uppercase heading-light">Huge Sale</h3>
</div>
</div>
<div class="col-auto px-2 px-lg-4 col-md-4">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 13em; line-height: 0.7; position: relative;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light">
50<small>%<ins>OFF</ins></small>
</h3>
</div>
</div>
<div class="col-auto flex-1 py-3 pl-lg-3 col-md-4 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div>
</div>
</div>
</div>
</div>
<style>
.home-mid-banner {
font-size: 1rem;
}
.big-number {
top: 0.0125em;
letter-spacing: -0.025em;
}
.big-number small {
font-size: 0.1413em !important;
font-weight: inherit;
letter-spacing: 0;
line-height: 1;
position: absolute;
top: 50%;
right: 1.62em;
text-align: center;
transform: translateY(-54%);
}
.big-number ins {
display: block;
text-decoration: none;
font-size: 50%;
text-transform: uppercase;
}
.ls-160 {
letter-spacing: 0.16em;
}
.ls-25 {
letter-spacing: 0.025em;
}
@media (max-width: 991px) {
.home-mid-banner {
font-size: 1.5vw;
}
.home-mid-banner .btn-modern.btn-lg {
font-size: 0.75rem;
}
}
@media (max-width: 480px) {
.home-mid-banner .btn-modern.btn-lg {
font-size: 8px;
}
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Service1</title>
<identifier>footer_middle_customer_service1</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Customer Service</h3>
<div class="textwidget">
<ul class="links">
<li><a href="about-us/">About Us</a></li>
<li><a href="contact-us/">Contact Us</a></li>
<li><a href="my-account/">My account</a></li>
<li><a href="order-tracking/">Orders history</a></li>
<li><a href="#">Advanced search</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Service12</title>
<identifier>footer_middle_customer_service12</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title"> </h3>
<div class="textwidget">
<ul class="features">
<li><a href="#">Super Fast Magento Theme</a></li>
<li><a href="#" target="_blank" rel="noopener">Top Rated Theme in Themeforest</a></li>
<li><a href="#">33 Unique Shop Demos</a></li>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info Basic</title>
<identifier>footer_middle_contact_info_basic</identifier>
<content><![CDATA[<div class="widget contact-info">
<h3 class="widget-title">Contact Info</h3>
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>Email:</strong> <span> <a href="mailto:[email protected]">[email protected]</a></span>
</li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 2</title>
<identifier>porto_custom_notice2</identifier>
<content><![CDATA[<div class="text-center position-relative py-3" style="padding-top: 10px;padding-bottom: 10px;">
<div class="container">Get Up to <b>40% OFF</b> New Furniture Deals <small>* Limited time only.</small></div>
</div>
<style>
.porto-block-html-top {
font-family: Poppins;
font-weight: 500;
font-size: .9286em;
line-height: 1.4;
letter-spacing: .025em;
overflow: hidden;
}
.porto-block-html-top a {
text-transform: uppercase;
display: inline-block;
padding: .4rem .5rem;
font-size: .625rem;
font-weight: 700;
background: #151719;
color: #fff;
text-decoration: none;
}
.porto-block-html-top small {
font-size: .8461em;
font-weight: 400;
opacity: .5;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 9</title>
<identifier>banner_category_demo9</identifier>
<content><![CDATA[<div
class="row category-banner porto-ibanner-layer position-static"
style="background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop9_shop_banner.jpg"}}');margin: 20px 0 0 0;padding: 58px 0 58px 5%;background-color: #e7e7e7;background-position: center;background-repeat: no-repeat;background-size: cover;">
<div class="col-auto col-md-6" style="padding: 15px;">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 1.2em; color: rgba(34, 37, 41, 0.7); line-height: 1.2; font-weight: 500; letter-spacing: 0.065em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h3>
<h2 style="font-size: 4.09em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase">Shoes Sale</h2>
</div>
</div>
<div class="col-auto m-t-n-xs col-md-6" style="padding: 15px;">
<div class="wpb_wrapper vc_column-inner">
<h5 style="font-size: 0.8125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mb-3 mr-2 align-left">STARTING AT</h5>
<h5 style="font-size: 0.8125em; line-height: 0.9; letter-spacing: -0.02em;margin-left: -4px;" class="vc_custom_heading coupon-sale-text m-b-md align-left heading-light">$<b>119</b>99</h5>
<div class="btn-container mb-0 text-left"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div>
</div>
</div>
</div>
<style>
.coupon-sale-text {
transform: none;
position: relative;
display: inline-block;
padding: 6px 10px 4px;
z-index: 1;
}
.coupon-sale-text:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: -1;
background: #ff7272;
transform: rotate(-2deg);
}
.coupon-sale-text b {
font-size: 200%;
vertical-align: text-top;
padding: 0;
}
.porto-ibanner-layer .btn-modern.btn-md {
font-size: .85em;
padding: 1em 3.25em;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features 2</title>
<identifier>footer_middle_main_features2</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Main Features</h3>
<div class="textwidget custom-html-widget">
<ul class="features">
<li><a href="#">Super Fast Magento Theme</a></li>
<li><a href="#">Top Rated Magento Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
<li><a href="#">Powerful Magento Features</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
<li><a href="#">Super Fast Magento Theme</a></li>
<li><a href="#">Top Rated Magento Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
<li><a href="#">Powerful Magento Features</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Custom Menu Block Header 7</title>
<identifier>custom_menu_block_header7</identifier>
<content><![CDATA[<div class="menu-custom-block">
<a href="#">Woman Shoes</a>
<a href="#">50% OFF FASHION</a>
<a target="_blank" href="#">Buy Porto!</a>
</div>
<style>
.menu-custom-block {
margin-left: -10px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.menu-custom-block a {
text-transform: uppercase;
font-family: Poppins,sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 24px;
color: #465157;
padding: 14px 16px 12px 0;
display: inline-block;
}
.menu-custom-block a:last-child {
padding-right: 0;
}
.menu-custom-block a:hover {
color: #d0205e;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 9</title>
<identifier>porto_custom_block_for_header_9</identifier>
<content><![CDATA[<div class="porto-sicon-box text-left mx-4 mb-0 d-none d-lg-flex d-sticky-header-none style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="height: 1em;color: #fff; font-size: 29px; display: inline-block;line-height:1;"><i class="porto-icon-phone-2"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 11px; line-height: 1.2; color: #fff;margin: 0 0 3px;">CALL US NOW</h3>
<p style="font-weight: 700; font-size: 18px; line-height: 0.9; color: #fff;">+123 5678 890</p>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 3</title>
<identifier>porto_custom_notice3</identifier>
<content><![CDATA[<div class="row top-bar no-padding" style="border-bottom: 1px solid #e7e7e7; padding: 11px 0;">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-carousel owl-carousel mb-0">
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">FREE SHIPPING & RETURN</h3></div>
</div>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-money"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">MONEY BACK GUARANTEE</h3></div>
</div>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-support"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">ONLINE SUPPORT 24/7</h3></div>
</div>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">SECURE PAYMENT</h3></div>
</div>
</div>
</div>
<style>
.top-bar .porto-carousel {
margin-right: -1px;
width: calc(100% + 1px);
}
.top-bar .porto-sicon-box {
margin-bottom: 0;
justify-content: center;
border-right: 1px solid #e7e7e7;
}
.top-bar .porto-sicon-default .porto-icon {
margin-right: 0.5rem;
}
</style>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".top-bar .owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: false,
navRewind: true,
lazyLoad: true,
margin: 0,
nav: false,
dots: false,
responsive: {
0: {
items: 1,
},
640: {
items: 2,
},
768: {
items: 3,
},
992: {
items: 4,
},
1200: {
items: 4,
},
},
});
});
</script>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Footer Top Custom Block</title>
<identifier>porto_footer_top_custom_block</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.footer-top .porto-block {
border-width: 1px 0;
border-style: solid;
border-color: #e7e7e7;
}
.footer-top .custom-block:before {
margin-bottom: 0;
border: none;
}
.footer-top .custom-block:after {
margin-top: 0;
border: none;
}
.bottom-ads .porto-sicon-header + .porto-sicon-description {
margin-top: 0.5rem;
}
.bottom-ads .left-icon .porto-sicon-left {
vertical-align: middle;
}
</style>
<div class="row bottom-ads" style="padding-top: 2rem;padding-bottom: 1rem;">
<div class="col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-3 style_1 left-icon">
<div class="porto-sicon-left">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: #f4f4f4; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
<i class="Simple-Line-Icons-earphones-alt"></i>
</div>
</div>
</div>
<div class="porto-sicon-body">
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">CUSTOMER SUPPORT</h3>
<p style="font-weight: 600; font-size: 14px; line-height: 1;">Need Assistence?</p>
</div>
<div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-3 style_1 left-icon">
<div class="porto-sicon-left">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: #f4f4f4; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
<i class="Simple-Line-Icons-credit-card"></i>
</div>
</div>
</div>
<div class="porto-sicon-body">
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">SECURED PAYMENT</h3>
<p style="font-weight: 600; font-size: 14px; line-height: 1;">Safe & Fast</p>
</div>
<div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-3 style_1 left-icon">
<div class="porto-sicon-left">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: #f4f4f4; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
<i class="Simple-Line-Icons-action-undo"></i>
</div>
</div>
</div>
<div class="porto-sicon-body">
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">RETURNS</h3>
<p style="font-weight: 600; font-size: 14px; line-height: 1;">Easy & Free</p>
</div>
<div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 10</title>
<identifier>banner_category_demo10</identifier>
<content><![CDATA[<div class="porto-block">
<style>
@media (min-width: 1440px) {
.home-mid-banner {
margin-top: 40px !important;
}
}
.porto-ibanner-layer {
position: absolute;
}
.coupon-sale-text {
transform: none;
}
.coupon-sale-text b {
display: inline-block;
position: relative;
color: #fff;
margin-right: 1em;
padding: 0;
font-size: inherit;
}
.coupon-sale-text b:before {
content: '';
position: absolute;
left: -.5em;
top: -.1em;
right: -.5em;
bottom: -.1em;
background: #222529;
z-index: -1;
transform: rotate(
-1.5deg
) skew(
1.5deg
);
}
.porto-ibanner-layer .btn-flat.btn-xl {
font-size: 1.125em;
}
</style>
<div class="no-padding porto-inner-container">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner home-mid-banner mb-0" style="background: #f4f4f4; min-height: 200px; margin-top: 20px;">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop10_home_banner.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer text-right" style="width: 64%; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<h4 style="font-size: 1.375em; line-height: 1;" class="vc_custom_heading mb-0 custom-font4 align-right heading-secondary">Sunglasses, Bags, Dresses and much more...</h4>
<h3 style="font-size: 1.85em; line-height: 1.5; letter-spacing: -0.02em;" class="vc_custom_heading coupon-sale-text my-2 align-right"><b>BIG SALE</b> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h3>
<div class="btn-container mb-0 text-right">
<button class="btn btn-flat btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 2</title>
<identifier>footer_middle_groups2</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<div class="row">
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 15px; line-height: 1.375;" class="vc_custom_heading mb-2 align-left text-uppercase">Subscribe Newsletter</h4>
<p class="vc_custom_heading mb-3 align-left">Get all the latest information on Events, Sales and Offers. Sign up for newsletter today.</p>
</div>
</div>
<div class="pb-3 vc_column_container col-md-6 d-flex align-items-center justify-content-end">
<div class="wpb_wrapper vc_column-inner flex-1">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-separator mt-3"><hr class="separator-line align_center solid" style="background-color: #e7e7e7; margin-bottom: 35px;" /></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-5">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 15px; margin-bottom: 10px;" class="vc_custom_heading align-left text-uppercase">Customer Service</h4>
<div class="vc_row wpb_row vc_inner row">
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-4">
<div class="wpb_wrapper">
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="My Account" href="#">My Account</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-4">
<div class="wpb_wrapper">
<ul>
<li><a title="Order history" href="#">Order history</a></li>
<li><a title="Contact us" href="#">Advanced search</a></li>
<li><a title="Login" href="#">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-7">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 15px; margin-bottom: 10px;" class="vc_custom_heading align-left text-uppercase">About Us</h4>
<div class="row">
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-4">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Super Fast Wordpress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-4">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 10</title>
<identifier>porto_footer_bottom_custom_block_10</identifier>
<content><![CDATA[<img class="bottom-payment-icons" src="{{media url="wysiwyg/smartwave/porto/footer/shop10_payment.png"}}" alt="" />
<style>
@media(min-width:768px) {
.bottom-payment-icons {
display:block;
float: right;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 10</title>
<identifier>porto_custom_block_for_header_10</identifier>
<content><![CDATA[<div class="side-bottom">
<div class="header-contact">
<h6 class="mb-0" style="font-size: 11px; color: #777; line-height: 1;">CALL US NOW</h6>
+123 456 7890
</div>
<div class="share-links">
<a target="_blank" rel="nofollow" class="share-facebook" href="#" title="Facebook"></a>
<a target="_blank" rel="nofollow" class="share-x-twitter" href="#" title="Twitter"></a>
<a target="_blank" rel="nofollow" class="share-instagram" href="#" title="Instagram"></a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 11</title>
<identifier>banner_category_demo11</identifier>
<content><![CDATA[<div class="porto-block">
<div style='padding-top: 4rem;padding-bottom: 4rem;background: #222529 url({{media url="wysiwyg/smartwave/porto/category/banner/shop11_shop_banner.jpg"}}) center no-repeat; background-size: cover;' class="row no-padding">
<div class="col-md-8 offset-lg-3 col-lg-6 offset-md-2">
<div class="wpb_wrapper vc_column-inner">
<div class="row justify-content-center align-items-center">
<div class="col-auto p-4 mx-2 col-md-6">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 2.5rem; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left heading-light">New Season Sale</h2>
<h3 style="font-size: 5.5rem; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">40% OFF</h3>
</div>
</div>
<div class="col-auto px-4 col-md-6" style="border-left: 4px solid #fff;">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 mx-2 d-inline-block">
<button class="btn btn-modern btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 11</title>
<identifier>porto_footer_bottom_custom_block_11</identifier>
<content><![CDATA[<div class="widget follow-us">
<div class="share-links disable-br">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 3</title>
<identifier>footer_middle_groups3</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="row">
<div class="col-md-5 col-lg-3" style="margin-bottom: 20px;">
<div class="wpb_wrapper vc_column-inner">
<h3 style="margin-top: 0px; margin-bottom: 25px;" class="widget-title">CONTACT INFO</h3>
<div class="porto-sicon-box style_1 default-icon" style="border-bottom: 1px solid #2c2f33;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="Simple-Line-Icons-direction"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; line-height: 20px; color: #ffffff;">ADDRESS</h3>
<p style="font-size: 13px; line-height: 20px; color: #a8a8a8;">123 Street Name, City, England</p>
</div>
</div>
<div class="porto-sicon-box style_1 default-icon" style="border-bottom: 1px solid #2c2f33;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="Simple-Line-Icons-phone"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; line-height: 20px; color: #ffffff;">PHONE</h3>
<p style="font-size: 13px; line-height: 20px; color: #a8a8a8;">Toll Free (123) 456-7890</p>
</div>
</div>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="Simple-Line-Icons-envelope"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; line-height: 20px; color: #ffffff;">EMAIL</h3>
<p style="font-size: 13px; line-height: 20px; color: #a8a8a8;">[email protected]</p>
</div>
</div>
</div>
</div>
<div class="col-md-7 offset-lg-1 col-lg-8">
<div class="wpb_wrapper vc_column-inner">
<div class="row">
<div class="col-sm-5 col-md-5 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="margin-bottom: 20px;" class="widget-title">ACCOUNT</h3>
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><i class="fa fa-caret-right"></i> <a title="About us" href="#">About us</a></li>
<li><i class="fa fa-caret-right"></i> <a title="Contact Us" href="#">Contact us</a></li>
<li><i class="fa fa-caret-right"></i> <a title="My Account" href="#">My Account</a></li>
<li><i class="fa fa-caret-right"></i> <a title="Order History" href="#">Order History</a></li>
<li><i class="fa fa-caret-right"></i> <a title="Advanced Search" href="#">Advanced Search</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-7 col-md-7 col-lg-4">
<div class="wpb_wrapper vc_column-inner">
<h3 style="margin-bottom: 20px;" class="widget-title">MAIN FEATURES</h3>
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><i class="fa fa-caret-right"></i> <a title="Super Fast Wordpress Theme" href="#">Super Fast Magento Theme</a></li>
<li><i class="fa fa-caret-right"></i> <a title="1st Fully Working Ajax Theme" href="#">1st Fully Working Ajax Theme</a></li>
<li><i class="fa fa-caret-right"></i> <a title="16 Unique Shop Layouts" href="#">36 Unique Shop Layouts</a></li>
<li><i class="fa fa-caret-right"></i> <a title="Powerful Admin Panel" href="#">Powerful Admin Panel</a></li>
<li><i class="fa fa-caret-right"></i> <a title="Mobile & Retina Optimized" href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-5">
<div class="wpb_wrapper vc_column-inner">
<h3 style="margin-bottom: 20px;" class="widget-title">NEWSLETTER</h3>
<div class="wpb_text_column wpb_content_element pull-left">
<div class="wpb_wrapper">
<p style="margin-bottom: 1.5rem; line-height: 25px;">
Get all the latest information on Events,<br />
Sales and Offers. Sign up for newsletter today.
</p>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 12</title>
<identifier>banner_category_demo12</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.container .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.col-auto > .vc_column-inner {
display: inline-block;
width: auto;
}
.shop-banner .btn-modern.btn-lg {
font-size: 0.84375em;
padding: 1.5em 4.75em;
}
.porto-ibanner-layer {
position: absolute;
z-index: 10;
}
.coupon-sale-text {
padding: .2em .4em;
position: relative;
transform: rotate(
-1.5deg
);
letter-spacing: 0;
}
.coupon-sale-text {
padding: .2em .4em;
position: relative;
transform: rotate(
-1.5deg
);
}
.coupon-sale-text i {
font-style: normal;
position: absolute;
left: -2.25em;
top: 50%;
transform: translateY(-50%) rotate(
-90deg
);
font-size: .4em;
opacity: .6;
letter-spacing: 0;
}
.coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub {
color: #222529;
}
.coupon-sale-text sub {
position: absolute;
left: 100%;
margin-left: .25rem;
bottom: .3em;
font-size: 70%;
line-height: 1;
}
</style>
<div class="row shop-banner mb-0">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-0"
style="background: rgb(244, 244, 244) url({{media url="wysiwyg/smartwave/porto/category/banner/shop12_shop_banner.jpg"}}) no-repeat center; background-attachment: fixed; min-height: 300px; position: relative; overflow: hidden;">
<div class="porto-ibanner-desc no-padding d-flex">
<div class="container">
<div class="porto-ibanner-container">
<div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<div class="row align-items-center justify-content-center mx-0">
<div class="porto-wrap-container container">
<div class="row">
<div class="mb-4 mb-md-0 col-md-5">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 2.375em; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-0 text-md-right text-uppercase">
Top Fashion<br />
Deals
</h3>
</div>
</div>
<div class="mb-4 mb-md-0 col-md-3">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-dark">View Sale</button></div>
</div>
</div>
<div class="col-auto col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div style="font-size: 1.2em; line-height: 1.8; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-dark mb-2 text-md-left heading-light">Exclusive COUPON</div>
<div style="font-size: 1.75em; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block heading-light">
<i>UP TO</i>$100<sub>OFF</sub>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 13</title>
<identifier>banner_category_demo13</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.ls-80 {
letter-spacing: 0.08em;
}
body .shop-banner strong {
font-size: 1.8em;
vertical-align: text-top;
font-weight: 700;
line-height: 1;
}
.shop-banner .btn-modern {
padding: 1.05em 2.95em;
font-size: 0.9875rem;
}
.align-text-top {
vertical-align: text-top!important;
}
@media (max-width: 575px) {
body .shop-banner {
font-size: 80%;
}
}
</style>
<div class="shop-banner"
style="padding-top: 3.95rem;
padding-bottom: 3.95rem;
background-color: #ee3d43;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop13_shop_banner.jpg"}}');">
<div class="porto-wrap-container container">
<div class="row">
<div class="vc_column_container col-md-10 offset-xl-1 offset-lg-1 offset-md-1 offset-1">
<div class="wpb_wrapper vc_column-inner">
<h5 style="font-size: 1.3735em; color: rgba(255, 255, 255, 0.7); line-height: 1.4; font-weight: 500;" class="vc_custom_heading mb-2 ls-80 align-left text-uppercase">OVER 200 PRODUCTS WITH DISCOUNTS</h5>
<h2 style="font-size: 4.7143em; color: #ffffff; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 m-l-n-xs align-left text-uppercase">Great Deals</h2>
<h3 style="font-size: 1.2em; color: #ffffff; line-height: 1; margin-right: 2.19rem;" class="vc_custom_heading d-inline-block align-left text-uppercase">starting at $<strong>299</strong>99</h3>
<div class="btn-container align-text-top mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">get Yours!</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 3</title>
<identifier>porto_custom_block_for_header_3</identifier>
<content><![CDATA[<div class="custom-html mx-4 px-xl-2 d-none d-lg-block">
<div class="porto-sicon-box text-left style_1 default-icon m-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-sicon-img" style="display: inline-block; font-size: 30px;">
<img class="img-icon d-block" alt="" src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_header_phone.png"}}" width="30" />
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight:600;font-size:11px;line-height:11px;color:#777;">CALL US NOW</h3>
<p style="font-weight:700;font-size:18px;line-height:18px;color:#222529;">+123 5678 890</p>
</div>
</div>
</div>
<style>
.page-header .porto-sicon-box .porto-sicon-img {
margin-right: 8px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 4</title>
<identifier>porto_custom_notice4</identifier>
<content><![CDATA[<div class="text-center position-relative p-t-sm p-b-sm" style="padding-top: 10px;padding-bottom: 10px;"><div class="container">Get Up to <b>40% OFF</b> New-Season Styles<a href="#" class="ml-2">Men</a><a href="#" class="mx-2">Women</a> <small>* Limited time only.</small></div></div>
<style>
.porto-block-html-top {
font-family: Poppins;
font-weight: 500;
line-height: 1.4;
letter-spacing: .025em;
overflow: hidden;
}
.porto-block-html-top a {
text-transform: uppercase;
display: inline-block;
padding: .4rem .5rem;
font-size: .625rem;
font-weight: 700;
background: #d01f25;
color: #fff;
text-decoration: none;
}
.porto-block-html-top small {
font-size: .8461em;
font-weight: 400;
opacity: .5;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 14</title>
<identifier>banner_category_demo14</identifier>
<content><![CDATA[<style>
.coupon-sale-text {
transform: rotate(-2deg);
letter-spacing: -0.02em;
font-weight: 700;
display: inline-block;
padding: 4px 8px;
position: relative;
}
.coupon-sale-text i {
font-style: normal;
position: absolute;
left: -2.25em;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
font-size: 0.4em;
opacity: 0.6;
letter-spacing: 0;
}
.coupon-sale-text b {
color: #fff;
padding: 0;
font-size: inherit;
}
.coupon-sale-text sub {
position: absolute;
left: 100%;
margin-left: 0.25rem;
font-size: 0.625em;
line-height: 1;
bottom: 0.25em;
}
</style>
<div class="porto-block">
<div style="padding-top: 6.25rem; padding-bottom: 6.25rem; background-color: #f4f4f4; background: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop14_shop_banner.png"}}') no-repeat center;">
<div class="container">
<div class="row align-items-center">
<div class="mb-4 mb-md-0 col-md-5 offset-lg-1 col-lg-4">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 2.25rem; line-height: 1.2;" class="vc_custom_heading d-inline-block mb-0 align-right text-uppercase">
Top electronic<br />
Deals
</h2>
</div>
</div>
<div class="mb-4 mb-md-0 col-md-3">
<div class="wpb_wrapper vc_column-inner">
<div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-primary">View Sale</button></div>
</div>
</div>
<div class="ml-lg-n-4 col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div style="font-size: 1.125rem; line-height: 1.8;" class="vc_custom_heading coupon-sale-text background-color-dark d-inline-block mb-2 align-left heading-light">Exclusive COUPON</div>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div style="font-size: 1.625rem; line-height: 1;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 5</title>
<identifier>porto_custom_notice5</identifier>
<content><![CDATA[<div class="text-center position-relative py-3">
<div class="container">Get Up to <b>40% OFF</b> New-Season Styles <small>* Limited time only.</small></div>
</div>
<style>
.porto-block-html-top {
font-family: Poppins;
font-weight: 500;
font-size: .9286em;
line-height: 1.3;
letter-spacing: .025em;
overflow: hidden;
}
.porto-block-html-top a {
text-transform: uppercase;
display: inline-block;
padding: .4rem .5rem;
font-size: .625rem;
font-weight: 700;
background: #151719;
color: #fff;
text-decoration: none;
}
.porto-block-html-top small {
font-size: .8461em;
font-weight: 400;
opacity: .5;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 15</title>
<identifier>banner_category_demo15</identifier>
<content><![CDATA[<style>
.category-banner .text-sale small {
display: inline-block;
font-size: 27%;
word-break: break-all;
width: 1em;
text-align: center;
font-weight: inherit;
white-space: normal;
}
.m-l-n-sm {
margin-left: -10px!important;
}
</style>
<div class="porto-block">
<div class="container">
<div
class="row porto-ibanner-layer position-static category-banner no-padding"
style="
margin-top: 20px;
padding-top: 2.375rem;
padding-bottom: 2.375rem;
padding-left: 13%;
background-color: #fa9f83;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop15_home_banner4.jpg"}}');
">
<div class="vc_column_container col-md-12 col-12">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 1.75em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-2 pb-1 custom-font4 pt-2 align-left">Outlet Selected Items</h3>
<h3 style="font-size: 2.625em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">big sale up to</h3>
<h4 style="font-size: 9em; line-height: 0.95;" class="vc_custom_heading text-sale m-l-n-sm mb-0 align-left heading-light">80%<small>OFF</small></h4>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 4</title>
<identifier>footer_middle_groups4</identifier>
<content><![CDATA[<style>
.footer-middle > .container {
padding-bottom: 10px;
}
.footer-middle .widget_media_image {
margin-bottom: 20px;
}
.footer-middle .widget,.footer .widget + .widget {
margin-top: 0;
}
.footer-middle .contact-info {
margin-bottom: 10px;
}
.footer-middle .contact-details {
display: flex;
flex-wrap: wrap;
}
.footer-middle .contact-details li {
flex: 0 0 50%;
max-width: 50%;
padding-right: 1em;
}
.footer .contact-info .contact-details strong {
text-transform: uppercase;
}
.footer-middle .small-list.products-grid .product-items {
font-size: 1em;
}
.footer-middle .small-list.products-grid .product-items .product-item {
padding: 10px 0;
}
.footer-middle .small-list.products-grid .product-items .product-item-details a,
.footer-middle .small-list.products-grid .product-items .price,
.footer-middle .small-list.products-grid .product-items .product-item-details .old-price{
color: #fff;
}
.footer-middle .product-item .rating-summary .rating-result:before {
color: #6a6a6d;
}
.footer .footer-middle .col-lg-12 .col-lg-12:before {
content: '';
display: block;
position: static;
margin: 10px 0 40px;
border-top: 1px solid #36393d;
}
</style>
<div class="row">
<div class="col-lg-5">
<div class="widget widget_media_image">
<h3 class="widget-title">About Us</h3>
<a href="#"><img class="image" src="{{media url="logo/default/logo_ecomwhite.png"}}" alt="" width="202" height="80" /></a>
</div>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. <a href="#" class="text-color-light font-weight-bold" style="text-decoration: underline;">read more...</a></p>
</div>
</div>
<div class="widget contact-info">
<h3 class="widget-title">Contact Info</h3>
<div class="contact-info">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, Country</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
<li><i class="far fa-clock"></i> <strong>Working Days/Hours:</strong> <span>Mon - Sun / 9:00 AM - 8:00 PM</span></li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="widget widget_products">
<h3 class="widget-title">Featured Products</h3>
{{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="90" image_height="90" template="small_list.phtml"}}
</div>
</div>
<div class="col-lg-4">
<div class="widget twitter-tweets">
<h3 class="widget-title">Twitter Feeds</h3>
<div class="tweets-box">
<a class="twitter-timeline" href="//twitter.com/twitterdev" data-widget-id="362597660089274368" data-screen-name="eternalfriend38" data-theme="dark" height="200">Tweets by @eternalfriend38</a>
<script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="row">
<div class="col-lg-5 mb-4 mb-lg-0">
<div class="row">
<div class="col-sm-6">
<h4 class="widget-title">CUSTOMER SERVICE</h4>
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="My Account" href="#">My Account</a></li>
</ul>
</div>
<div class="col-sm-6">
<h4 class="widget-title d-none d-sm-block"> </h4>
<ul>
<li><a title="Order history" href="#">Order history</a></li>
<li><a title="Contact us" href="#">Advanced search</a></li>
<li><a title="Login" href="#">Login</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-sm-6">
<h4 class="widget-title">Main Features</h4>
<ul>
<li><a href="#">Super Fast Wordpress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
<div class="col-sm-6">
<h4 class="widget-title d-none d-sm-block"> </h4>
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 7</title>
<identifier>porto_custom_block_for_header_7</identifier>
<content><![CDATA[<ul class="top-custom-links">
<li class="menu-item"><a href="{{store url="categories.html"}}">Shop</a></li>
<li class="menu-item"><a href="{{store url="blog"}}">Blog</a></li>
<li class="menu-item"><a href="{{store url="about-porto2"}}">About Us</a></li>
<li class="menu-item"><a href="{{store url="wishlist"}}">Wishlist</a></li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 5</title>
<identifier>footer_middle_groups5</identifier>
<content><![CDATA[<style>
.footer-middle > .container {
padding-bottom: 10px;
}
.footer-middle .widget_media_image {
margin-bottom: 20px;
}
.footer-middle .widget,.footer .widget + .widget {
margin-top: 0;
}
.footer-middle .contact-info {
margin-bottom: 10px;
}
.footer-middle .contact-details {
display: flex;
flex-wrap: wrap;
}
.footer-middle .contact-details li {
flex: 0 0 50%;
max-width: 50%;
padding-right: 1em;
}
.footer .contact-info .contact-details strong {
text-transform: uppercase;
}
.footer-middle .small-list.products-grid .product-items {
font-size: 1em;
}
.footer-middle .small-list.products-grid .product-items .product-item {
padding: 10px 0;
}
.footer .footer-middle .col-lg-12 .col-lg-12:before {
content: '';
display: block;
position: static;
margin: 10px 0 40px;
border-top: 1px solid #cecdca;
}
</style>
<div class="row">
<div class="col-lg-5">
<div class="widget widget_media_image">
<h3 class="widget-title">About Us</h3>
<a href="#"><img class="image" src="{{media url="logo/default/logo_ecomblack_lg.png"}}" alt="" width="202" height="80" /></a>
</div>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. <a href="#" class="text-color-dark font-weight-bold" style="text-decoration: underline;">read more...</a></p>
</div>
</div>
<div class="widget contact-info">
<h3 class="widget-title">Contact Info</h3>
<div class="contact-info">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, Country</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
<li><i class="far fa-clock"></i> <strong>Working Days/Hours:</strong> <span>Mon - Sun / 9:00 AM - 8:00 PM</span></li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="widget widget_products">
<h3 class="widget-title">Featured Products</h3>
{{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="90" image_height="90" template="small_list.phtml"}}
</div>
</div>
<div class="col-lg-4">
<div class="widget twitter-tweets">
<h3 class="widget-title">Twitter Feeds</h3>
<div class="tweets-box">
<a class="twitter-timeline" href="//twitter.com/twitterdev" data-widget-id="362597660089274368" data-screen-name="eternalfriend38" data-theme="dark" height="200">Tweets by @eternalfriend38</a>
<script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="row">
<div class="col-lg-5 mb-4 mb-lg-0">
<div class="row">
<div class="col-sm-6">
<h4 class="widget-title">CUSTOMER SERVICE</h4>
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="My Account" href="#">My Account</a></li>
</ul>
</div>
<div class="col-sm-6">
<h4 class="widget-title d-none d-sm-block"> </h4>
<ul>
<li><a title="Order history" href="#">Order history</a></li>
<li><a title="Contact us" href="#">Advanced search</a></li>
<li><a title="Login" href="#">Login</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-sm-6">
<h4 class="widget-title">Main Features</h4>
<ul>
<li><a href="#">Super Fast Wordpress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
<div class="col-sm-6">
<h4 class="widget-title d-none d-sm-block"> </h4>
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 16</title>
<identifier>banner_category_demo16</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.porto-ibanner-layer {
position: absolute;
z-index: 10;
}
.category-banner .text-sale {
white-space: nowrap;
}
.category-banner .text-sale small {
display: inline-block !important;
font-size: 27% !important;
word-break: break-all;
width: 1em;
text-align: center;
font-weight: inherit;
white-space: normal;
}
@media (max-width: 767px) {
.category-banner .porto-ibanner-layer {
font-size: 10px;
}
}
@media (max-width: 575px) {
.category-banner .porto-ibanner-layer {
font-size: 8px;
}
}
@media (max-width: 480px) {
.category-banner .porto-ibanner-layer {
font-size: 6px;
}
}
</style>
<div class="row category-banner no-padding">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-0" style="min-height: 300px;background-color: #0088cc;">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop16_shop_banner.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="container">
<div class="porto-ibanner-container">
<div class="porto-ibanner-layer" style="left: 0%; top: 50%; transform: translateY(-50%);padding-top: 0.5em;">
<h4 style="font-size: 2.375em; line-height: 1; font-weight: 400;" class="vc_custom_heading mb-1 custom-font4 align-left heading-light">Summer Trends</h4>
<h3 style="font-size: 8.75em; line-height: 1; letter-spacing: 0.02em;" class="vc_custom_heading mb-0 m-l-n-xs align-left text-uppercase heading-light">sale</h3>
</div>
<div class="porto-ibanner-layer" style="right: 0%; top: 50%; transform: translateY(-50%);padding-top: 0.5em">
<h4 style="font-size: 1.25em; line-height: 1; font-weight: 300; letter-spacing: 0.18em;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">prices up to</h4>
<h3 style="font-size: 9.4425em; line-height: 1; letter-spacing: 0.02em;" class="vc_custom_heading mb-0 text-sale m-l-n-sm align-left text-uppercase heading-light">80%<small>OFF</small></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 17</title>
<identifier>banner_category_demo17</identifier>
<content><![CDATA[<style>
.porto-ibanner-layer {
position: absolute;
z-index: 10;
}
.coupon-sale-text {
position: relative;
padding-left: .265em;
transform: none;
letter-spacing: 0;
}
.coupon-sale-text i {
font-style: normal;
font-size: .265em;
font-weight: 500;
transform: translateY(-50%) rotate(
-90deg
);
position: absolute;
top: 50%;
left: -1em;
}
html .btn-flat.btn-xl {
font-size: 1.125em!important;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-0" style="background: #c0bec0; min-height: 200px;">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop17_shop_banner.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);">
<h3 style="font-size: 2.5625em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-left">New Hot Cosmetics</h3>
<h3 style="font-size: 5.75em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-1 align-left"><i>UP TO</i>50% OFF</h3>
<div class="btn-container mb-0 d-inline-block">
<button class="btn btn-flat btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features 3</title>
<identifier>footer_middle_main_features3</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Features</h3>
<div class="textwidget custom-html-widget">
<ul>
<li><a href="#">Super Fast Magento Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 4</title>
<identifier>footer_middle_about_us_4</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">About</h3>
<div class="textwidget">
<ul>
<li><a title="About us" href="#">About Porto</a></li>
<li><a href="#">Our Guarantees</a></li>
<li><a href="#">Terms And Conditions</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Intellectual Property Claims</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle My Account 2</title>
<identifier>footer_middle_my_account_2</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">My Account</h3>
<div class="textwidget custom-html-widget">
<ul>
<li><a href="#">My Account</a></li>
<li><a href="#">Track Your Order</a></li>
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Shipping Guide</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Product Support</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 3</title>
<identifier>footer_middle_about_us_3</identifier>
<content><![CDATA[<style>
.footer-middle .col-lg-5 {
display: flex;
flex-wrap: wrap;
}
.footer-middle .col-lg-5 .widget {
margin-top: 0;
margin-bottom: 25px;
}
.footer-middle .col-lg-5 .widget.follow-us {
margin-top: 1rem;
}
.footer-middle .col-lg-5 h4 {
font-size: 1.375rem;
margin-right: 20px;
padding-right: 30px;
border-right: 1px solid #e7e7e7;
}
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
border-radius: 0;
border: none;
box-shadow: none;
font-size: 1.125rem;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #222529;
}
</style>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<a href="#"><img class="mb-3 d-block" src='{{media url="logo/default/logo_ecomblack_lg.png"}}' alt="" width="111" height="44" /></a>
<p class="my-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Praesent pulvinar feugiat quam, vitae aliquam.
</p>
</div>
</div>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<h6 class="text-uppercase mb-0">Questions</h6>
<h4 class="mb-0 pt-1">1-888-123-456</h4>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 2</title>
<identifier>footer_top_block2</identifier>
<content><![CDATA[<style>
.footer-top > .container {max-width: 100%;padding:0;}
.photo-instagrams .col-xl-2 {
max-width: 11.1111%;
flex: 0 0 11.1111%;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media(max-width: 767px){
.photo-instagrams .col-xl-2 {
max-width: 33.33%;
flex: 0 0 33.33%;
}
}
@media(max-width: 575px){
.photo-instagrams .col-xl-2 {
max-width: 50%;
flex: 0 0 50%;
}
}
</style>
<div class="widget widget-block">
<div class="porto-block">
<div class="row section section-parallax mt-0 mb-0 section-no-borders" style="padding-bottom: 10px;">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 1.375rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1">From Our Instagram</h2>
<h5 style="font-size: 0.8125rem; color: rgba(119, 119, 119, 0.7); line-height: 1.4; text-align: center; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-4 pb-lg-2">@portoecommerce</h5>
{{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="10px" template="Smartwave_SocialFeed::instagramphotos.phtml"}}
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 3</title>
<identifier>footer_top_block3</identifier>
<content><![CDATA[<style>
.text-md {
font-size: 1rem!important;
}
</style>
<div class="widget widget_text">
<div class="textwidget">
<div class="d-md-flex align-items-center">
<div class="mr-md-5 my-3">
<h4 class="widget-title text-md mb-0 text-color-light" style="text-transform: uppercase;">Subscribe newsletter</h4>
<p class="mb-0">Get all the latest information on Events, Sales and Offers.</p>
</div>
<div class="d-flex my-3">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 5</title>
<identifier>footer_middle_about_us_5</identifier>
<content><![CDATA[<div class="widget widget_text">
<div class="textwidget">
<p class="mb-4">
<a href="/"><img src="{{media url="logo/default/logo_ecomwhite_lg.png"}}" alt="" width="111" height="44" style="display:block;" /></a>
</p>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipis.</p>
<h6 class="text-uppercase mb-0">questions?</h6>
<h4 class="text-xl">1-888-123-456</h4>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle My Account 3</title>
<identifier>footer_middle_my_account_3</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Account</h3>
<div class="textwidget custom-html-widget">
<div class="row">
<div class="col-md-6">
<ul class="links">
<li><a title="About us" href="about-us/">About us</a></li>
<li><a title="Contact Us" href="contact-us/">Contact us</a></li>
<li><a title="My Account" href="my-account/">My Account</a></li>
<li><a href="#">Payment Methods</a></li>
</ul>
</div>
<div class="col-md-6">
<ul class="links">
<li><a title="Order history" href="my-account/orders/">Order history</a></li>
<li><a title="Search" href="#">Advanced search</a></li>
<li><a title="Login" href="my-account/">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 6</title>
<identifier>footer_middle_about_us_6</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">About</h3>
<div class="textwidget custom-html-widget">
<div class="row">
<div class="col-md-6">
<ul class="links">
<li><a href="#">About Porto</a></li>
<li><a href="#">Our Guarantees</a></li>
<li><a href="#">Terms And Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-6">
<ul class="links">
<li><a href="#">Return Policy</a></li>
<li><a href="#">Intellectual Property Claims</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features 4</title>
<identifier>footer_middle_main_features4</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Features</h3>
<div class="textwidget custom-html-widget">
<ul class="links">
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
<li><a href="#">Super Fast WordPress Theme</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 18</title>
<identifier>banner_category_demo18</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.porto-ibanner-layer {
position: absolute;
z-index: 10;
}
.porto-ibanner .btn-modern.btn-md {
font-size: .75em;
padding: 1.3em 3.25em;
}
.ls-200>.btn {
letter-spacing: .2em;
}
</style>
<div class="container">
<div class="row m-t-md">
<div class="col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-3 mb-lg-0" style="background: #ffffff; min-height: 150px;">
<img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner1.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);">
<h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h4>
<h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left">20% OFF</h5>
</div>
<div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);">
<div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-dark">SHOP NOW</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-0" style="background: #222529; min-height: 150px;">
<img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner2.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);">
<h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left heading-light">Flash Sale</h4>
<h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">30% OFF</h5>
</div>
<div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);">
<div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-light">SHOP NOW</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 6</title>
<identifier>porto_custom_notice6</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.top-bar {color:#777;}
.top-bar * {
letter-spacing: -0.02em;
}
.top-bar b {
color: #222529;
}
.top-bar .d-inline-block {
vertical-align: middle;
}
.coupon-sale-text {
position: relative;
padding-left: 0.265em;
transform: none;
}
.coupon-sale-text b {
display: block;
padding: 8px 10px;
transform: rotate(-1.5deg);
background-color: #222529;
color: #fff !important;
font-size: inherit;
}
</style>
<div class="top-bar" style="padding-top: 12px; padding-bottom: 4px; background-color: #f4f4f4;">
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-7">
<div class="wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap">
<h5 style="font-size: 1.125rem; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-2 d-inline-block mr-3 align-left heading-light"><b>10% OFF</b></h5>
<div class="porto-u-heading mb-2 d-inline-block" style="text-align: left;">
<div class="porto-u-main-heading">
<h4 style="font-weight: 500; color: #777777; font-size: 18px; line-height: 1;margin:0;padding: 0;">Use <b>PORTO10</b> Coupon Code</h4>
</div>
<div class="porto-u-sub-heading" style="font-weight: 500; font-size: 11px; line-height: 17px;">* Minimal Purchase Price</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-5">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-u-heading mb-2 text-left text-lg-right" style="text-align: right;">
<div class="porto-u-main-heading"><h4 style="font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.01em;margin: 0;padding: 0;">FREE NEXT DAY DELIVERY*</h4></div>
<div class="porto-u-sub-heading" style="font-weight: 500; font-size: 11px; line-height: 1.2;">* On Business Days - On Orders Over $25</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 7</title>
<identifier>porto_custom_notice7</identifier>
<content><![CDATA[<div class="py-3">
<h5 class="container text-center mb-0 text-color-light font-weight-medium">Get 10% extra OFF on Porto Summer Sale - Use <strong>PORTOSUMMER</strong> coupon - <a href="#" class="font-weight-bold text-color-light">Shop Now!</a></h5>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 19</title>
<identifier>banner_category_demo19</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.shop-banner .container {
max-width: 1180px;
padding: 0;
}
.porto-ibanner-layer {
position: absolute;
}
.col-auto {
flex: 0 0 auto;
max-width: none;
}
.col-auto > .vc_column-inner {
display: inline-block;
width: auto;
}
.banner-container .container,
body.wide .container .container {
max-width: 1180px;
}
.coupon-sale-text {
padding: 0.175em 0.3em;
position: relative;
transform: rotate(-1.5deg);
white-space: nowrap;
letter-spacing: 0;
}
.coupon-sale-text i {
font-style: normal;
position: absolute;
left: -2.25em;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
font-size: 0.4em;
opacity: 0.6;
letter-spacing: 0;
}
.coupon-sale-text sub {
position: absolute;
left: 100%;
margin-left: 0.25rem;
bottom: 0.3em;
font-size: 70%;
line-height: 1;
}
.coupon-sale-text.heading-light i,
.coupon-sale-text.heading-light sub {
color: #222529;
}
</style>
<div class="container-banner">
<div class="row shop-banner mb-0">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 250px;">
<img src='{{media url="wysiwyg/smartwave/porto/category/banner/shop19_shop_banner.jpg"}}' />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<div class="vc_row wpb_row vc_inner row align-items-center justify-content-center justify-content-md-start mx-0">
<div class="container">
<div class="row">
<div class="mb-4 mb-md-0 col-md-4 col-xl-5">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 1.975em; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-0 text-md-right text-uppercase">
Top Electronic<br />
Deals
</h3>
</div>
</div>
<div class="mb-4 mb-md-0 col-md-4 col-xl-2">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-dark">View Sale</button></div>
</div>
</div>
<div class="col-auto col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div style="font-size: 1em; line-height: 1.8; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-dark mb-2 text-md-left heading-light">Exclusive COUPON</div>
<div style="font-size: 1.4em; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block heading-light">
<i>UP TO</i>$100<sub>OFF</sub>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top</title>
<identifier>porto_custom_block_for_header_top</identifier>
<content><![CDATA[<span class="gap">|</span>
<div class="share-links">
<a target="_blank" rel="nofollow" class="share-facebook" href="#" title="Facebook"></a>
<a target="_blank" rel="nofollow" class="share-x-twitter" href="#" title="Twitter"></a>
<a target="_blank" rel="nofollow" class="share-instagram" href="#" title="Instagram"></a>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 4</title>
<identifier>porto_custom_block_for_header_top4</identifier>
<content><![CDATA[<div class="custom-top-html">
<style>
.main-panel-top .top-custom-links {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
list-style: none;
display: flex;
align-items: center;
padding: 0;
}
.main-panel-top .top-custom-links li.menu-item>a {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 14px;
padding-right: 14px;
color: inherit;
letter-spacing: .025em;
}
</style>
<ul class="top-custom-links">
<li class="menu-item"><a href="{{store url="about-us"}}">About Us</a></li>
<li class="menu-item"><a href="{{store url="contact"}}">Contact Us</a></li>
<li class="menu-item"><a href="{{store url="customer/account/login/"}}">Log In</a></li>
</ul>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 8</title>
<identifier>porto_custom_notice8</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.porto-block-html-top .porto-sicon-default .porto-icon {
margin-right: .5rem;
}
.porto-sicon-box .porto-just-icon-wrapper {
line-height: 1em;
}
</style>
<div class="row no-padding" style="background-color: #333333;">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="notice-carousel porto-carousel owl-carousel mb-0">
<div class="porto-sicon-box mb-0 style_1 default-icon d-flex justify-content-center" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">Free Shipping on Orders Over $99</h3></div>
</div>
<div class="porto-sicon-box mb-0 background-color-dark style_1 default-icon d-flex justify-content-center" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div id="porto-icon-1442749442605b3b1cade53" class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-money"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">Up to 40% OFF on Selected Items</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon d-flex justify-content-center" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div id="porto-icon-1702764150605b3b1cadfd1" class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">100% Secure Payment</h3></div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".notice-carousel.owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: false,
navRewind: true,
lazyLoad: true,
margin: 0,
nav: false,
dots: false,
responsive: {
0: {
items: 1,
},
640: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 2,
},
1200: {
items: 3,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 4</title>
<identifier>footer_top_block4</identifier>
<content><![CDATA[<style>
.footer-top > .container {
max-width: none;
padding-left: 20px;
padding-right: 20px;
}
.photo-instagrams {
margin-top: -10px;
padding-bottom: 10px;
}
.photo-instagrams .col-xl-2 {
max-width: 11.1111%;
flex: 0 0 11.1111%;
}
.photo-instagrams .item .content {
font-size: 1.5rem;
background: none;
opacity: 1;
visibility: visible;
}
.photo-instagrams .item .content i {
bottom: 1.25rem;
right: 1.25rem;
top: auto;
left: auto;
}
@media (max-width: 767px) {
.photo-instagrams .col-xl-2 {
max-width: 33.33%;
flex: 0 0 33.33%;
}
}
@media (max-width: 575px) {
.photo-instagrams .col-xl-2 {
max-width: 50%;
flex: 0 0 50%;
}
}
</style>
<div class="widget widget-block w-100 text-center">
<div class="block mb-0">
<div class="porto-block">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-1 text-uppercase">from our instagram</h2>
<h6 style="font-size: 0.8125rem; color: #777777; line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-4">@portoecommerce</h6>
{{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="10px" template="Smartwave_SocialFeed::instagramphotos.phtml"}}
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Custom Link</title>
<identifier>footer_custom_link</identifier>
<content><![CDATA[<div class="widget widget_nav_menu">
<style>
.footer-middle .menu {
font-size: 1em;
display: flex;
flex-wrap: wrap;
border-bottom: none;
margin-top: 0;
}
.footer-middle .widget > div > ul li {
border: none;
padding: 0;
margin-right: 1.5rem;
line-height: 1.7;
}
</style>
<div class="menu-footer-bottom-links-container">
<ul class="menu">
<li class="menu-item"><a href="#">About Us</a></li>
<li class="menu-item"><a href="#">Blog</a></li>
<li class="menu-item"><a href="#">Order Tracking</a></li>
<li class="menu-item"><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 2</title>
<identifier>footer_middle_contact_info2</identifier>
<content><![CDATA[<style>
.footer .widget + .widget {
margin-top: 0;
}
.footer h1, #footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer .widget-title, .footer .widgettitle, .footer h1 a,.footer h2 a, .footer h3 a, .footer h4 a, .footer h5 a, .footer h6 a, .footer .widget-title a, .footer .widgettitle a, .footer .widget.twitter-tweets .fa-twitter {
color: #fff;
}
.footer-middle>.container>.row>div {
display: flex;
align-items: flex-end;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #fff;
}
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
font-size: 1.125rem;
border: none;
}
.footer-middle .widget:not(:last-child) {
margin-right: 1.5rem;
}
@media (min-width: 992px) {
.footer-middle>.container>.row>div:last-child {
justify-content: flex-end;
}
}
</style>
<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<h6 class="text-uppercase mb-1">questions?</h6>
<h4 class="text-xl mb-1">1-888-123-456</h4>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 20</title>
<identifier>banner_category_demo20</identifier>
<content><![CDATA[<div class="porto-block">
<style>
sup {
font-size: 54%;
}
.porto-ibanner-layer {
position: absolute;
}
.off-text small {
display: inline-block!important;
font-size: 39%!important;
font-weight: inherit;
transform: rotate(
-90deg
) translateY(-35%);
}
html .heading-dark, html .lnk-dark, html .text-color-dark {
color: #282828;
}
</style>
<div class="container">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div id="interactive-banner-wrap-5091" class="porto-ibanner mb-0" style="background: #efefef; min-height: 250px;">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop20_shop_banner.jpg"}}"/>
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="left: 25%; top: 50%; transform: translateY(-50%);">
<h3 style="font-size: 2.375em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.035em;" class="vc_custom_heading mb-1 align-left">Save Big Sale</h3>
<h4 style="font-size: 5.75em; line-height: 1; letter-spacing: 0.03em;margin-left: -0.06em;" class="vc_custom_heading off-text d-flex align-items-center mb-2 align-left heading-dark">50%<small>OFF</small></h4>
<h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;padding-top: 0.275em;" class="vc_custom_heading pull-left mr-2 align-left heading-dark">STARTING AT</h5>
<h5 style="font-size: 2.1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-left heading-primary"><sup>$</sup>199<sup>99</sup></h5>
<div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border" style="border-bottom-color: #777777;">
<h6 style="font-size: 0.8em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Footer Logo</title>
<identifier>porto_footer_logo</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<a href=""><img class="image" src="{{media url="logo/default/logo_ecomwhite_lg.png"}}" alt="" width="202" height="80" /></a>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 5</title>
<identifier>footer_top_block5</identifier>
<content><![CDATA[<div class="widget widget-block w-100">
<div class="block-w">
<div class="porto-block">
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 18px; color: #ffffff;line-height: inherit;" class="vc_custom_heading mb-4 mb-lg-0 align-left">Sign Up to Newsletter</h4>
</div>
</div>
<div class="col-md-6 col-lg-4 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 13px; color: #ffffff; line-height: 20px; font-weight: 400;" class="vc_custom_heading mb-0 align-left">Get all the latest information on Events, Sales and Offers.</h4>
<h2 style="font-size: 16px; color: #ffffff; line-height: 20px; font-weight: 700;" class="vc_custom_heading mb-4 mb-lg-0 align-left">Receive $10 coupon for first shopping.</h2>
</div>
</div>
<div class="col-md-12 col-lg-5 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner w-100">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
<style>
.single-subscribe .newsletter .control {
justify-content: center;
}
.footer .newsletter input {
height: 48px;
padding-left: 25px;
padding-right: 12px;
border-radius: 2rem 0 0 2rem;
font-size: 1em;
color: #777;
border: none;
margin: 0;
}
.footer .newsletter .action.subscribe {
display: table-cell;
vertical-align: top;
height: 48px;
padding-left: 25px;
padding-right: 30px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;;
border-radius: 0 2rem 2rem 0;
background: #333;
margin-right: 35px;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 3</title>
<identifier>footer_middle_contact_info3</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<a href="#"><img class="image" src="{{media url="logo/default/logo_ecomblack_lg.png"}}" alt="" width="202" height="80" /></a>
</div>
<div class="widget contact-info">
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="fab fa-whatsapp"></i> <strong>Call us now:</strong> <span>+123 5678 890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>e-mail address:</strong> <span>
<a href="mailto:[email protected]">[email protected]</a></span>
</li>
</ul>
</div>
</div>
<div class="widget follow-us">
<h3 class="widget-title">Follow Us</h3>
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a> <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
<style>
.footer .contact-details {
display: flex;
flex-wrap: wrap;
}
.footer .contact-info li {
line-height: 1.8;
}
.footer .contact-info .contact-details span, .footer .contact-info-block .contact-details a {
font-size: 16px;
color: #222529;
font-weight: 700;
}
.footer .widget + .widget {
margin-top: 1.875rem;
}
.footer .widget.contact-info .contact-details strong, .footer .follow-us .widget-title {
font-weight: 600;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
color: #777;
margin-bottom: 0;
}
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
border-radius: 20px;
border: none;
box-shadow: none;
margin: 4px 0 0;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #333;
}
@media (min-width: 768px) {
.footer .contact-details li {
max-width: 50%;
flex: 0 0 50%;
}
.footer-middle .col-lg-6, .footer .contact-details {
display: flex;
flex-wrap: wrap;
}
.footer-middle .col-lg-6>.widget:first-child {
max-width: 100%;
flex: 0 0 100%;
}
.footer-middle .col-lg-6 .widget.contact-info {
max-width: 60%;
flex: 0 0 60%;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Categories</title>
<identifier>footer_middle_categories</identifier>
<content><![CDATA[<div class="widget widget_product_categories">
<h3 class="widget-title">Categories<span class="toggle"></span></h3>
<ul class="product-categories">
<li class="cat-item"><a href="#">Electronics</a></li>
<li class="cat-item"><a href="https#">Fashion</a></li>
<li class="cat-item"><a href="#">Gifts</a></li>
<li class="cat-item"><a href="#">Music</a></li>
<li class="cat-item"><a href="#">Trousers</a></li>
</ul>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 7</title>
<identifier>footer_middle_about_us_7</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">About</h3>
<div class="textwidget">
<ul>
<li><a title="About us" href="#">About us</a></li>
<li><a title="Contact Us" href="#">Contact us</a></li>
<li><a title="All Collections" href="#">All Collections</a></li>
<li><a title="Privacy policy" href="#">Privacy policy</a></li>
<li><a title="Terms & Conditions" href="#">Terms & Conditions</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Care</title>
<identifier>footer_middle_customer_care</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Customer Care</h3>
<div class="textwidget">
<ul>
<li><a title="My Account" href="#">My Account</a></li>
<li><a title="Wishlist" href="#">Wishlist</a></li>
<li><a title="Shopping Cart" href="#">Shopping Cart</a></li>
<li><a title="Terms & Conditions" href="#">Terms & Conditions</a></li>
<li><a title="FAQs" href="#">FAQs</a></li>
</ul>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 3</title>
<identifier>porto_footer_bottom_custom_block_3</identifier>
<content><![CDATA[<img class="bottom-payment-icons" src="{{media url="wysiwyg/smartwave/porto/footer/shop21_payment.png"}}" alt="" />
<style>
@media(min-width:768px) {
.bottom-payment-icons {
display:block;
float: right;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 21</title>
<identifier>banner_category_demo21</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.section {
background-color: #f4f4f4;
padding: 70px 0 20px;
margin: 0;
}
.porto-u-heading {
text-align: center;
margin-bottom: 17px;
}
.shop-banner .porto-u-sub-heading {
letter-spacing: -0.05em;
margin-left: -3px;
}
.shop-banner .vc_column_container > .vc_column-inner {
width: auto;
}
</style>
<div
class="vc_row wpb_row shop-banner section"
style="padding-bottom: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop21_shop_banner.jpg"}}');
">
<div class="container">
<div class="row">
<div class="d-flex justify-content-md-center col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-u-heading"style="text-align: left;">
<div class="porto-u-main-heading"><h2 style="font-weight: 400; color: #444444; margin-bottom: 8px; font-size: 20px;line-height: normal;">START THE REVOLUTION</h2></div>
<div class="porto-u-sub-heading" style="font-weight: 700; color: #222529; margin-bottom: 0px; font-size: 52px; line-height: 48px;">DRONE PRO 4</div>
</div>
<h3 style="font-size: 24px; color: #444444; line-height: 1; font-weight: 400;" class="vc_custom_heading align-left text-uppercase">from <b>$499</b></h3>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 9</title>
<identifier>porto_custom_notice9</identifier>
<content><![CDATA[<div class="custom-html">
<i class="porto-icon-shipping mr-2" style="font-size: 2em; vertical-align: middle;"></i><b>FREE SHIPPING</b> on orders of $80 or more! Code: <b>PORTOMAGIC</b> | Restrictions Apply.
<a href="#" class="text-color-dark" style="text-decoration: underline;"><i>See All Offers</i></a>
</div>
<style>
.porto-block-html-top {
display: flex;
align-items: center;
justify-content: center;
min-height: 54px;
background-color: #f5f6f8;
color:#222529;
font-size: 13px;
font-weight:600;
}
.porto-block-html-top > div {
background: none !important;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 11</title>
<identifier>porto_custom_block_for_header_11</identifier>
<content><![CDATA[<a class="porto-sicon-box-link" href="#" title="My Account">
<div class="porto-sicon-box d-none d-md-flex style_1 default-icon mb-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: transparent; border-style: solid; border-color: #e7e7e7; border-width: 1px; width: 50px; height: 50px; line-height: 50px; border-radius: 26px; font-size: 25px; display: inline-block;margin-right: 15px;">
<i class="porto-icon-user-2"></i>
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 400; font-size: 12px; line-height: 12px; color: #222529;">Hello!</h3>
<p style="font-weight: 700; font-size: 13px; line-height: 13px; color: #222529;">My Account</p>
</div>
</div>
</a>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Custom Block Header Menu</title>
<identifier>porto_custom_block_header_menu</identifier>
<content><![CDATA[<div class="navigation sw-megamenu">
<ul class="justify-content-start">
<li class="ui-menu-item level0"><a class="level-top" href="#">Outlet</a></li>
<li class="ui-menu-item level0"><a class="level-top" target="_blank" href="https://1.envato.market/j61Ob">Buy Porto</a></li>
</ul>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 4</title>
<identifier>footer_middle_contact_info4</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<a href="#">
<img src="{{media url="logo/default/shop22_logo.png"}}" />
</a>
</div>
<div class="widget contact-info">
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>123 Street Name, City, England</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
<li><i class="far fa-clock"></i> <strong>Working Days/Hours:</strong> <span>Mon - Sun / 9:00AM - 8:00PM</span></li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
<style>
.footer .widget.contact-info {
margin-bottom: 0;
}
.footer .contact-info .contact-details {
display: flex;
flex-wrap: wrap;
}
.footer .contact-info .contact-details>li {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 1rem;
}
.footer .widget.contact-info .contact-details strong {
font-weight: 700;
text-transform: uppercase;
color: #222529;
line-height: inherit;
}
.footer .widget.follow-us {
margin-top: 10px;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #333;
}
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
border: none;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle My Account 4</title>
<identifier>footer_middle_my_account_4</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Account</h3>
<div class="textwidget">
<div class="row">
<div class="col-sm-6">
<ul>
<li><a href="my-account/">My Account</a></li>
<li><a href="#">Track Your Order</a></li>
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Shipping Guide</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Product Support</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li><a href="my-account/orders/">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="#">Affiliate Program</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 8</title>
<identifier>footer_middle_about_us_8</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">About</h3>
<div class="textwidget">
<div class="row">
<div class="col-sm-6">
<ul>
<li><a title="About us" href="#">About Porto</a></li>
<li><a href="#">Our Guarantees</a></li>
<li><a href="#">Terms And Conditions</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Intellectual Property Claims</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li><a href="#">Site Index</a></li>
<li><a href="#">Porto for the Press</a></li>
<li><a href="#">Business Accounts</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 4</title>
<identifier>porto_footer_bottom_custom_block_4</identifier>
<content><![CDATA[<img class="bottom-payment-icons" src="{{media url="wysiwyg/smartwave/porto/footer/shop22_payment_logo.png"}}" alt="" />
<style>
@media(min-width:768px) {
.bottom-payment-icons {
display:block;
float: right;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 22</title>
<identifier>banner_category_demo22</identifier>
<content><![CDATA[<div class="porto-block">
<div class="home-banner text-left" style="padding-top: 20px; padding-bottom: 20px; background-color: #e2e2e0;">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-4 px-4 col-md-4" style="padding-top: 20px; padding-bottom: 20px;">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 55px; line-height: 1;" class="vc_custom_heading mb-0 text-center text-sm-right custom-font1 align-right text-uppercase">Discounts</h2>
<h2 style="font-size: 38px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-0 text-center text-sm-right align-right text-uppercase">up to 70%</h2>
</div>
</div>
<div class="col-sm-4 pl-3 col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element text-center mb-0">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey" style="display: inline-block; vertical-align: top; max-width: 100%;">
<img style="display: block;" src='{{media url="wysiwyg/smartwave/porto/category/banner/shop22_shop_banner.png"}}' />
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 porto-ibanner-content col-md-4" style="padding-top: 20px; padding-bottom: 20px;">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-0 text-center text-sm-left">
<div class="wpb_wrapper">
<a style="font-size: 23px; color: #666; text-decoration: none;" href="#"><i style="line-height: 1.4; border-bottom: 1px solid;">View our Deals</i><i class="porto-icon-right-open-big ml-2 font-size-xs"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 10</title>
<identifier>porto_custom_notice10</identifier>
<content><![CDATA[<div class="custom-html">
<span class="font-weight-semibold">USE <b class="font-weight-bold">PORTO24</b> AND GET 20% OFF IN ALL PRODUCTS</span>
</div>
<style>
.porto-block-html-top > div {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
}
.porto-block-html-top .custom-html {
font-size: 11px;
background-color: #f4f4f4;
text-align: center;
width: 100%;
padding: 7px 0;
font-weight: 600;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 5</title>
<identifier>footer_middle_contact_info5</identifier>
<content><![CDATA[<div class="widget contact-info">
<h3 class="widget-title">Contact Info</h3>
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, England</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>(123) 456-7890</span></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle My Account 5</title>
<identifier>footer_middle_my_account_5</identifier>
<content><![CDATA[<div id="text-3" class="widget widget_text">
<h3 class="widget-title">My Account</h3>
<div class="textwidget">
<div class="row">
<div class="col-sm-6">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">My Account</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 6</title>
<identifier>footer_middle_groups6</identifier>
<content><![CDATA[<div class="widget follow-us">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
<div class="widget widget_text">
<h3 class="widget-title">Subscribe newsletter</h3>
<div class="textwidget"><p>Get all the latest information on Events, Sales and Offers.</p></div>
</div>
<div class="widget widget_text">
<div class="textwidget">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
<style>
.footer .footer-middle .col-lg-12:before {
content: '';
border-top: 1px solid #e7e7e7;
display: block;
margin-bottom: 3rem;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.footer .widget + .widget {
margin-top: 0;
}
.footer .footer-middle .col-lg-12 {
margin-top: 2rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-middle .col-lg-12 .widget {
margin: 0 0 1.4rem;
flex: 0 0 100%;
}
.footer .footer-middle .col-lg-12 .widget-title {
font-size: 1.077em;
margin-bottom: .2rem;
}
@media (min-width: 992px) {
.footer-middle .col-lg-12 .widget {
flex: 0 0 33.3333%;
}
}
.footer .follow-us .share-links a:not(:hover) {
background: #f4f4f4;
color: #333;
}
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
border: none;
}
.footer .newsletter input {
background: #f4f4f4;
padding-left: 1.5rem;
color: #686865;
height: 44px;
font-size: .75rem;
margin-bottom: 10px;
}
.footer .newsletter input:placeholder {
color: inherit;
}
.footer .newsletter .action.subscribe {
height: 44px;
padding: 0 1.25rem;
font-size: 11px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features 5</title>
<identifier>footer_middle_main_features5</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Main Features</h3>
<div class="textwidget">
<div class="row">
<div class="col-sm-6">
<ul>
<li><a href="#">Super Fast WordPress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
<li><a href="#">36 Unique Shop Layouts</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 23</title>
<identifier>banner_category_demo23</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.col-md-3-5,.col-md-2-5 {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) {
.col-md-3-5 {
flex: 0 0 60%;
width: 60%;
}
.col-md-2-5 {
flex: 0 0 40%;
width: 40%;
}
}
</style>
<div class="row m-b-lg no-padding" style="background-color: #f4f4f4;">
<div class="shop-category-banner col-md-5"
style="
padding-top: 80px;
padding-bottom: 80px;
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop23_shop_banner.jpg"}}');
">
<div class="wpb_wrapper vc_column-inner"></div>
</div>
<div class="px-4 px-md-0 col-md-7" style="padding-top: 45px; padding-bottom: 45px;">
<div class="wpb_wrapper vc_column-inner">
<div class="vc_row wpb_row vc_inner row vc_row-o-content-middle vc_row-flex">
<div class="mb-4 mb-md-0 col-md-3-5">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 24px; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mb-0 align-left">Meet Porto</h2>
<p style="font-size: 16.5px; line-height: 26px;" class="vc_custom_heading mb-0 align-left">The easier way to build your portfolio & showcase your work.</p>
</div>
</div>
<div class="col-md-2-5 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 d-inline-block">
<a class="btn-shape-arount btn btn-modern btn-md btn-dark" href="#" title="">Get Started <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 11</title>
<identifier>porto_custom_notice11</identifier>
<content><![CDATA[<div class="porto-block" style="background-color: #3256f4;">
<style>
.porto-block-html-top .porto-sicon-box {
justify-content: center;
}
</style>
<div class="row no-padding mt-0 mb-0 pt-0 pb-0">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="notice-carousel porto-carousel owl-carousel mb-0 w-100">
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">Free Shipping on Orders Over $99</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px; background-color: #284cea;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-money"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">Up to 40% OFF on Selected Items</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="Simple-Line-Icons-graduation"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">15% OFF Student Discount</h3></div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".notice-carousel.owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: false,
navRewind: true,
lazyLoad: true,
margin: 0,
nav: false,
dots: false,
responsive: {
0: {
items: 1,
},
640: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 2,
},
1200: {
items: 3,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Custom Block Header Menu 2</title>
<identifier>porto_custom_block_header_menu2</identifier>
<content><![CDATA[<span class="separator"></span>
<div class="menu-custom-block">
<a href="#">Sepcial Offer</a>
<a target="_blank" href="https://1.envato.market/j61Ob">Buy Porto</a>
</div>
<style>
.header .menu-custom-block {
padding: 10px 0 9px;
line-height: 22px;
font-weight: 600;
font-size: .8571em;
white-space: nowrap;
}
.header .menu-custom-block a {
display: inline-block;
padding: 0 15px;
position: relative;
font-family: Poppins,sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 13px;
letter-spacing: 0;
text-transform: uppercase;
color: inherit;
}
@media(max-width: 1615px){
padding-left: 10px;
padding-right: 10px;
}
@media(max-width: 991px) {
.header .menu-custom-block {
display: none;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 6</title>
<identifier>footer_middle_contact_info6</identifier>
<content><![CDATA[<div class="widget widget-block">
<style>
.col-md-2-5, .col-md-3-5 {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) {
.col-md-2-5 {
flex: 0 0 40%;
width: 40%;
}
.col-md-3-5 {
flex: 0 0 60%;
width: 60%;
}
}
</style>
<div class="block">
<div class="porto-block">
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left mb-4">
<div class="wpb_wrapper">
<a href="#" target="_self">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="logo/default/logo_ecomblack_lg.png"}}" style="max-width:111px;display: block;"/>
</div>
</a>
</div>
</div>
<p class="vc_custom_heading align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar feugiat quam, vitae aliquam urna egestas nec. Phasellus sit amet consequat tortor.</p>
<div class="vc_row wpb_row vc_inner row">
<div class="col-md-2-5">
<div class="wpb_wrapper vc_column-inner">
<h6 style="font-weight: 600;" class="vc_custom_heading text-color-dark mb-0 align-left text-uppercase">questions?</h6>
<h3 style="font-size: 22px; line-height: 1.4; font-weight: 700;" class="vc_custom_heading text-color-primary mb-4 mb-md-0 align-left">(123) 456-7890</h3>
</div>
</div>
<div class="col-md-3-5">
<div class="wpb_wrapper vc_column-inner">
<h6 style="font-weight: 600; margin-bottom: 1px;" class="vc_custom_heading text-color-dark align-left text-uppercase">payment methods</h6>
<div class="wpb_single_image wpb_content_element vc_align_left mb-0">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src='{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_payment_logo.jpg"}}' />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 12</title>
<identifier>porto_footer_bottom_custom_block_12</identifier>
<content><![CDATA[<div class="widget follow-us mb-0">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 24</title>
<identifier>banner_category_demo24</identifier>
<content><![CDATA[<div class="porto-block" style="background:#f4f4f4;">
<style>
.header-main {
box-shadow: 0 28px 57px rgba(0, 0, 0, 0.06);
z-index: 9;
}
</style>
<div class="home-banner text-left">
<div class="container">
<div class="row align-items-center">
<div class="pl-4 pl-xl-5 col-md-5 mt-0 mb-0" style="padding-top: 20px; padding-bottom: 20px;">
<div class="wpb_wrapper vc_column-inner">
<h5 style="font-size: 18px; color: rgba(34, 37, 41, 0.6); line-height: 1; font-weight: 200;" class="vc_custom_heading mb-0 align-left text-uppercase">BOOK CLUB</h5>
<h2 style="font-size: 32px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-2 align-left">Summer Reading</h2>
<h2 style="font-size: 24px; color: #777777; line-height: 1; font-weight: 400;" class="vc_custom_heading mb-0 align-left">The best books for your beach bag</h2>
</div>
</div>
<div
class="col-md-4"
style="
padding-top: 120px;
padding-bottom: 120px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop24_shop_banner.png"}}');
"
>
<div class="wpb_wrapper vc_column-inner"></div>
</div>
<div class="col-md-3 mt-0 mb-0" style="padding-top: 20px; padding-bottom: 20px;">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container text-center">
<button class="btn btn-xl btn-quaternary">EXPLORE BOOKS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Product Page Side bar Demo 24</title>
<identifier>porto_product_side_custom_block_demo24</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<style>
.col-auto {
flex: 0 0 auto !important;
width: auto !important;
}
.slider-title, .section-title {
font-size: 1em;
margin-bottom: .5rem;
}
</style>
<div class="row no-padding" style="margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e7e7e7;">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 12px; line-height: 1.4; font-weight: 600;" class="vc_custom_heading mb-3 ls-50em align-left text-uppercase">Featured Books</h3>
<div id="featured_product">
{{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" aspect_ratio="0" image_width="150" image_height="150" template="side_list.phtml"}}
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#featured_product .owl-carousel").owlCarousel({
loop: false,
items: 1,
nav: true,
dots: false
});
});
</script>
</div>
</div>
</div>
<div class="row no-padding" style="margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e7e7e7;">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 12px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-1 ls-50em align-left text-uppercase">Custom HTML Block</h2>
<p style="color: #7a7d82; font-weight: 600;" class="vc_custom_heading align-left">This is a custom sub-title.</p>
<p style="font-size: 15px; line-height: 27px;" class="vc_custom_heading text-color-dark mb-0 align-left">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p>
</div>
</div>
</div>
<div class="row justify-content-end no-padding"
style="padding-top: 150px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_product_banner.jpg"}}');">
<div class="col-auto col-md-3-5" style="padding-right: 25px; padding-bottom: 25px;">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 19px; color: #ffffff; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-1 ls-negative-03 align-left text-uppercase">Award Winners</h2>
<p style="color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 500;" class="vc_custom_heading align-left">12 Books</p>
<div class="btn-container mb-0 d-inline-block">
<button class="btn btn-md btn-primary">VIEW COLLECTION <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 12</title>
<identifier>porto_custom_notice12</identifier>
<content><![CDATA[<div class="porto-block" style="background-color: #f4f4f4;">
<div class="container">
<style>
.top-bar * {
letter-spacing: -0.02em;
}
.top-bar h3.porto-sicon-title {
letter-spacing: 0.01em;
}
.top-heading {
letter-spacing: -0.02em;
}
.top-heading b {
color: #222529;
}
.d-flex > .vc_column-inner {
width: auto;
flex: 0 0 auto !important;
}
.top-bar.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
flex-direction: row;
align-items: center
justify-content: flex-start;
flex-wrap: wrap;
max-width: 100%;
}
.top-heading i {
font-weight: 700;
font-style: normal;
display: inline-block;
padding: 8px .5em;
margin-right: .25em;
background: linear-gradient(to right,#ec7200,#ffaa01);
color: #fff;
transform: rotate(-1deg)
}
.top-heading b {
color: #222529;
}
@media (max-width: 991px) {
.top-bar.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
justify-content: center;
}
.top-bar h2 {
text-align: center;
}
}
</style>
<div class="row top-bar" style="padding-top: 12px; padding-bottom: 4px;">
<div class="d-flex justify-content-center justify-content-lg-end order-lg-2 mb-3 mb-lg-0 col-md-12 col-lg-5">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-2 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #222529; font-size: 24px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header" style="color:#777;">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 18px;">FREE NEXT DAY DELIVERY*</h3>
<p style="font-weight: 500; font-size: 11px; line-height: 13px;">* On Business Days - Purchases $100 or More</p>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center justify-content-lg-start col-md-12 col-lg-7">
<div class="wpb_wrapper vc_column-inner d-flex align-items-center">
<h2 style="font-size: 18px; color: #777777; line-height: 1; font-weight: 500;" class="vc_custom_heading top-heading mb-2 mr-3 align-left"><i>30% OFF</i> <b>$200*</b> Use Code: <b>PORTOCARS</b></h2>
<div class="porto-u-heading mb-2" style="color:#777;">
<div class="porto-u-main-heading"><h4 class="mb-0" style="font-weight: 600; color: #323232; font-size: 14px; line-height: 14px;">Online Purchases Only</h4></div>
<div class="porto-u-sub-heading" style="font-weight: 500; font-size: 11px; line-height: 17px;">* Minimal Purchase Price</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 12</title>
<identifier>porto_custom_block_for_header_12</identifier>
<content><![CDATA[<span class="separator"></span>
<div class="custom-html text-left d-none d-lg-block">
<p class="font-size-xs text-uppercase font-weight-medium line-height-xs mb-0" style="color:#777;">Call Us Now</p>
<h3 class="font-weight-bold m-b-n-xs">1-888-123-456</h3>
<a href="#" class="font-weight-medium text-color-primary" style="font-size: 12px; text-decoration: underline;">or Chat Online</a>
</div>
<span class="separator"></span>
<div class="custom-html">
<a class="porto-sicon-box-link" href="#" title="My Account">
<div class="porto-sicon-box mb-0 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: transparent; border-style: solid; border-color: #e7e7e7; border-width: 1px; width: 50px; height: 50px; line-height: 50px; border-radius: 26px; font-size: 25px; display: inline-block;">
<i class="porto-icon-user-2"></i>
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 400; font-size: 12px; line-height: 12px; color: #222529;">Hello!</h3>
<p style="font-weight: 700; font-size: 13px; line-height: 13px; color: #222529;">My Account</p>
</div>
</div>
</a>
</div>
<style>
.m-b-n-xs {
margin-bottom: -5px!important;
}
.line-height-xs {
line-height: 16px!important;
}
.page-header .header-main .porto-sicon-box .porto-icon, .default-icon .porto-sicon-default .porto-sicon-img {
margin-right: 15px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 7</title>
<identifier>footer_middle_contact_info7</identifier>
<content><![CDATA[<div class="widget widget-block">
<style>
.col-md-2-5, .col-md-3-5 {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) {
.col-md-2-5 {
flex: 0 0 40%;
width: 40%;
}
.col-md-3-5 {
flex: 0 0 60%;
width: 60%;
}
}
</style>
<div class="block">
<div class="porto-block">
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left mb-4">
<div class="wpb_wrapper">
<a href="#" target="_self">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="logo/default/logo_ecomwhite_lg.png"}}" style="max-width:111px;display: block;"/>
</div>
</a>
</div>
</div>
<p class="vc_custom_heading align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar feugiat quam, vitae aliquam urna egestas nec. Phasellus sit amet consequat tortor.</p>
<div class="vc_row wpb_row vc_inner row">
<div class="col-md-2-5">
<div class="wpb_wrapper vc_column-inner">
<h6 style="font-weight: 600;" class="vc_custom_heading mb-0 align-left text-uppercase">questions?</h6>
<h3 style="font-size: 22px; line-height: 1.4; font-weight: 700;" class="vc_custom_heading text-color-primary mb-4 mb-md-0 align-left">(123) 456-7890</h3>
</div>
</div>
<div class="col-md-3-5">
<div class="wpb_wrapper vc_column-inner">
<h6 style="font-weight: 600; margin-bottom: 1px;" class="vc_custom_heading align-left text-uppercase">payment methods</h6>
<div class="wpb_single_image wpb_content_element vc_align_left mb-0">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src='{{media url="wysiwyg/smartwave/porto/footer/shop25_payments.png"}}' />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 25</title>
<identifier>banner_category_demo25</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.home-banner .row {
background: #f4f4f4;
}
.home-banner h1, .home-banner h2, .home-banner h3 {
letter-spacing: -.02em;
}
.vc_custom_heading>small {
font-size: 50%!important;
font-weight: inherit;
vertical-align: top;
line-height: 1.6;
display: inline-block!important;
}
</style>
<div class="home-banner porto-inner-container">
<div class="container">
<div class="row align-items-center no-padding">
<div class="pl-4 pl-lg-2 py-4 col-md-4 offset-lg-1 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left mb-3">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img class="d-block" src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_brand.png"}}" />
</div>
</div>
</div>
<p style="font-size: 22px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 align-left text-uppercase">car shock absorbers</p>
<h2 style="font-size: 35px; line-height: 1.1; font-weight: 700;" class="vc_custom_heading mb-0 align-left text-uppercase">STARTING AT <small>$</small>99<small>99</small></h2>
</div>
</div>
<div class="col-md-4"
style="
padding-top: 140px;
padding-bottom: 140px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner1.jpg"}}');">
<div class="wpb_wrapper vc_column-inner"></div>
</div>
<div class="px-4 px-lg-5 py-4 col-md-4 section mt-0 mb-0">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 16px; line-height: 1; font-weight: 400;" class="vc_custom_heading mb-3 align-left heading-dark">Start Shopping Right Now</h3>
<p style="font-size: 11px; line-height: 1.4; font-weight: 400;" class="vc_custom_heading mb-3 align-left">* Get Plus Discount Buying Package</p>
<div class="btn-container d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">View Sale</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 26</title>
<identifier>banner_category_demo26</identifier>
<content><![CDATA[<div class="porto-block" style="background:#f4f4f4;">
<style>
.home-slider .heading.heading-middle-border h3 {
background: #f4f4f4;
}
.has-slash-bg {
background-size: 100% 100% !important;
}
.home-slider .col-md-4:first-child {
display: flex;
}
.home-slider .col-md-4:first-child > .vc_column-inner {
width: auto;
}
.single_image .single_image-wrapper {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.home-slider .btn, .porto-ultimate-content-box .btn {
padding: 1.125em 4em;
}
@media (min-width: 1280px) {
.offset-xl-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 992px) {
.has-slash-bg {
flex: 0 0 36%;
max-width: 36%;
}
.has-slash-bg + div {
flex: 0 0 30%;
max-width: 30%;
}
}
@media (max-width: 767px) {
.has-slash-bg {
background: none !important;
}
}
</style>
<div class="home-slider no-padding text-left">
<div class="container">
<div class="row align-items-center no-padding">
<div class="pt-5 pt-md-0 col-md-4 offset-xl-2 col-xl-2">
<div class="wpb_wrapper vc_column-inner">
<p style="font-size: 29px; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-left text-uppercase">EXTRA</p>
<h3 style="font-size: 58px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-1 align-left text-uppercase">20% OFF</h3>
<div class="vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl">
<h3 style="font-size: 29px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;" class="heading-tag text-uppercase">BIKES</h3>
</div>
</div>
</div>
<div class="has-slash-bg px-4 px-xl-5 col-md-5 col-lg-4"
style="padding-top: 25px;
padding-bottom: 25px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop26_shop_banner_bg.png"}}');">
<div class="wpb_wrapper vc_column-inner">
<div class="single_image wpb_content_element text-center mb-0">
<div class="wpb_wrapper">
<div class="single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop26_shop_banner.png"}}" />
</div>
</div>
</div>
</div>
</div>
<div class="pb-5 pb-md-0 col-md-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 33px; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-4 custom-font4 align-left heading-dark">Summer Sale</h3>
<div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">SHOP ALL SALE</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 13</title>
<identifier>porto_custom_notice13</identifier>
<content><![CDATA[<div class="porto-block" style="background-color: #4db7b3;">
<style>
.header-bottom-bar .porto-sicon-box {
justify-content: center;
}
.header-bottom-bar .porto-sicon-default .porto-icon {
margin-right: 0.5rem;
}
</style>
<div class="row header-bottom-bar no-padding">
<div class="position-static col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="notice-carousel porto-carousel owl-carousel mb-0">
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: -0.02em; color: #ffffff;">FREE SHIPPING & RETURN</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px; background-color: #43ada9;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="porto-icon-money"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: -0.02em; color: #ffffff;">MONEY BACK GUARANTEE</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 26px; display: inline-block;"><i class="porto-icon-support"></i></div>
</div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: -0.02em; color: #ffffff;">ONLINE SUPPORT 24/7</h3></div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".notice-carousel.owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: false,
navRewind: true,
lazyLoad: true,
margin: 0,
nav: false,
dots: false,
responsive: {
0: {
items: 1,
},
640: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 2,
},
1200: {
items: 3,
},
},
});
});
</script>
</div>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 6</title>
<identifier>footer_top_block6</identifier>
<content><![CDATA[<style>
.footer-top .custom-block {
display: block;
}
.photo-instagrams .item.insta-item:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #222529;
opacity: .8;
transition: opacity .25s;
}
.photo-instagrams .item.insta-item:hover:before {
opacity: 0;
}
.photo-instagrams .item a {
position: static;
}
.footer-top-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-top .footer-top-bottom .widget {
flex: inherit;
}
.footer-top .footer-top-bottom .widget_newsletter {
flex: 1;
max-width: 650px;
}
.footer .footer-top .widget {
margin: 0 30px 20px 0;
}
.footer .footer-top .widget:last-child {
margin: 0 0 20px 0;
}
.footer-top .footer-top-bottom .widget.follow-us {
display: flex;
justify-content: flex-end;
white-space: nowrap;
margin-left: auto;
}
@media(max-width: 991px) {
.footer-top .footer-top-bottom .widget {
flex: 0 0 100%;
width: 100%;
justify-content: flex-start !important;
}
}
</style>
<div class="row">
<div class="col-lg-12">
<div class="widget widget-block w-100">
<div class="blocks">
<div class="porto-block" style="background-color: #212529;">
<div class="row no-padding">
<div class="py-4 py-lg-5 col-md-4 col-lg-3 mt-0 mb-0 d-flex align-items-center" style="padding-left: 6vw;">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-0 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 50px; display: inline-block;"><i class="fab fa-instagram"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h2 class="porto-sicon-title" style="font-weight: 600; font-size: 18px; line-height: 18px; color: #ffffff;">Follow Us on Instagram</h2>
<p style="font-weight: 400; font-size: 13px; line-height: 13px; color: rgba(255, 255, 255, 0.7);">@portoecommerce</p>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-8 col-lg-9">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-0">
{{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="0" template_type="carousel" template="Smartwave_SocialFeed::instagramphotos.phtml"}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container footer-top-bottom">
<div class="widget widget_text">
<div class="textwidget">
<div class="porto-sicon-box mb-0 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="color: #ffffff; font-size: 45px; display: inline-block;"><i class="far fa-envelope"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h2 class="porto-sicon-title" style="font-weight: 600; font-size: 18px; line-height: 18px; color: #ffffff;">Get Special Offers and Savings</h2>
<p style="font-weight: 400; font-size: 13px; line-height: 13px; color: rgba(255, 255, 255, 0.7);margin: 0;">Get all the latest information on Events, Sales and Offers.</p>
</div>
</div>
</div>
</div>
<div class="widget widget_text widget_newsletter">
<div class="textwidget">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
<style>
.single-subscribe .newsletter .control {
justify-content: center;
}
.footer .newsletter input {
height: 48px;
padding-right: 12px;
border-radius: 2rem 0 0 2rem;
color: #777;
border: none;
margin: 0;
padding-left: 20px;
font-size: 12px;
font-style: italic;
}
.footer .newsletter .action.subscribe {
display: table-cell;
vertical-align: top;
height: 48px;
text-transform: uppercase;
border-radius: 0 2rem 2rem 0;
background: #fff;
margin-right: 0;
padding: 0 25px;
color: #222529;
font-size: 1em;
letter-spacing: 0;
}
</style>
</div>
</div>
<div class="widget follow-us">
<style>
.footer .follow-us .share-links a {
width: 30px;
height: 30px;
border: none;
margin-left: 2em;
}
.footer .follow-us .share-links a:not(:hover) {
color: #525252;
background-color: #fff;
}
@media(max-width: 991px) {
.footer .follow-us .share-links a {
margin-left: 0;
margin-right: 2em;
}
}
</style>
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 14</title>
<identifier>porto_custom_notice14</identifier>
<content><![CDATA[<div class="header-row container d-flex align-items-center justify-content-center">
<div class="custom-html" style="padding: 0 15px;">
<h5 class="font-weight-medium text-color-secondary mb-0">Get 10% OFF at the Porto Kitchen Selection - <a href="#" class="font-weight-bold" style="color: #ed7e63;">Shop Now!</a></h5>
</div>
</div>
<style>
.porto-block-html-top .container {
background: #fcf6ef;
min-height: 46px;
padding-top: 11px;
padding-bottom: 11px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 7</title>
<identifier>footer_top_block7</identifier>
<content><![CDATA[<div class="porto-brand w-100" style="padding-top: 45px;padding-bottom: 45px;">
<div class="porto-carousel brand-carousel owl-carousel mb-0">
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand1.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand2.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand3.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand4.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand5.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_brand6.png"}}" alt="" /></div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".brand-carousel.owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
nav: false,
dots: false,
loop: false,
responsive: {
0: {
items: 2,
},
640: {
items: 2,
},
768: {
items: 3,
},
992: {
items: 4,
},
1200: {
items: 6,
},
},
});
});
</script>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Footer Logo Black</title>
<identifier>porto_footer_logo_black</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<a href=""><img class="image" src="{{media url="logo/default/logo_ecomblack_lg.png"}}" alt="" width="202" height="80" /></a>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 8</title>
<identifier>footer_middle_contact_info8</identifier>
<content><![CDATA[<div class="widget widget_text">
<div class="textwidget">
<h6 class="font-weight-bold mb-0">Questions</h6>
<h3 class="text-color-primary font-weight-bold mb-0">1-888-123-456</h3>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 7</title>
<identifier>footer_middle_groups7</identifier>
<content><![CDATA[<div class="widget widget_text">
<div class="textwidget">
<div class="row">
<div class="col-md-6 mb-4 mb-md-0">
<h3 class="widget-title">Account</h3>
<ul>
<li><a href="#">My Account</a></li>
<li><a href="#">Track Your Order</a></li>
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Shipping Guide</a></li>
</ul>
</div>
<div class="col-md-6">
<h3 class="widget-title">About</h3>
<ul>
<li><a href="#">About Porto</a></li>
<li><a href="#">Our Guarantees</a></li>
<li><a href="#">Terms And Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 13</title>
<identifier>porto_footer_bottom_custom_block_13</identifier>
<content><![CDATA[<img class="img-responsive footer-payment-img" src="{{media url="wysiwyg/smartwave/porto/footer/shop27_payment_icons.png"}}" alt="">]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Main Features 6</title>
<identifier>footer_middle_main_features6</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Features</h3>
<div class="textwidget">
<ul>
<li><a href="#">Powerful Admin Panel</a></li>
<li><a href="#">Mobile & Retina Optimized</a></li>
<li><a href="#">Super Fast WordPress Theme</a></li>
<li><a href="#">1st Fully working Ajax Theme</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 27</title>
<identifier>banner_category_demo27</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.text-color-primary>.btn, .text-color-dark>.btn {
color: inherit;
}
.porto-ultimate-content-box {
height: 100%;
position: relative;
}
.porto-ultimate-content-box>* {
position: relative;
z-index: 1;
}
.ls-25em {
letter-spacing: .025em;
}
.porto-ultimate-content-box:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,.1);
opacity: 0;
transition: opacity .25s;
}
.porto-ultimate-content-box:after {
content: '';
display: block;
clear: both;
}
.porto-ultimate-content-box:hover:before {
opacity: 1;
}
.col-md-2-5, .col-md-3-5 {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media (min-width: 768px) {
.col-md-2-5 {
width: 40%;
}
.col-md-3-5 {
flex: 0 0 60%;
width: 60%;
}
}
</style>
<div class="porto-inner-container" style="margin-top: 20px;">
<div class="container">
<div class="row">
<div class="mb-3 mb-lg-0 col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner h-100">
<div class="porto-ultimate-content-box-container h-100">
<div class="porto-ultimate-content-box has-content-pos justify-content-end"
style="padding-top: 14%;
padding-right: 10%;
padding-bottom: 30px;
background-color: #f0f5f9
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0);
min-height: 315px;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop27_shop_banner.jpg"}}');
">
<h2 style="font-size: 34px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 align-right text-uppercase">Black</h2>
<h3 style="font-size: 28px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-3 align-right">Armchairs</h3>
<h4 style="font-size: 15px; line-height: 1.2; font-weight: 600;" class="vc_custom_heading mb-4 align-right text-uppercase heading-secondary">STARTING FROM $399</h4>
<div class="btn-container mb-0 text-color-primary text-right">
<button class="btn btn-borders btn-xs btn-default">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner h-100">
<div class="row h-100">
<div class="mb-3 mb-md-0 col-md-2-5">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-ultimate-content-box-container h-100">
<div class="porto-ultimate-content-box"
style="padding-top: 35px;
padding-right: 20px;
padding-left: 20px;
background-color: #22252a;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0);
min-height: 315px;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop27_shop_banner2.jpg"}}');
">
<h5 style="font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 ls-25em text-uppercase">CHECK NEW ARRIVALS</h5>
<h3 style="font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading text-uppercase heading-light">COOL LAMPS</h3>
</div>
</div>
</div>
</div>
<div class="col-md-3-5">
<div class="wpb_wrapper vc_column-inner h-100">
<div class="porto-ultimate-content-box-container h-100">
<div class="porto-ultimate-content-box has-content-pos justify-content-end"
style="padding-right: 20px;
padding-bottom: 35px;
padding-left: 20px;
background-color: #616da7;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0);
min-height: 315px;
background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop27_shop_banner3.jpg"}}');
">
<h6 style="color: rgba(255, 255, 255, 0.4); text-align: center; font-weight: 500;" class="vc_custom_heading ls-25em mb-0 text-uppercase">exclusive new collection</h6>
<h3 style="font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-light">Luxurious Jacuzzi</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Product Page Side bar Demo 27</title>
<identifier>porto_product_side_custom_block_demo27</identifier>
<content><![CDATA[<div class="widget widget_products">
<h3 class="widget-title">Featured Products</h3>
{{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="2" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
</div>
<div class="widget widget_text">
<h3 class="widget-title">Custom HTML Block</h3>
<div class="textwidget">
<p>This is a custom sub-title.</p>
<h6>Lorem ipsum dolor sit amet, con sec tetur elitad adipiscing Cras non placerat mi.</h6>
</div>
</div>
<div class="widget widget-block">
<div class="pt-block">
<div class="porto-block">
<div class="row">
<div class="col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-separator tall"><hr class="separator-line align_center solid" /></div>
<div class="porto-ultimate-content-box-container h-100">
<div lass="porto-ultimate-content-box"
style="padding-top: 35px;
padding-right: 20px;
padding-left: 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0);
min-height: 315px;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner2.jpg"}}');
">
<h5 style="font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 ls-25em text-uppercase">CHECK NEW ARRIVALS</h5>
<h3 style="font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading text-uppercase heading-light">COOL LAMPS</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.sidebar-content .widget-title {
font-size: 12px;
font-weight: 600;
color: #000;
letter-spacing: .05em;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 6px;
}
.small-list.products-grid .product-items {
font-size: 12px;
font-weight: 400;
}
.small-list.products-grid .product-items .product-item-details a {
font-weight: 500;
}
.porto-ultimate-content-box {
height: 100%;
position: relative;
}
.porto-ultimate-content-box>* {
position: relative;
z-index: 1;
}
.ls-25em {
letter-spacing: .025em;
}
.porto-ultimate-content-box:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,.1);
opacity: 0;
transition: opacity .25s;
}
.porto-ultimate-content-box:after {
content: '';
display: block;
clear: both;
}
.porto-ultimate-content-box:hover:before {
opacity: 1;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block 2 for Header 13</title>
<identifier>porto_custom_block_2_for_header_13</identifier>
<content><![CDATA[<ul class="nav nav-pills nav-top d-none d-sm-flex">
<li class="phone mr-xl-4">
<a href="#">
<span class="d-block font-size-sm text-uppercase line-height-xs">Call us now</span>
<h4 class="text-color-primary mb-0 font-weight-bold">1-888-123-456</h4>
</a>
</li>
<li class="d-none d-lg-block"><a href="#">Wishlist</a></li>
<li class="d-none d-lg-block"><a href="#">Contact Us</a></li>
</ul> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Block Secondary Menu Header 18</title>
<identifier>porto_secondary_menu_header_18</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop.html'}}" class="level-top">
<span>Categories</span>
</a>
<div class="level0 submenu" style="width: 650px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 1</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/electronics.html"><span>Fullwidth Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Boxed Image Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>Boxed Slider Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Left Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion/women.html"><span>Right Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo17_en/fashion.html"><span>Product Flex Grid</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-product-list-types'}}"><span>Product List Item Types</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 2</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Ajax Infinite Scroll</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo10_en/fashion.html"><span>3 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>4 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>5 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo13_en/fashion.html"><span>6 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>7 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>8 Columns Products</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: -15px center; background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/menu-banner.jpg"}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top"><span>Products</span></a>
<div class="level0 submenu" style="width: 580px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Pages</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Simple Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/porto-evolution-headset-default.html"><span>Configurable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/45/s/sprite-yoga-companion-kit/category/5/"><span>Bundle Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/2046/s/set-of-sprite-yoga-straps/category/3/"><span>Grouped Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/46/s/beginner-s-yoga/category/10/"><span>Downloadable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Addtocart Sticky</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Vertical Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Accordion Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Sticky Tabs</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Layout</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-default.html'}}"><span>Default Layout</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-carousel.html'}}"><span>Extended Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-fullwidth.html'}}"><span>Full Width Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-grid.html'}}"><span>Grid Images Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-sticky-right-info.html'}}"><span>Sticky Right Side Info</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-evolution-headset-wide-grid.html'}}"><span>Vertical Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-default.html"><span>With Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/catalog/product/view/id/2349/s/jane-dress/"><span>Without Sidebar</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: center center; background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/shop1_megamenu.jpg"}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Pages</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='about-porto'}}"><span>About Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='contact'}}"><span>Contact Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog'}}"><span>Blog</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog/post/post-format-image-gallery'}}"><span>Post</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout/cart'}}"><span>Shopping Cart</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout'}}"><span>Checkout</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='customer/account'}}"><span>My Account</span></a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Features</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='porto-header-types'}}"><span>Header Types</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='porto-footer-types'}}"><span>Footer Types</span></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 13</title>
<identifier>porto_custom_block_for_header_13</identifier>
<content><![CDATA[<a class="porto-sicon-box-link" href="#" title="My Account">
<div class="porto-sicon-box d-none d-md-flex style_1 default-icon mb-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon advanced" style="color: #222529; background: transparent; border-style: solid; border-color: #ccc; border-width: 1px; width: 50px; height: 50px; line-height: 50px; border-radius: 26px; font-size: 25px; display: inline-block;margin-right: 15px;">
<i class="porto-icon-user-2"></i>
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 400; font-size: 12px; line-height: 12px;color: inherit;">Hello!</h3>
<p class="text-color-primary" style="font-weight: 700; font-size: 13px; line-height: 13px;">My Account</p>
</div>
</div>
</a>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 8</title>
<identifier>footer_top_block8</identifier>
<content><![CDATA[<div class="widget widget-block w-100">
<div class="ft-block">
<div class="porto-block">
<div class="pt_row row pt_row-o-content-middle pt_row-flex">
<div class="pt_column_container col-md-6">
<div class="wpb_wrapper pt_column-inner">
<h4 style="font-size: 20px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-1 align-left heading-light">Sign Up to Newsletter</h4>
<p style="font-size: 13px; color: #999999; line-height: 20px;" class="pt_custom_heading mb-0 align-left">Get all the latest information on Events, Sales and Offers.</p>
</div>
</div>
<div class="pt_column_container col-md-6">
<div class="wpb_wrapper pt_column-inner">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
<style>
.footer .single-subscribe {
border-bottom: 2px solid #fff;
}
.single-subscribe .newsletter input {
background: none;
border: none;
color: #999;
font-style: italic;
font-weight: 300;
padding-left: 0;
border-radius: 0;
}
.footer .newsletter .action.subscribe {
background: none!important;
border: none;
font-weight: 700;
letter-spacing: .01em;
padding-left: 0;
padding-right: 0;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Follow Us</title>
<identifier>footer_middle_follow_us</identifier>
<content><![CDATA[<div class="widget follow-us">
<h3 class="widget-title">Follow Us</h3>
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
<style>
.footer .follow-us .share-links a {
box-shadow: none;
font-size: 24px;
width: 2.25em;
height: 2.25em;
border: 1px solid #d0d0d0;
border-radius: 30px;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #222529;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 28</title>
<identifier>banner_category_demo28</identifier>
<content><![CDATA[<div class="pt_row porto-inner-container" style="margin-top: 20px;">
<style>
.custom-font1 {
font-family: Open Sans,sans-serif;
}
.porto-ultimate-content-box {
transition: box-shadow .2s;
}
.banner-content {
box-shadow: none;
}
.banner-content:hover {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.porto-ultimate-content-box {
font-size: inherit;
}
</style>
<div class="porto-wrap-container container">
<div class="row">
<div class="col-sm-6 pt_column_container col-md-3">
<div class="wpb_wrapper pt_column-inner">
<div class="porto-ultimate-content-box-container">
<div class="porto-ultimate-content-box banner-content"
style="margin-bottom: 20px;
padding: 20px;
background-color: #f6f7f9;
background-size: initial;
background-repeat: no-repeat;
background-position: 95% center;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner1.jpg"}}');
">
<h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $10</h2>
<p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p>
<h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3>
</div>
</div>
</div>
</div>
<div class="col-sm-6 pt_column_container col-md-3">
<div class="wpb_wrapper pt_column-inner">
<div class="porto-ultimate-content-box-container">
<div class="porto-ultimate-content-box banner-content"
style="margin-bottom: 20px;
padding: 20px;
background-color: #f6f7f9;
background-size: initial;
background-repeat: no-repeat;
background-position: 93% center;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner2.jpg"}}');
">
<h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $20</h2>
<p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p>
<h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3>
</div>
</div>
</div>
</div>
<div class="col-sm-6 pt_column_container col-md-3">
<div class="wpb_wrapper pt_column-inner">
<div class="porto-ultimate-content-box-container">
<div class="porto-ultimate-content-box banner-content"
style="margin-bottom: 20px;
padding: 20px;
background-color: #f6f7f9;
background-size: initial;
background-repeat: no-repeat;
background-position: 88% center;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner3.jpg"}}');
">
<h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $50</h2>
<p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p>
<h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3>
</div>
</div>
</div>
</div>
<div class="col-sm-6 pt_column_container col-md-3">
<div class="wpb_wrapper pt_column-inner">
<div class="porto-ultimate-content-box-container">
<div class="porto-ultimate-content-box banner-content"
style="margin-bottom: 20px;
padding: 20px;
background-color: #f6f7f9;
background-size: initial;
background-repeat: no-repeat;
background-position: 90% 60%;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner4.jpg"}}');
">
<h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $99</h2>
<p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p>
<h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Product Page Side bar Demo 28</title>
<identifier>porto_product_side_custom_block_demo28</identifier>
<content><![CDATA[<div class="wpb_content_element">
<style>
.sidebar-content .widget-title {
font-size: 12px;
font-weight: 600;
color: #000;
letter-spacing: .05em;
border-bottom: 1px solid #e7e7e7!important;
padding: 6px 0!important;
}
.flash-sale .product-item-info .product-item-inner,
.flash-sale .product-item-info .product-reviews-summary,
.flash-sale .product-item .weltpixel-quickview.weltpixel_quickview_button_v2{
display: none;
}
.flash-sale .product-item-photo img {
max-width: 64%;
}
.flash-sale .product-item-photo {
background: none;
margin-bottom: 0!important;
}
.flash-sale .products .product-item {
margin-bottom: 0;
}
.flash-sale .product-item-info:hover .product-item-photo {
box-shadow: none;
}
.background-color-gray {
background-color: #f6f7f9;
}
.porto-ultimate-content-box {
font-size: inherit;
}
.vc_btn3.btn {
font-weight: 700;
letter-spacing: .01em;
padding: 1em 1.75em;
text-transform: uppercase;
}
</style>
<div class="wpb_wrapper">
<div class="widget woocommerce widget_products">
<h3 class="widget-title">Featured Products<span class="toggle"></span></h3>
{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
</div>
<div class="widget widget_text">
<h3 class="widget-title">Custom HTML Block<span class="toggle"></span></h3>
<div class="textwidget">
<p style="font-size: 13px;">This is a custom sub-title.</p>
<h6>Lorem ipsum dolor sit amet, con sec tetur elitad.</h6>
</div>
</div>
<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<div class="pt_row wpb_row row">
<div class="pt_column_container col-md-12">
<div class="wpb_wrapper pt_column-inner">
<div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div>
<div class="porto-ultimate-content-box-container background-color-secondary h-100">
<div class="porto-ultimate-content-box" style="padding: 20px;">
<h2 style="font-size: 15px; line-height: 1; text-align: center; font-weight: 700; margin: -20px -20px 20px; padding-top: 20px; padding-bottom: 20px; background-color: #f86c86;" class="pt_custom_heading text-uppercase heading-light">
Flash Sale Running!
</h2>
<div class="porto-products wpb_content_element m-b-md background-color-gray flash-sale">
{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="1" image_width="300" image_height="300" template="grid.phtml"}}
</div>
<div class="btn-container btn-secondary-light mb-0 text-center w-100">
<a class="vc_btn3 btn btn-md btn-secondary d-block" href="#">SHOP SALE NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 29</title>
<identifier>banner_category_demo29</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.ls-10em {
letter-spacing: .01em;
}
.ls-25em {
letter-spacing: .025em;
}
.ls-negative-25em {
letter-spacing: -.025em;
}
.font-weight-semibold, .text-weight-semibold {
font-weight: 600;
}
.pt_btn3.btn {
font-family: 'Open Sans';
font-weight: 700;
text-transform: uppercase;
padding: 1.2em 2.5em;
letter-spacing: .01em;
}
</style>
<div class="pt_row wpb_row porto-inner-container">
<div class="porto-wrap-container container">
<div class="row">
<div class="pt_column_container col-md-12">
<div class="wpb_wrapper pt_column-inner">
<div class="pt_row wpb_row pt_inner row pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-top: 20px !important; margin-right: 0px !important; margin-left: 0px !important; background-color: #f4f4f4 !important;">
<div class="px-0 pt_column_container col-md-4 porto-lazyload lazy-load-loaded"
style="background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop29_shop_banner.jpg"}}');
padding-top: 70px;
padding-bottom: 70px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;">
<div class="wpb_wrapper pt_column-inner"></div>
</div>
<div class="py-4 pt_column_container col-md-5">
<div class="wpb_wrapper pt_column-inner">
<h2 style="font-size: 38px; color: #181a1c; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-10em align-left text-uppercase">PORTO SWITCH LITE</h2>
<h3 style="font-size: 18px; color: #777777; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 ls-25em align-left text-uppercase">now available for pre-order</h3>
</div>
</div>
<div class="pt_column_container col-md-3">
<div class="wpb_wrapper pt_column-inner">
<div class="btn-container mb-3 mb-md-0 d-inline-block"><button class="pt_btn3 btn btn-md btn-quaternary">PRE-ORDER NOW</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 5</title>
<identifier>porto_custom_block_for_header_top5</identifier>
<content><![CDATA[<div class="custom-html font-size-xl font-weight-medium">Get 10% OFF at the Porto GAMES Selection</div>
<span class="separator"></span>
<div class="custom-html font-size-xl font-weight-bold"><a href="#" class="text-color-primary">Shop Now!</a></div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 9</title>
<identifier>footer_top_block9</identifier>
<content><![CDATA[<div class="widget widget_nav_menu">
<div class="menu-footer-bottom-links-container">
<ul class="menu">
<li class="menu-item"><a href="#">My account</a></li>
<li class="menu-item"><a href="#">Track Your Order</a></li>
<li class="menu-item"><a href="#">Shipping Guide</a></li>
<li class="menu-item"><a href="#">Faqs</a></li>
<li class="menu-item"><a href="#">Product Support</a></li>
</ul>
</div>
</div>
<style>
.footer-top .menu {
display: flex;
flex-wrap: wrap;
border-bottom: none;
margin-top: 0;
}
.footer-top .widget>div>ul li {
border: none;
padding: 0;
margin-right: 2rem;
}
.footer-top .menu li a {
font-size: .875rem;
font-weight: 600;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 8</title>
<identifier>footer_middle_groups8</identifier>
<content><![CDATA[<div class="row">
<div class="col-lg-2">
<div class="widget widget_media_image">
<a href="#">
<img width="110" height="46" src='{{media url="logo/default/logo_ecomwhite_lg.png"}}' />
</a>
</div>
</div>
<div class="col-lg-7">
<div class="widget follow-us">
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="widget widget_media_image">
<img class="d-block" src='{{media url="wysiwyg/smartwave/porto/footer/shop29_payment.png"}}' />
</div>
</div>
</div>
<style>
.footer-middle .widget_media_image img {
max-width: 100%;
height: auto;
display: block;
}
.footer .follow-us .share-links a {
border: 1px solid #292d32;
font-size: 16px;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #fff;
}
@media (min-width: 992px) {
.footer .share-links {
margin-left: 20px;
}
.footer .footer-middle .col-lg-2 .widget_media_image {
border-right: 1px solid #2a2e33;
}
.footer .footer-middle .col-lg-3 .widget_media_image {
text-align: right;
padding-right: 20px;
}
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Category Page Side bar</title>
<identifier>porto_category_side_custom_block</identifier>
<content><![CDATA[<div class="custom-block">
<h2 class="sidebar-title">Featured</h2>
<div class="block-content">
<div class="sidebar-filterproducts">
<div id="featured_product">
{{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" aspect_ratio="0" image_width="150" image_height="150" template="side_list.phtml"}}
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#featured_product .owl-carousel").owlCarousel({
loop: false,
items: 1,
nav: true,
dots: false
});
});
</script>
</div>
</div>
</div>
<div class="custom-block">
<h2>Custom HTML Block</h2>
<div class="block-content">
<h5 style="margin-top: -10px; margin-bottom: 20px; color: #777">This is a custom sub-title.</h5>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus </p>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Product Page Side bar</title>
<identifier>porto_product_side_custom_block</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.feature-box .feature-box-info {
padding-left: 0;
}
.porto-ibanner {
z-index: 1;
overflow: hidden;
margin: 0 0 35px;
text-align: center;
}
.product-banner:before {
content: "";
position: absolute;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 2px solid rgba(255, 255, 255, 0.5);
z-index: 1;
}
.porto-ibanner-layer {
position: absolute;
z-index: 10;
text-align: left;
font-size: 1rem;
}
.porto-ibanner .porto-ibanner-desc.no-padding {
padding: 0;
}
.product-banner .sale-text {
position: relative;
}
.product-banner .sale-text:before,
.product-banner .sale-text:after {
content: "";
position: absolute;
width: 120px;
height: 60px;
margin-top: -30px;
margin-left: -60px;
top: 50%;
left: 50%;
border-radius: 60px 60px 0 0;
transform-origin: 50% 100%;
}
.product-banner .sale-text {
padding-top: 1.1em;
margin-bottom: 0.9em;
padding-left: 0.1em;
}
.product-banner .sale-text:before {
transform: rotate(-60deg);
}
.product-banner .sale-text:after {
margin-top: -34px;
margin-left: -56px;
transform: rotate(120deg);
}
.product-banner .sale-text > * {
position: relative;
z-index: 1;
}
.product-banner .sale-text b {
font-weight: inherit;
}
.product-banner .sale-text sup {
font-size: 45%;
top: -0.9em;
left: 0.3em;
}
.product-banner .sale-text sub {
font-size: 35%;
font-weight: 200;
left: -0.8em;
bottom: 0.1em;
}
.custom-font1 {
font-family: Oswald, sans-serif;
}
</style>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="font-size: 40px; display: inline-block;"><i class="porto-icon-shipped"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h5 class="porto-sicon-title" style="color: #6b7a83;">
FREE <br />
HIPPING
</h5>
</div>
</div>
<hr style="background-color: #e7e7e7; color: #e7e7e7; opacity: 0.4;" />
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style=" font-size: 40px; display: inline-block;"><i class="porto-icon-us-dollar"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h5 class="porto-sicon-title" style="color: #6b7a83;">
100% MONEY BACK<br />
GUARANTEE
</h5>
</div>
</div>
<hr style="background-color: #e7e7e7; color: #e7e7e7; opacity: 0.4;" />
<div class="porto-sicon-box mb-5 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-icon none" style="font-size: 40px; display: inline-block;"><i class="porto-icon-online-support"></i></div>
</div>
</div>
<div class="porto-sicon-header">
<h5 class="porto-sicon-title" style="color: #6b7a83;">
ONLINE<br />
SUPPORT 24/7
</h5>
</div>
</div>
<div class="porto-ibanner product-banner" style="">
<img src="{{media url="wysiwyg/smartwave/porto/product/shop1_product_banner.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="porto-ibanner-layer" style="width: 80%; left: 50%; transform: translateX(-50%); top: 3%;">
<h4 class="porto-heading sale-text custom-font1" style="font-size: 3rem; font-weight: 400; line-height: 1; letter-spacing: -0.01em; color: #ffffff; text-align: center;"><b>50</b><sup>%</sup><sub>OFF</sub></h4>
<h3 class="porto-heading custom-font1 mb-2" style="font-size: 2.3125em; font-weight: 700; line-height: 1.2; color: #113952; text-align: center;">MEGA SALE</h3>
<h5 class="porto-heading mb-0 custom-font1" style="font-size: 1.2em; font-weight: 400; letter-spacing: 0.1em; color: #113952; text-align: center;">MANY ITEM</h5>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(before)</title>
<identifier>porto_custom_menu_before</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0">
<a href="{{store url=''}}" class="level-top"><span>Home</span></a>
</li>
</ul>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(after)</title>
<identifier>porto_custom_menu</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0">
<a href="#" class="level-top"><span>Features</span></a>
</li>
</ul>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Tab</title>
<identifier>porto_custom_tab</identifier>
<content><![CDATA[<table class="table table-sizing-guide">
<thead>
<tr>
<th colspan="6"><b>Clothing - Single Size Conversion (Continued)</b></th>
</tr>
</thead>
<tbody>
<tr>
<td>UK</td>
<td>18</td>
<td>20</td>
<td>22</td>
<td>24</td>
<td>26</td>
</tr>
<tr>
<td>European</td>
<td>46</td>
<td>48</td>
<td>50</td>
<td>52</td>
<td>54</td>
</tr>
<tr>
<td>US</td>
<td>14</td>
<td>16</td>
<td>18</td>
<td>20</td>
<td>22</td>
</tr>
<tr>
<td>Australia</td>
<td>8</td>
<td>10</td>
<td>12</td>
<td>14</td>
<td>16</td>
</tr>
</tbody>
</table>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block</title>
<identifier>porto_custom_notice</identifier>
<content><![CDATA[<div class="text-center position-relative p-t-sm p-b-sm" style="padding-top: 10px;padding-bottom: 10px;"><div class="container">Get Up to <b>40% OFF</b> New-Season Styles<a href="#" class="ml-2">Men</a><a href="#" class="mx-2">Women</a> <small>* Limited time only.</small></div></div>
<style>
.porto-block-html-top {
font-family: Poppins;
font-weight: 500;
font-size: .9286em;
line-height: 1.4;
letter-spacing: .025em;
overflow: hidden;
}
.porto-block-html-top a {
text-transform: uppercase;
display: inline-block;
padding: .4rem .5rem;
font-size: .625rem;
font-weight: 700;
background: #151719;
color: #fff;
text-decoration: none;
}
.porto-block-html-top small {
font-size: .8461em;
font-weight: 400;
opacity: .5;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 2</title>
<identifier>porto_custom_notice2</identifier>
<content><![CDATA[<div class="text-center position-relative py-3" style="padding-top: 10px;padding-bottom: 10px;">
<div class="container">Get Up to <b>40% OFF</b> New Furniture Deals <small>* Limited time only.</small></div>
</div>
<style>
.porto-block-html-top {
font-family: Poppins;
font-weight: 500;
font-size: .9286em;
line-height: 1.4;
letter-spacing: .025em;
overflow: hidden;
}
.porto-block-html-top a {
text-transform: uppercase;
display: inline-block;
padding: .4rem .5rem;
font-size: .625rem;
font-weight: 700;
background: #151719;
color: #fff;
text-decoration: none;
}
.porto-block-html-top small {
font-size: .8461em;
font-weight: 400;
opacity: .5;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 6</title>
<identifier>porto_custom_block_for_header_top6</identifier>
<content><![CDATA[<div class="custom-html"><h6 class="mb-0 text-color-light">Get 10% OFF at the Porto GIFTs Selection - <a href="#" class="text-color-light"><b>Shop Now!</b></a></h6></div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 10</title>
<identifier>footer_top_block10</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block-inner">
<div class="porto-block">
<div class="vc_row wpb_row overflow-hidden vc_row-has-fill porto-inner-container" style="background-color: #222529;">
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="vc_column_container col-md-4">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_text_column wpb_content_element mb-0 instagram-wrapper">
<div class="wpb_wrapper">
{{block class="Smartwave\Porto\Block\Template" name="instagram" margin="0" template_type="carousel" desktop="5" tablet="3" mobile="2" template="Smartwave_SocialFeed::instagramphotos.phtml"}}
</div>
</div>
</div>
</div>
<div class="position-static py-3 vc_column_container col-md-8">
<div class="wpb_wrapper vc_column-inner">
<div class="vc_row wpb_row vc_inner row justify-content-between align-items-center px-4 px-md-0">
<div class="col-auto py-3 pr-md-4 pr-xl-5 vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 1rem; line-height: 1;" class="vc_custom_heading mb-1 align-left text-uppercase heading-light">Sign Up to Newsletter</h3>
<p style="font-size: 0.8125rem; color: #999999; line-height: 1;" class="vc_custom_heading mb-0 align-left">Get all the latest information.</p>
</div>
</div>
<div class="col-auto vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}</div>
</div>
</div>
<div class="porto-ultimate-content-box-container footer-sale">
<div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-color: #ffffff; min-height: 9.375rem;" data-bg="#ffffff" id="porto_ucb_2477">
<p style="font-size: 1.125rem; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-1">20$ OFF</p>
<h3 style="font-size: 1.375rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 ls-n-15">GOPORTO</h3>
<p style="font-size: 0.9375rem; line-height: 1; text-align: center; font-weight: 300;" class="vc_custom_heading mb-0 text-uppercase">USE Coupons</p>
<div class="vc_custom_heading mfp-close align-left"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.footer-top > .container {
max-width: 100%;
padding: 0;
}
.footer-top .custom-block {
display: block;
width: 100%;
}
.footer-top .custom-block:before, .footer-top .custom-block::after {
display: none;
}
.footer-top .footer-sale .porto-ultimate-content-box {
border-radius: 5rem;
}
.footer-top .footer-sale {
position: absolute;
bottom: 0;
transform: translate(50%,50%);
width: 9.375rem;
border-radius: 5rem;
right: calc(25vw - 285px);
}
.rtl .footer-top .footer-sale {
left: calc(25vw - 285px);
right: auto;
}
.footer-top .mfp-close {
border-radius: 50%;
background: #9d8d6c;
color: #222529;
transform: scale(.6) rotate(45deg);
opacity: 1;
cursor: pointer;
}
.footer .newsletter input {
height: 44px;
border-radius: 0;
background: none;
font-size: .8125rem;
font-style: italic;
}
.footer .newsletter .action.subscribe {
height: 44px;
border-radius: 0;
background: none;
}
.footer .block.newsletter .form.subscribe {
border: 2px solid #fff;
}
@media(min-width: 768px){
.footer-top > .container .container {
padding: 0 10px;
}
.instagram-wrapper {
width: calc(50vw - 50% - 20px);
float: right;
}
.rtl .instagram-wrapper {
float: left;
}
.footer-top .col-auto:last-child {
-ms-flex: 1;
flex: 1;
}
}
</style>
<script type="text/javascript">
require(["jquery"], function ($) {
$('.footer-sale .mfp-close').on('click', function(e) {
$(this).closest('.footer-sale').fadeOut();
});
});
</script>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Free Shipping</title>
<identifier>footer_middle_freeshipping</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block-inner">
<div class="porto-block">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-4 pb-2 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 35px;"><i class="porto-icon-shipping"></i></div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1; color: #ffffff;">FREE SHIPPING & RETURN</h3>
<p style="font-size: 13px; line-height: 1.4; color: #999999;">Free shipping on all orders over $99.</p>
</div>
</div>
<div class="porto-sicon-box mb-4 pb-2 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 35px;"><i class="porto-icon-money"></i></div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1; color: #ffffff;">MONEY BACK GUARANTEE</h3>
<p style="font-size: 13px; line-height: 1.4; color: #999999;">100% money back guarantee.</p>
</div>
</div>
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 35px;"><i class="porto-icon-support"></i></div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1; color: #ffffff;">LIVE SUPPORT</h3>
<p style="font-size: 13px; line-height: 1.4; color: #999999;">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title><![CDATA[Footer Middle Follow & Payment]]></title>
<identifier>footer_middle_follow_payment</identifier>
<content><![CDATA[<div class="widget follow-us">
<h3 class="widget-title">Follow Us</h3>
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
<a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
<style>
.footer .follow-us .share-links a {
font-size: 1.25rem;
width: 2.5rem;
height: 2.5rem;
box-shadow: none;
border: none;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: inherit;
}
.footer-middle .widget_media_image img {
max-width: 100%;
}
</style>
</div>
<div class="widget widget_media_image">
<h3 class="widget-title">Payment Methods</h3>
<img src="{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_payment.png"}}" />
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Block Sidebar Second Content</title>
<identifier>block_sidebar_second_content</identifier>
<content><![CDATA[<div class="sidebar-content">
<style>
.sidebar-second .sidebar-content .widget {
padding: 0 0 .625rem;
margin-top: 0;
margin-bottom: 1.875rem;
}
.sidebar-second .sidebar-content .widget-title {
margin-left: 0;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 600;
padding: 5px 0 7px!important;
border-bottom: 1px solid rgba(34,37,41,.07);
}
.sidebar-second .sidebar-content p {
font-size: .8125rem;
}
.font-weight-normal {
font-weight: 400!important;
}
</style>
<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Custom HTML Block</h3>
<div class="textwidget custom-html-widget">
<h6 class="font-weight-normal">This is a custom sub-title.</h6>
<p class="text-color-dark mb-0">Lorem ipsum dolor sit amet, con sec tetur elitad.</p>
</div>
</div>
<div class="widget widget-block">
<div class="block-inner">
<div class="porto-block">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-separator mb-5"><hr class="separator-line align_center solid" /></div>
<div class="porto-ultimate-content-box-container">
<div class="porto-ultimate-content-box has-content-pos justify-content-center"
style="
padding-right: 1.5rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0);
min-height: 16.25rem;
background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_home_banner.jpg"}}');">
<h3 style="font-size: 1.75rem; line-height: 1.2;" class="vc_custom_heading mb-0 custom-font4 align-right">
Sport<br />
Shoes
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 14</title>
<identifier>porto_footer_bottom_custom_block_14</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<a href="#" class="mr-5">AFFILIATES</a>
<a href="#" class="mr-5">PRIVACY POLICY</a>
<a href="#">TERMS & CONDITIONS</a>
</div>
<style>
.footer-bottom .textwidget {
font-weight: 500;
}
@media (min-width: 992px) {
.footer .footer-bottom f-right .widget {
margin-left: 15px;
}
}
</style>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 30</title>
<identifier>banner_category_demo30</identifier>
<content><![CDATA[<div class="porto-block">
<style>
.vc_custom_1602755767215 {
margin-right: 0px !important;
margin-bottom: 30px !important;
margin-left: 0px !important;
background-color: #f0f0ee !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.shop-banner {
padding-left: 33.3333% !important;
font-size: 10px;
}
.rtl .shop-banner {
padding-right: 33.3333% !important;
padding-left: 0 !important;
}
.tri-line, .heading.heading-middle-border .heading-tag:before, .heading.heading-middle-border .heading-tag:after {
background: url({{media url="wysiwyg/smartwave/porto/homepage/30/shop30_divider_line.png"}}) repeat-x;
background-position: left top;
min-height: 8px;
border: none;
}
@media (max-width: 1599px) {
.shop-banner {
padding-left: 20% !important;
font-size: 8px;
}
.rtl .shop-banner {
padding-left: 0 !important;
padding-right: 20% !important;
font-size: 8px;
}
}
@media (max-width: 991px) {
.shop-banner {
padding-left: 10% !important;
font-size: 6px;
}
}
</style>
<div class="block-inner">
<div
class="vc_row wpb_row row justify-content-between py-5 pr-4 shop-banner vc_custom_1602755767215 vc_row-has-fill vc_row-o-content-middle"
style="background-image: url('{{media url="wysiwyg/smartwave/porto/category/banner/shop30_shop_banner.jpg"}}');"
>
<div class="py-1 col-auto vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="vc_custom_heading mb-3 ls-n-20 align-left heading heading-border heading-middle-border">
<h5 style="font-size: 1.7em; color: #777777; line-height: 1; font-weight: 500;" class="heading-tag">New Brown Collection</h5>
</div>
<h2 style="font-size: 5.4em; line-height: 1; letter-spacing: 0.005em;" class="vc_custom_heading mb-1 custom-font4 align-left">Summer Sale</h2>
<h3 style="font-size: 9.4em; line-height: 1;" class="vc_custom_heading mb-0 align-left">30% OFF</h3>
</div>
</div>
<div class="pl-3 pr-4 py-2 col-auto vc_column_container col-md-12 d-flex align-items-center">
<div class="wpb_wrapper vc_column-inner">
<div class="btn-container mb-0 d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-lg btn-dark">GET YOURS!</button></div>
</div>
</div>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 15</title>
<identifier>porto_custom_notice15</identifier>
<content><![CDATA[<div class="porto-block" style="background-color: #c3512f;">
<style>
.porto-block-html-top .porto-sicon-box {
justify-content: center;
}
.porto-block-html-top .porto-sicon-default .porto-icon {
margin-right: .5rem;
display: block;
}
</style>
<div class="row no-padding mt-0 mb-0 pt-0 pb-0">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="notice-carousel porto-carousel owl-carousel mb-0 w-100">
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 24px;"><i class="porto-icon-shipping"></i></div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">Free Shipping on Orders Over $99</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; background-color: #b94725;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 24px;"><i class="porto-icon-money"></i></div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">Up to 40% OFF on Selected Items</h3></div>
</div>
<div class="porto-sicon-box mb-0 style_1 default-icon" style="padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 24px;"><i class="porto-icon-secure-payment"></i></div>
</div>
<div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">100% Secure Payment</h3></div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".notice-carousel.owl-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: false,
navRewind: true,
lazyLoad: true,
margin: 0,
nav: false,
dots: false,
responsive: {
0: {
items: 1,
},
640: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 2,
},
1200: {
items: 3,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 31</title>
<identifier>banner_category_demo31</identifier>
<content><![CDATA[<div class="porto-block">
<style>
sup {
font-size: 55%;
}
.porto-ibanner-layer {
position: absolute;
z-index: 10;
}
.shop-banner .btn-borders.btn-lg {
font-size: 0.9375em;
padding: 0.9375em 3.2em;
border-width: 4px;
font-weight: 700;
}
.shop-banner .porto-ibanner {
height: 300px;
}
@media (max-width: 480px) {
.shop-banner .porto-ibanner-layer {
font-size: 2.5vw;
}
.shop-banner .btn-borders.btn-lg {
border-width: 2px;
}
}
</style>
<div class="vc_row wpb_row row shop-banner vc_row-has-fill" style="border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div id="interactive-banner-wrap-5481" class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 300px;">
<img src="{{media url="wysiwyg/smartwave/porto/category/banner/shop31_shop_banner.jpg"}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="container">
<div class="porto-ibanner-container">
<div class="porto-ibanner-layer" style="left: 0%; top: 50%; transform: translateY(-50%);">
<h3 style="font-size: 2.125em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-left">Spring / Summer Season</h3>
<h3 style="font-size: 2.4em; line-height: 1; text-align: center;" class="vc_custom_heading mr-2 d-inline-block">
up<br />
to
</h3>
<h3 style="font-size: 5.125em; line-height: 1; letter-spacing: 0.03em;" class="vc_custom_heading mb-3 d-inline-block align-left">50% OFF</h3>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<h4 style="font-size: 0.95em; line-height: 1;" class="vc_custom_heading ls-n-20 pull-left mr-2 align-left">STARTING AT</h4>
<h5 style="font-size: 2.1875em; line-height: 0.75;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-lg-1 align-left heading-primary"><sup>$</sup>19<sup>99</sup></h5>
<div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default wpb_custom_4eba9bcc8f6c36e45e1d476fc3d9024c btn btn-borders btn-lg btn-dark">SHOP NOW</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title><![CDATA[Footer Middle Follow & Payment 2]]></title>
<identifier>footer_middle_follow_payment2</identifier>
<content><![CDATA[<div class="widget follow-us">
<h3 class="widget-title">Social media</h3>
<div class="share-links">
<a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
</div>
</div>
<div class="widget widget_media_image">
<h3 class="widget-title">Payment methods</h3>
<a href="#">
<img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_payment_logo.png"}}" style="max-width:100%;"/>
</a>
</div>
<style>
.footer .follow-us .share-links a {
width: 2.5rem;
height: 2.5rem;
box-shadow: none;
border: 1px solid #e7e7e7;
}
.footer .follow-us .share-links a:not(:hover) {
background: none;
color: #222529;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle More Information</title>
<identifier>footer_middle_more_information</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">More Information</h3>
<div class="textwidget custom-html-widget">
<ul>
<li><a href="#">Affiliates</a></li>
<li><a href="#"> Refer a Friend </a></li>
<li><a href="#"> Student Beans Offers </a></li>
<li><a href="#"> Gift Vouchers </a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Service 2</title>
<identifier>footer_middle_customer_service2</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Customer Service</h3>
<div class="textwidget custom-html-widget">
<ul>
<li><a href="#">Help & FAQs</a></li>
<li><a href="#">Order Tracking</a></li>
<li><a href="#">Shipping & Delivery</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="/my-account/">Login</a></li>
</ul>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Top Block 11</title>
<identifier>footer_top_block11</identifier>
<content><![CDATA[<div class="widget widget-block w-100">
<div class="row align-items-center m-b-lg mt-5 pt-3">
<div class="col-md-4 block-column">
<h3 class="porto-heading mb-1" style="font-size: 1rem; line-height: 1;">SUBSCRIBE NEWSLETTER</h3>
<p class="porto-heading m-b-sm" style="font-size: 0.8125rem; line-height: 1.5; color: #90969a;">Get all the latest information on Events, Sales and Offers.</p>
</div>
<div class="col-md-8 block-column">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 7</title>
<identifier>porto_custom_block_for_header_top7</identifier>
<content><![CDATA[<h2 class="mb-0 text-sm" style="font-weight: 400; letter-spacing: -.01em; color: rgba(255, 255, 255, .7); line-height: 1.4">Get <b class="font-weight-extra-bold">10% OFF</b> at the Porto Cosmetics Selection - <a class="font-weight-extra-bold" href="#" style="text-decoration: underline; color: inherit">Shop Now!</a></h2>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 14</title>
<identifier>porto_custom_block_for_header_14</identifier>
<content><![CDATA[<div class="porto-block">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<a class="porto-sicon-box-link" href="{{store url="customer/account/"}}">
<div class="porto-sicon-box text-left login-link style_2 default-icon mb-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #282d3b; font-size: 32px;"><i class="porto-icon-user-2"></i></div>
</div>
<div class="porto-sicon-header>
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 11px; line-height: 13px; letter-spacing: 0.3px; color: #777777;margin:0;font-family: Open Sans">Welcome</h3>
<p style="font-weight: 700; font-size: 16px; color: #282d3b;font-family:Open Sans">Sign In / Register</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<style>
.page-header .header-main .porto-sicon-box .porto-icon {
margin-right: 5px;
display: block;
line-height: 1em;
}
.page-header .header-contact i {
display: block;
margin: 0;
line-height: 1;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Custom Block Header Bottom</title>
<identifier>porto_custom_block_header_bottom</identifier>
<content><![CDATA[<div class="custom-html">
<div class="d-flex">
<div class="mr-5 info-item">
<a href="#"><i class="porto-icon-percent-shape" style="font-size: 2em;"></i> Special Offers </a>
</div>
<div class="info-item">
<a href="#"><i class="porto-icon-business-book" style="font-size: 1.8em;"></i> Recipes </a>
</div>
</div>
</div>
<style>
.page-header .info-item a {
font-weight: 700;
letter-spacing: -.025em;
display: inline-flex;
align-items: center;
vertical-align: middle;
color:#282d3b;
}
@media (max-width: 1459px) {
.page-header .header-bottom .custom-html {
display: none;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(after) for Demo 33</title>
<identifier>porto_custom_menu_33</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url=''}}" class="level-top">
<i class="porto-icon-category-fashion"></i>
<span>Fashion</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2 wpb_content_element">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Woman</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Men</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Jewellery</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Kid Fashions</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6 text-right wpb_content_element" style="padding-top:10px;">
<img class="d-inline-block" src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-1.jpg"}}" />
</div>
<div class="menu-bottom-block col-md-12">
<style>
.menu-brand-carousel .item-img {
border: 1px solid #e3e3e3;
padding: 10px;
}
</style>
<div class="porto-carousel menu-brand-carousel owl-carousel" style="margin-bottom: 10px;">
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div></div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".menu-brand-carousel.owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
nav: false,
dots: false,
loop: true,
margin: 20,
responsive: {
0: {
items: 2,
},
640: {
items: 3,
},
768: {
items: 4,
},
992: {
items: 5,
},
1200: {
items: 5,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop.html'}}" class="level-top">
<i class="porto-icon-category-electronics"></i>
<span>Electronics</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>ACCESSORIES</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Cables & Adapters</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Electronic Cigarettes</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Batteries</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chargers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Electronic</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bags & Cases</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>AUDIO & VIDEO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Televisions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV Receivers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Projectors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Audio Amplifier</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV SticksAmplifier</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>CAMERA & PHOTO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Digital Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camcorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera Drones</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Action Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Photo Supplies</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera & Photo</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>LAPTOPS</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Gaming Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Ultraslim Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablet Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Bags & Cases</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-bottom-block col-md-12">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-2.jpg"}}" />
</div>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-3.jpg"}}" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top">
<i class="porto-icon-category-gifts"></i>
<span>Gifts</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<style>
.wpb_single_image img {
height: auto;
max-width: 100%;
vertical-align: top;
}
</style>
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/boy.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR HIM</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boyfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Husband</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Dad</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandpa</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/girl.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR GIRL</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girlfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Wife</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Mom</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandma</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 30px; margin-bottom: 30px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/kid.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR KIDS</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girls</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Girls</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 33.5px; margin-bottom: 33.5px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/supermarket.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>BIRTHDAY</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Him</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Her</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Boyfriend Gifts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Girlfriend Gifts</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top">
<i class="porto-icon-category-garden"></i>
<span>Home & Garden</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-right: 0;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4" style="padding-top: 27px;background-color: #f4f4f4;margin-top: -10px;margin-bottom: -15px;padding-left:10px;padding-right:10px;">
<style>
.navigation .small-list.products-grid .product-items .product-item-info .product-item-photo {
padding: 0 !important;
}
</style>
<div class="wpb_content_element">
{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="5" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top">
<i class="porto-icon-category-music"></i>
<span>Music</span>
</a>
<div class="level0 submenu" style="width: 550px;background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-4.jpg"}});padding-top: 17px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns1">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>INSTRUMENTS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Guitar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Drums Sets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Percussions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Pedals & Effects</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Sound Cards</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Studio Equipments</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Piano & Keyboards</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>EXTRA</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Strings</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Recorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Amplifiers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Accessories</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 last staticwidth parent">
<div class="open-children-toggle"></div>
<a href="#" class="level-top">
<i class="porto-icon-sports"></i>
<span>Sports</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6">
<style>
.flash-deals {
padding: 20px 0 0 20px;
}
.flash-deals .product-item-info {
border: 2px solid #4dae65;
}
.flash-text {
position: absolute;
top: 2.5rem;
z-index: 3;
left: calc(50% + 10px);
transform: translateX(-50%);
}
.flash-deals .product-item-photo .product-item-inner, .flash-deals .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 {
display: none;
}
.flash-deals .product-item-info {
text-align:center !important;
}
.flash-deals .product-item-info.type3 .product-reviews-summary {
margin: 0 auto .55rem;
}
.flash-deals .product-item-name a {
font-size: .9375rem !important;
font-weight: 400 !important;
line-height: 1.35 !important;
color: #222529 !important;;
padding: 0 !important;
}
.flash-deals .product-item-info:hover .product-item-photo {
box-shadow: none;
}
</style>
<div class="porto-u-heading flash-text" style="text-align:center">
<div class="porto-u-main-heading">
<h2 style="font-weight:800;font-size:15px;letter-spacing:-0.01em;">FLASH DEALS</h2>
</div>
</div>
<div class="wpb_content_element flash-deals">
{{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" column_count="1" product_type="3" product_count="1" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block 16</title>
<identifier>porto_custom_notice16</identifier>
<content><![CDATA[<div class="background-color-dark text-center text-color-light position-relative p-t-sm p-b-sm">
<div class="container">
<img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_logo2.png"}}" width="116" alt="" /><span class="mx-4 py-1 px-3">The Lowest Prices Once A Month! Hurry To Snap Up</span>
<a href="#" class="btn btn-borders btn-light">Shop Now!</a>
</div>
</div>
<style>
.porto-block-html-top .container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
letter-spacing: -.025em;
}
.porto-block-html-top span {
opacity: .7;
}
.porto-block-html-top .btn.btn-borders {
border-color: rgba(255,255,255,.3);
font-weight: 600;
text-transform: uppercase;
padding: .5em 2em;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Header 15</title>
<identifier>porto_custom_block_for_header_15</identifier>
<content><![CDATA[<div class="custom-html d-none d-lg-block ml-5">
<a class="porto-sicon-box-link" href="#" title="My Account">
<div class="porto-sicon-box mb-0 text-left style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon advanced" style="color: #222529; background: transparent; border-style: solid; border-color: #222529; border-width: 2px; width: 36px; height: 36px; line-height: 40px; border-radius: 22px; font-size: 28px;margin-right: 15px;">
<i class="porto-icon-user-2" style="margin:0;display:block;"></i>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 400; font-size: 11px; line-height: 11px; letter-spacing: -0.025em; color: #777777;">Welcome</h3>
<p style="font-weight: 700; font-size: 16px; line-height: 16px; color: #282d3b;">My Account</p>
</div>
</div>
</a>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Custom Block Header Bottom 2</title>
<identifier>porto_custom_block_header_bottom2</identifier>
<content><![CDATA[<div class="menu-custom-block">
<a href="#">Flash Deals</a>
<a href="#">New Arrivals</a>
<a href="#"><i class="porto-icon-phone-1"></i> 1-800-234-5678</a>
</div>
<style>
.header-bottom .menu-custom-block {
line-height: 22px;
font-weight: 600;
font-size: 0.8571em;
display: flex;
align-items:center;
}
.header-bottom .menu-custom-block i {
font-size: 1.5em;
position: relative;
vertical-align: middle;
margin-right: 3px;
top: -1px;
}
.header-bottom .menu-custom-block a,
.header-bottom .menu-custom-block span {
padding: 22px 20px 22px 20px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.35px;
text-transform: none;
color: #282d3b;
}
.header-bottom .menu-custom-block a {
display: inline-block;
vertical-align: middle;
}
.header-bottom .menu-custom-block a:not(:last-child) {
font-size: 0.8125rem;
text-transform: uppercase;
}
@media (max-width: 1219px) {
.header-bottom .menu-custom-block a,
.header-bottom .menu-custom-block span {
padding: 20px 8px 20px 8px;
}
.header-bottom .menu-custom-block a:not(:last-child) {
font-size: 0.7125rem;
text-transform: uppercase;
}
}
@media (min-width: 1440px) {
.header-bottom .menu-custom-block a:not(:last-child) {
margin-right: 1rem;
}
.rtl .header-bottom .menu-custom-block a:not(:last-child) {
margin-left: 1rem;
margin-right: 0;
}
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Groups 9</title>
<identifier>footer_middle_groups9</identifier>
<content><![CDATA[<div class="widget widget-block">
<div class="block">
<div class="porto-block">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12 col-lg-4">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box mb-3 mb-lg-0 style_2 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 50px;"><i class="porto-icon-envolope" style="color: inherit;"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 1.2;">Subscribe To Our Newsletter</h4>
<p style="font-size: 13px; line-height: 1.2; letter-spacing: 0.005em; color: #90969a;">Get all the latest information on Events, Sales and Offers.</p>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-12 col-lg-8">
<div class="wpb_wrapper vc_column-inner">
<style>
.single-subscribe .newsletter input {
border: 2px solid #bebebe;
font-size: .75rem;
border-right: none;
border-radius: .25rem 0 0 .25rem;
height: 3rem;
}
.footer .newsletter .action.subscribe {
text-transform: uppercase;
border: none;
height: 3rem;
border-radius: 0 .25rem .25rem 0;
font-size: .875rem;
letter-spacing: -.05em;
padding: .75rem 1.5rem;
font-weight: 600;
min-width: 25%;
}
</style>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
</div>
</div>
</div>
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-12">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-separator my-5"><hr class="separator-line align_center solid" /></div>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-6 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 0.9375rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">CUSTOMER SERVICE</h3>
<div class="wpb_text_column wpb_content_element mb-3">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Help & FAQs</a></li>
<li><a href="#">Order Tracking</a></li>
<li><a href="#">Shipping & Delivery</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 0.9375rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">about us</h3>
<div class="wpb_text_column wpb_content_element mb-3">
<div class="wpb_wrapper">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Our Stores</a></li>
<li><a href="#">Corporate Sales</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 0.9375rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">More Information</h3>
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<ul>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Refer a Friend</a></li>
<li><a href="#">Student Beans Offers</a></li>
<li><a href="#">Gift Vouchers</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 0.9375rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">Social Media</h3>
<div class="porto-u-icons pt-2">
<a href="#">
<div class="porto-icon advanced" style="color: #222529; border-style: solid; border-color: #eeeeee; border-width: 1px; width: 38px; height: 38px; line-height: 38px; border-radius: 20px; font-size: 14px; margin-right: 10px;" >
<i class="fab fa-instagram"></i>
</div>
</a>
<a href="#">
<div class="porto-icon advanced" style="color: #222529; border-style: solid; border-color: #eeeeee; border-width: 1px; width: 38px; height: 38px; line-height: 38px; border-radius: 20px; font-size: 14px; margin-right: 10px;">
<i class="fab fa-twitter"></i>
</div>
</a>
<a href="#">
<div class="porto-icon advanced" style="color: #222529; border-style: solid; border-color: #eeeeee; border-width: 1px; width: 38px; height: 38px; line-height: 38px; border-radius: 20px; font-size: 14px; margin-right: 10px;">
<i class="fab fa-facebook-f"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="porto-separator my-4 pb-3"><hr class="separator-line align_center solid" /></div>
<div class="vc_row wpb_row vc_inner row">
<div class="vc_column_container col-md-12 col-lg-8">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_raw_code wpb_content_element wpb_raw_html product-cats mb-4">
<div class="wpb_wrapper">
<ul>
<li>
<h4 class="d-inline-block">Fashion:</h4>
<a href="#">Tops & Blouses</a> | <a href="#">Accessories</a> | <a href="#">Dresses & Skirts</a> | <a href="#">Shoes & Boots</a> |
<a class="view-all" href="#">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
<li>
<h4 class="d-inline-block">Electronics:</h4>
<a href="#">Cables & Adapters</a> | <a href="#">Electronic Cigarettes</a> | <a href="#">Batteries</a> | <a href="#">Chargers</a> | <a href="#">Home Electronic</a> | <a href="#">Bags & Cases</a> |
<a class="view-all" href="#">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
<li>
<h4 class="d-inline-block">Gifts:</h4>
<a href="#">Gifts for Boyfriend</a> | <a href="#">Gifts for Husband</a> | <a href="#">Gifts for Dad</a> | <a href="#">Gifts for Grandpa</a> |
<a class="view-all" href="#">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
<li>
<h4 class="d-inline-block">Home & Garden:</h4>
<a href="#">Sofas & Couches</a> | <a href="#">Armchairs</a> | <a href="#">Bed Frames</a> | <a href="#">Bedside Tables</a> | <a href="#">Dressing Tables</a> | <a href="#">Chest of Drawers</a> |
<a class="view-all" href="#">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
<li>
<h4 class="d-inline-block">Music:</h4>
<a href="#">Guitar</a> | <a href="#">Drums Sets</a> | <a href="#">Percussions</a> | <a href="#">Pedals & Effects</a> | <a href="#">Sound Cards</a> | <a href="#">Studio Equipments</a> |
<a href="#">Piano & Keyboards</a> | <a href="#" class="view-all">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
<li>
<h4 class="d-inline-block">Sports:</h4>
<a href="#">Sports & Fitness</a> | <a href="#">Boating & Sailing</a> | <a href="#">Clothing</a> | <a href="#">Exercise & Fitness</a> | <a href="#">Golf</a> | <a href="#">Hunting & Fishing</a> |
<a href="#">Leisure Sports</a> | <a href="#">Running</a> |
<a class="view-all" href="#">View All<i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-12 offset-lg-1 col-lg-3">
<div class="wpb_wrapper vc_column-inner">
<h3 style="font-size: 0.9375rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">Payment Methods</h3>
<div class="wpb_single_image wpb_content_element vc_align_left mb-4">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/footer/shop34_payment.png"}}" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="porto-separator mt-2 m-b-n-lg"><hr class="separator-line align_center solid" /></div>
</div>
</div>
</div>
</div>
</div>
<style>
.footer .product-cats li {
padding-top: 2px;
padding-bottom: 2px;
}
.footer .product-cats a {
margin: 0 .25rem;
}
.footer .product-cats h4 {
font-size: inherit;
margin-bottom: 0;
}
.footer .product-cats .view-all {
font-weight: 600;
color: #3050ff;
font-size: .75rem;
}
</style>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Header Social Media</title>
<identifier>header_social_media</identifier>
<content><![CDATA[<div class="share-links m-r-n-sm">
<a target="_blank" rel="nofollow noopener noreferrer" class="share-facebook" href="#" title="Facebook"></a>
<a target="_blank" rel="nofollow noopener noreferrer" class="share-x-twitter" href="#" title="Twitter"></a>
<a target="_blank" rel="nofollow noopener noreferrer" class="share-instagram" href="#" title="Instagram"></a>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Footer Logo White</title>
<identifier>porto_footer_logo_white</identifier>
<content><![CDATA[<div class="widget widget_media_image">
<a href=""><img class="image" src="{{media url="logo/default/logo_ecomwhite_sp.png"}}" alt="" width="202" height="80" /></a>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title></title>
<identifier></identifier>
<content><![CDATA[]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block for Product Page Main Area</title>
<identifier>porto_product_main_custom_block</identifier>
<content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/product/custom_image.jpg"}}" alt="" style="max-width: 100%; float: right;" />]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 4 - Top Block</title>
<identifier>porto_about_us_4_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/4/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 80px 0;">
<div class="container">
<em style="font-family:'Open Sans';font-size:18px;font-weight: 700;color: #1e3636;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">ABOUT US</em>
<h2 style="font-family:'Open Sans';font-size:36px;font-weight: 800;color: #1e3636;font-style: normal;line-height: 1;margin: 0;margin-bottom: 30px;">OUR COMPANY</h2>
<button class="btn" style="font-family:'Oswald';font-size:14px;font-weight:400;line-height:1;color:#fff;background-color: #010204;padding: 13px 25px;border-radius: 2px;height:auto;border:0;">CONTACT</button>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 7 - Top Block</title>
<identifier>porto_about_us_7_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/7/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
<div class="container">
<em style="font-family:'Open Sans';font-size:18px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">SUCCESS WAY OF</em>
<h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">OUR HISTORY</h2>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 8 - Top Block</title>
<identifier>porto_about_us_8_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/8/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
<div class="container">
<h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 9 - Top Block</title>
<identifier>porto_about_us_9_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/9/top-bg.jpg"}}) 66% 0 no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
<div class="container">
<em style="font-family:'Open Sans';font-size:18px;font-weight: 400;color: #000;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">OUR HISTORY</em>
<h2 style="font-family:'Oswald';font-size:60px;font-weight: 700;color: #000;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 13 - Top Block</title>
<identifier>porto_about_us_13_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/13/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 210px 0 200px;">
<div class="container">
<h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 16 - Top Block</title>
<identifier>porto_about_us_16_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/16/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 210px 0 200px;">
<div class="container">
<h2 class="bg-title" style="font-family:'Oswald';font-size:60px;font-weight: 400;color: #fff;font-style: normal;line-height: 1;margin: 0;margin-left: 50px;display:inline-block;"><span style="display:inline-block;">ABOUT US<span></h2>
</div>
</div>
<style type="text/css">
h2.bg-title {
position: relative;
}
h2.bg-title:before {
content: '';
position: absolute;
border: 70px solid transparent;
border-bottom-color: #292525;
border-left-width: 0;
border-right-width: 15px;
border-top: 0;
width: 270px;
height: 70px;
left: -15px;
}
h2.bg-title span {
position: relative;
z-index: 1;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 18 - Top Block</title>
<identifier>porto_about_us_18_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/18/top-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding: 130px 0;">
<div class="container">
<h2 style="font-family:'Oswald';font-size:36px;font-weight: 700;color: #333;font-style: normal;line-height: 1;margin: 0;">WHO WE ARE</h2>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - About Us 20 - Top Block</title>
<identifier>porto_about_us_20_top_block</identifier>
<content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/top-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:205px 0 115px;">
<div class="not-fullwidth container">
<em style="font-family: 'Poppins';font-size: 25.5px;font-weight: 500;color: #fff;font-style: normal;line-height: 1;display: block;margin-bottom: 10px;letter-spacing: 4px;">HISTORY</em>
<h2 style="font-family:'Oswald';font-size: 60px;font-weight: 400;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
</div>
</div>
<div class="content-row main-container" style="padding-top:65px;padding-bottom:80px;">
<div class="row">
<div class="col-xl-6">
<img src="{{media url="wysiwyg/smartwave/porto/aboutus/20/about.jpg"}}" style="width:100%;" alt="" />
</div>
<div class="col-xl-6 p-xl-45">
<h2 style="margin-top:50px;">WHAT WE ARE</h2>
<p style="max-width:735px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p>
<ul class="features-ul">
<li><i class="porto-icon-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="porto-icon-angle-right"></i>Nulla id nisi a nulla rhoncus sodales et ac lectus.</li>
<li><i class="porto-icon-angle-right"></i>In sagittis diam et lorem egestas, ac sodales dolor venenatis.</li>
</ul>
</div>
</div>
</div>
<div class="content-row main-container" style="padding-top:0;padding-bottom:0;">
<div style="padding-top:40px;padding-bottom:75px;border-top:1px solid #e3e3e3;">
<div class="row">
<div class="col-lg-4">
<h2 style="margin:35px 0;">OUR MISSION</h2>
<p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum, </p>
</div>
<div class="col-lg-4">
<h2 style="margin:35px 0;">OUR VISION</h2>
<p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum, </p>
</div>
<div class="col-lg-4">
<h2 style="margin:35px 0;">OUR VALUE</h2>
<p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum, </p>
</div>
</div>
</div>
</div>
<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/middle-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:95px 0 75px;">
<div class="not-fullwidth container">
<div class="counters">
<div class="row">
<div class="col-lg-2 col-md-4 col-6">
<div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="300">
<strong data-to="32561" data-append="M+">32561M+</strong>
<label>Sold Products</label>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="600">
<strong data-to="42561" data-append="M+">42561M+</strong>
<label>Happy Buyers</label>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="900">
<strong data-to="866" data-append="+">866+</strong>
<label>Employees</label>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
<strong data-to="58584" data-append="M+">58584M+</strong>
<label>Products</label>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
<strong data-to="24" data-append="HR+">24HR+</strong>
<label>Support Available</label>
</div>
</div>
</div>
<script type="text/javascript">
// Counter
require([
'jquery'
], function ($) {
'use strict';
if ($.isFunction($.fn['themePluginCounter'])) {
$(function() {
$('[data-plugin-counter]:not(.manual), .counters [data-to]').each(function() {
var $this = $(this), opts;
var pluginOptions = $this.data('plugin-options');
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCounter(opts);
});
});
}
});
</script>
</div>
</div>
</div>
<div class="content-row main-container" style="padding-top:80px;padding-bottom:80px;text-align:center;">
<h2 style="margin-bottom:35px;">BUYERS REVIEW</h2>
<div class="owl-side-narrow">
<div id="review-slider-about" class="owl-carousel owl-theme">
<div class="item">
<div class="buyers-review">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
<div class="buyer-info">
<h4>Client Name</h4>
<div class="ratings">
<div class="rating-box">
<div class="rating" style="width:80%"></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="buyers-review">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
<div class="buyer-info">
<h4>Client Name</h4>
<div class="ratings">
<div class="rating-box">
<div class="rating" style="width:80%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#review-slider-about").owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
margin: 0,
nav: true,
dots: false,
navRewind: true,
loop: true,
navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"]
});
});
</script>
</div>
</div>
<div class="content-row" style="background-color:#ebebeb;">
<div class="main-container" style="padding-top:40px;padding-bottom:40px;">
<div class="support-block row">
<div class="col-xl-3 col-lg-6">
<div class="support-item">
<i class="porto-icon-support"></i>
<h3>ONLINE SUPPORT</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="support-item">
<i class="porto-icon-shipping"></i>
<h3>FREE SHIPPING & RETURN</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="support-item">
<i class="porto-icon-money"></i>
<h3>MONEY BACK GUARANTEE</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="support-item">
<i class="porto-icon-shirt"></i>
<h3>NEW STYLES EVERY DAY</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.main-container {
padding: 30px 15px 50px 15px;
}
@media (min-width:768px){
.main-container {
padding: 30px 85px 50px 85px;
}
.columns .column.main, .page-main {
min-height: 0;
padding: 0;
}
}
.counter {
text-align:center;
padding-bottom: 20px;
}
.counter > label {
display: block;
font-family: 'Poppins';
font-size: 18px;
font-weight: 400;
line-height: 1;
color: #fff;
}
.counter > strong {
font-family: 'Oswald';
font-size: 38px;
font-weight: 400;
color: #fff;
line-height: 1;
margin-bottom: 15px;
display: block;
}
.counter > strong span {
font-size: 19px;
}
@media (min-width: 992px) {
.counters .col-lg-2 {
-webkit-flex: 0 0 20%;
-moz-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.support-block .support-item {
padding: 0;
line-height: 1.4;
margin-bottom: 12px;
}
.support-block .support-item:after {
content: '';
display: table;
clear: both;
}
.support-block .support-item > i {
font-size: 50px;
color: #141a1f;
float: left;
margin: -10px 15px 0 0;
}
.support-block .support-item > h3 {
color: #141a1f;
font-family: 'Poppins';
font-size: 18px;
font-weight: 500;
margin: 10px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.support-block .support-item > p {
margin: 0;
font-size: 15px;
font-weight: 400;
color: #646a70;
line-height: 1.8;
margin-left: 85px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 81px;
}
.owl-side-narrow {
margin: 0 -10px;
}
.owl-side-narrow .owl-controls .owl-nav [class*=owl-] {
color: #717171;
background: transparent;
padding: 0;
margin: 0;
font-size: 24px;
position: absolute;
top: 15px;
}
.owl-side-narrow .owl-controls .owl-nav .owl-prev {
left: 0;
}
.owl-side-narrow .owl-controls .owl-nav .owl-next {
right: 0;
}
.owl-side-narrow .owl-carousel {
padding: 0 80px;
}
.owl-side-narrow .owl-carousel .owl-item.loading {
min-height: 60px;
}
.owl-side-narrow .owl-controls {
margin: 0;
}
#brands-slider-about img {
opacity: 0.5;
}
.content-row {
text-align: left;
}
.content-row h2 {
font-family: 'Oswald';
font-size: 26px;
font-weight: 400;
line-height: 1;
color: #080808;
}
.content-row p {
font-family: 'Poppins';
font-size: 14px;
font-weight: 400;
line-height: 2;
color: #555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.features-ul {
font-size: 16px;
line-height: 2;
margin-top: 30px;
list-style: none;
padding: 0;
}
.features-ul li {
margin: 0;
}
.features-ul i {
color: #080808;
margin-right: 15px;
}
@media (min-width: 1200px) {
.p-xl-45 {
padding: 0 45px;
}
}
.page-wrapper {
background-color: #f5f5f5;
}
.content-row.main-container, .content-row .main-container {
min-height: 0;
}
.buyers-review p {
font-size:18px;
max-width: 940px;
margin: 0 auto;
font-weight: 300;
margin-bottom: 35px;
}
.buyers-review .buyer-info {
padding-top: 25px;
position: relative;
}
.buyers-review .buyer-info:before {
content: '';
display: block;
width: 25px;
border-top: 2px solid #161616;
position: absolute;
top: 0;
left: 50%;
margin-left: -12.5px;
}
.buyers-review h4 {
font-size: 16px;
font-family: 'Poppins';
font-weight: 500;
color: #080808;
margin-bottom: 5px;
}
.buyers-review .ratings {
margin: 5px 0 0;
}
.buyers-review .rating-box:before {
font-size: 14px;
color: #9b9b9b;
}
.buyers-review .ratings .rating-box {
height: 14px;
width: 83px;
}
.buyers-review .rating-box:before {
font-size: 14px;
color: #9b9b9b;
height: 14px;
line-height: 14px;
width: 83px;
}
.buyers-review .rating-box .rating {
height: 14px;
}
.buyers-review .rating-box .rating:before {
color: #080808;
font-size: 14px;
height: 14px;
line-height: 14px;
width: 83px;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Social Media</title>
<identifier>footer_middle_social_media</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Social Media</h3>
<div class="share-links">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="share-facebook" data-bs-original-title="Facebook">Facebook</a>
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="share-x-twitter" data-bs-original-title="Twitter">Twitter</a>
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="share-instagram" data-bs-original-title="Instagram">Instagram</a>
</div>
</div> ]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 9</title>
<identifier>porto_custom_block_for_header_top9</identifier>
<content><![CDATA[<div class="porto-u-heading header-info mb-0 d-none d-sm-block">
<div class="porto-u-main-heading">
<h4 style="font-weight:400;color:rgba(255,255,255,0.7);font-size:15px;letter-spacing:-.01em;margin:0;">Call Us: <strong>800-123-4567</strong></h4>
</div>
</div>
<style>
.header-info strong {
font-size: 1rem;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Footer Top Block 12</title>
<identifier>footer_top_block12</identifier>
<content><![CDATA[<div class="vc_column_container col-md-4 no-padding">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-u-heading mb-md-0 mb-4 text-center text-md-start">
<div class="porto-u-main-heading">
<h4 style="font-weight:700;color:#222529;font-size:18px;line-height:1.2;letter-spacing:.2em;">NEWSLETTER</h4>
</div>
<div class="porto-u-sub-heading" style="font-weight:400;color: #90969a;font-size:13px;line-height:20px;letter-spacing:.005em;">Get all the latest information on Events, Sales and Offers.</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-8 no-padding">
<div class="wpb_wrapper vc_column-inner">
<div class="flex-grow-1">
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Porto - Custom Block for Header 17</title>
<identifier>porto_custom_block_for_header_17</identifier>
<content><![CDATA[<div class="d-flex align-items-center flex-wrap">
<div class="porto-sicon-box me-3 mb-0 d-none d-xl-flex style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color:#fcd070;font-size:16px;margin-right:4px;">
<i class="porto-icon-map-location"></i>
</div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom:0px;">Our Stores</h4>
</div>
</div>
<div class="porto-sicon-box me-3 mb-0 d-none d-xl-flex style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color:#fcd070;font-size:19px;margin-right:3px;">
<i class="porto-icon-shipping-truck"></i>
</div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom:0px;">Track Your Order</h4>
</div>
</div>
<a class="porto-sicon-box-link" href="/contact/" title="Contact Us">
<div class="porto-sicon-box pe-2 m-r-xs mb-0 d-none d-xl-flex style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color:#fcd070;font-size:18px;margin-right:8px;">
<i class="porto-icon-help-circle"></i>
</div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom:0px;">Help</h4>
</div>
</div>
</a>
</div>
<style>
.main-panel-top .porto-sicon-title {
font-weight: 700;
font-size: 11px;
letter-spacing: .01em;
line-height: 1;
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 8</title>
<identifier>porto_custom_block_for_header_top8</identifier>
<content><![CDATA[<div class="d-flex align-items-center">
<div class="wpb_text_column wpb_content_element mb-0 d-none d-md-block" style="margin-left: 2px;margin-right: 0.875rem;">
<div class="wpb_wrapper">
<a class="text-md d-flex align-items-center" href="tel:+1234567890">
<i class="Simple-Line-Icons-phone m-r-xs" style="font-size: 1.5em;"></i>
<span class="font-weight-bold">(800) 123-4567</span>
</a>
</div>
</div>
<span class="separator ms-2 m-r-md d-none d-md-block" style="border-left-width:1px;height:25px;border-left-color:#e7e7e7"></span>
<div class="porto-u-heading mb-0 ms-1 d-none d-md-block">
<div class="porto-u-sub-heading" style="font-weight:500;letter-spacing:-.025em;font-size:14px;">
<span class="text-primary font-weight-bold">Extra 15% OFF</span> Health & Wellness
</div>
<style>
.porto-u-2824.porto-u-heading {
text-align: center
}
.m-r-md {
margin-right: 20px!important;
}
@media (min-width: 768px){
.d-md-block {
display: block !important;
}
}
.ms-2 {
margin-left: 0.5rem !important;
}
</style>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Block For Header Top 10</title>
<identifier>porto_custom_block_for_header_top10</identifier>
<content><![CDATA[<div class="d-flex align-items-center flex-wrap">
<h5 style="font-size: 14px;color: #222529;line-height: 1;font-weight:700;letter-spacing:0px;margin-right: 3px;" class="vc_custom_heading mb-0 align-left">Refer to a friend and Get</h5>
<h5 style="font-size: 16px;color: #222529;line-height: 1;font-weight:800;letter-spacing:0;margin-right: 0.875rem;" class="vc_custom_heading mb-0 d-none d-md-block align-left">10% OFF</h5>
<div class="vc_btn3-container mb-0 m-l-xs me-3 p-r-xs d-md-block vc_btn3-inline">
<a class="vc_btn3 vc_btn3-shape-default br-round btn btn-md btn-dark" style="font-size:10px; font-weight:600; padding:6.9px 14.4px;" href="#" title="">START SHARING</a>
</div>
<h5 style="font-size: 11px;color: #777777;line-height: 1;font-weight:400;letter-spacing:.025em" class="vc_custom_heading custom-tip mb-0 d-none d-lg-block align-left">* Limited time only.</h5>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(after) for Demo 38</title>
<identifier>porto_custom_menu_38</identifier>
<content><![CDATA[<h3 style="font-size: 16px;color: #0071dc;line-height: 1;font-weight:700;letter-spacing:-0.16px;padding: 15.5px 13px;margin: 0 10px;" class="vc_custom_heading mb-0 m-t-xs align-left">Specials and Offers</h3>
<style>
@media(min-width: 992px){
.custom-padding .level0 .level-top {
padding: 5.5px 4px 5.5px 0px !important;
}
}
</style>
<ul class="m-b-sm p-b-xs m-t-xxs p-t-xxs custom-padding">
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="#" class="level-top">
<i class="porto-icon-percent-shape"></i>
<span>Special Offers</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Special Offers</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="#" class="level-top">
<i class="porto-icon-business-book"></i>
<span>Our Recipes</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Our Recipes</span>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
<h3 style="font-size: 16px;color: #0071dc;font-weight:700;letter-spacing:-0.16px;padding: 9.5px 13px;margin: 0 10px;" class="vc_custom_heading mb-0 align-left">Departments</h3>
<ul class="m-b-md">
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/fruits-vegetables.html'}}" class="level-top">
<span>Fruits & Vegetables</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2 wpb_content_element">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Woman</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Men</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Jewellery</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Kid Fashions</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6 text-right wpb_content_element" style="padding-top:10px;">
<img class="d-inline-block" src="{{media url=wysiwyg/smartwave/porto/megamenu/demo33-menu-1.jpg}}" />
</div>
<div class="menu-bottom-block col-md-12">
<style>
.menu-brand-carousel .item-img {
border: 1px solid #e3e3e3;
padding: 10px;
}
</style>
<div class="porto-carousel menu-brand-carousel owl-carousel" style="margin-bottom: 10px;">
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand1.png}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand2.png}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand3.png}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand4.png}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand5.png}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url=wysiwyg/smartwave/porto/brands/new_brand6.png}}" alt="" /></div></div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".menu-brand-carousel.owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
nav: false,
dots: false,
loop: true,
margin: 20,
responsive: {
0: {
items: 2,
},
640: {
items: 3,
},
768: {
items: 4,
},
992: {
items: 5,
},
1200: {
items: 5,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/meat-seafood.html'}}" class="level-top">
<span>Meat & Seafood</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>ACCESSORIES</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Cables & Adapters</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Electronic Cigarettes</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Batteries</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chargers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Electronic</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bags & Cases</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>AUDIO & VIDEO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Televisions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV Receivers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Projectors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Audio Amplifier</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV SticksAmplifier</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>CAMERA & PHOTO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Digital Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camcorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera Drones</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Action Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Photo Supplies</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera & Photo</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>LAPTOPS</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Gaming Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Ultraslim Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablet Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Bags & Cases</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-bottom-block col-md-12">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url=wysiwyg/smartwave/porto/megamenu/demo33-menu-2.jpg}}" />
</div>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url=wysiwyg/smartwave/porto/megamenu/demo33-menu-3.jpg}}" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/eggs-dairy.html'}}" class="level-top">
<span>Eggs & Dairy</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<style>
.wpb_single_image img {
height: auto;
max-width: 100%;
vertical-align: top;
}
</style>
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url=wysiwyg/smartwave/porto/megamenu/boy.png}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR HIM</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boyfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Husband</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Dad</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandpa</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url=wysiwyg/smartwave/porto/megamenu/girl.png}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR GIRL</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girlfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Wife</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Mom</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandma</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 30px; margin-bottom: 30px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url=wysiwyg/smartwave/porto/megamenu/kid.png}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR KIDS</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girls</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Girls</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 33.5px; margin-bottom: 33.5px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url=wysiwyg/smartwave/porto/megamenu/supermarket.png}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>BIRTHDAY</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Him</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Her</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Boyfriend Gifts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Girlfriend Gifts</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/snacks-candy.html'}}" class="level-top">
<span>Snacks & Candy</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-right: 0;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4" style="padding-top: 27px;background-color: #f4f4f4;margin-top: -10px;margin-bottom: -15px;padding-left:10px;padding-right:10px;">
<style>
.navigation .small-list.products-grid .product-items .product-item-info .product-item-photo {
padding: 0 !important;
}
</style>
<div class="wpb_content_element">
{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="5" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/beverages.html'}}" class="level-top">
<span>Beverages</span>
</a>
<div class="level0 submenu" style="width: 550px;background-image: url({{media url=wysiwyg/smartwave/porto/megamenu/demo33-menu-4.jpg}});padding-top: 17px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns1">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>INSTRUMENTS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Guitar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Drums Sets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Percussions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Pedals & Effects</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Sound Cards</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Studio Equipments</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Piano & Keyboards</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>EXTRA</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Strings</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Recorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Amplifiers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Accessories</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 last staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/alcohol.html'}}" class="level-top">
<span>Alcohol</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6">
<style>
.flash-deals {
padding: 20px 0 0 20px;
}
.flash-deals .product-item-info {
border: 2px solid #4dae65;
}
.flash-text {
position: absolute;
top: 2.5rem;
z-index: 3;
left: calc(50% + 10px);
transform: translateX(-50%);
}
.flash-deals .product-item-photo .product-item-inner, .flash-deals .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 {
display: none;
}
.flash-deals .product-item-info {
text-align:center !important;
}
.flash-deals .product-item-info.type3 .product-reviews-summary {
margin: 0 auto .55rem;
}
.flash-deals .product-item-name a {
font-size: .9375rem !important;
font-weight: 400 !important;
line-height: 1.35 !important;
color: #222529 !important;;
padding: 0 !important;
}
.flash-deals .product-item-info:hover .product-item-photo {
box-shadow: none;
}
</style>
<div class="porto-u-heading flash-text" style="text-align:center">
<div class="porto-u-main-heading">
<h2 style="font-weight:800;font-size:15px;letter-spacing:-0.01em;">FLASH DEALS</h2>
</div>
</div>
<div class="wpb_content_element flash-deals">
{{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="3" column_count="1" product_count="1" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/frozen.html'}}" class="level-top">
<span>Frozen</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>ALCOHOL</span>
</a>
</li>
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>BEVERAGES</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/organic-shop.html'}}" class="level-top">
<span>Organic Shop</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>ORGANIC SHOP</span>
</a>
</li>
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>HEALTH & NUTRITION</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/household-essentials.html'}}" class="level-top">
<span>Household Essentials</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>HOUSEHOLD ESSENTIALS</span>
</a>
</li>
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>HOME, KITCHEN & DINE</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/health-nutrition.html'}}" class="level-top">
<span>Health & Nutrition</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>HEALTH & NUTRITION</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/beauty-personal-care.html'}}" class="level-top">
<span>Beauty & Personal Care</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>Beauty & Personal Care</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/baby.html'}}" class="level-top">
<span>Baby</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>Baby</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/pets.html'}}" class="level-top">
<span>Pets</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<div class="open-children-toggle"></div>
<a href="#">
<span>Pets</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/party-supplies-crafts.html'}}" class="level-top">
<span>Party Supplies & Crafts</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>PARTY SUPPLIES</span>
</a>
</li>
<li class="ui-menu-item level1">
<a href="#">
<span>CRAFTS</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/home-kitchen-dine.html'}}" class="level-top">
<span>Home, Kitchen & Dine</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>HOME, KITCHEN & DINE</span>
</a>
</li>
<li class="ui-menu-item level1">
<a href="#">
<span>HOUSEHOLD ESSENTIALS</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/office-electronics.html'}}" class="level-top">
<span>Office & Electronics</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>OFFICE & ELECTRONICS</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/garden-tools.html'}}" class="level-top">
<span>Garden & Tools</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Garden & Tools</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/sports-outdoor.html'}}" class="level-top">
<span>Sports & Outdoor</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Sports & Outdoor</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/toys.html'}}" class="level-top">
<span>Toys</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Toys</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last classic parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop/clothing.html'}}" class="level-top">
<span>Clothing</span>
</a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="#">
<span>Clothing</span>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
<h3 style="font-size: 16px;color: #0071dc;line-height: 1;font-weight:700;letter-spacing:-0.16px;padding: 17.5px 13px 12px;margin: 0 10px;" class="vc_custom_heading mb-0 align-left">Customer Services</h3>
<ul>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='shop.html'}}" class="level-top">
<span>Shop</span>
</a>
<div class="level0 submenu" style="width: 650px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 1</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories.html"><span>Fullwidth Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/categories.html"><span>Boxed Image Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/categories.html"><span>Boxed Slider Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories"><span>Left Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories/fashion.html"><span>Right Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo17_en/categories.html"><span>Product Flex Grid</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-product-list-types'}}"><span>Product List Item Types</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 2</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo18_en/categories.html"><span>Ajax Infinite Scroll</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories.html"><span>3 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo13_en/categories.html"><span>4 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo10_en/categories.html"><span>5 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo18_en/categories.html"><span>6 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>7 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>8 Columns Products</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: -15px center; background-image: url({{media url=wysiwyg/smartwave/porto/megamenu/menu-banner.jpg}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top"><span>Products</span></a>
<div class="level0 submenu" style="width: 580px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Pages</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/3439/s/women-casual-bag-spring/category/461/"><span>Simple Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/3438/s/basketball-sports-blue-shoes/category/461/"><span>Configurable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/45/s/sprite-yoga-companion-kit/category/5/"><span>Bundle Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/2046/s/set-of-sprite-yoga-straps/category/3/"><span>Grouped Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/46/s/beginner-s-yoga/category/10/"><span>Downloadable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/catalog/product/view/id/3434/s/casual-spring-blue-shoes/category/473/"><span>Addtocart Sticky</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-wide-grid.html"><span>Vertical Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Accordion Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Sticky Tabs</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Layout</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-default.html"><span>Default Layout</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-carousel.html"><span>Extended Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-fullwidth.html"><span>Full Width Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-grid.html"><span>Grid Images Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-sticky-right-info.html"><span>Sticky Right Side Info</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-wide-grid.html"><span>Vertical Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo6_en/catalog/product/view/id/3510/s/blue-jacket/category/476/"><span>With Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/2458/s/porto-extended-camera/"><span>Without Sidebar</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: center center; background-image: url({{media url=wysiwyg/smartwave/porto/megamenu/shop1_megamenu.jpg}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Pages</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='about-porto'}}"><span>About Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='contact'}}"><span>Contact Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog'}}"><span>Blog</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog/post/post-format-image-gallery'}}"><span>Post</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout/cart'}}"><span>Shopping Cart</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout'}}"><span>Checkout</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='customer/account'}}"><span>My Account</span></a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Features</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='porto-header-types'}}"><span>Header Types</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='porto-footer-types'}}"><span>Footer Types</span></a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 last">
<div class="open-children-toggle"></div>
<a href="#" class="level-top"><span>Buy Porto!</span></a>
</li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Footer Top Block 13</title>
<identifier>footer_top_block13</identifier>
<content><![CDATA[ <div class="custom-subscribe no-padding flex-1">
<div class="vc_column_container">
<div class="wpb_wrapper vc_column-inner d-flex flex-wrap">
<div class="porto-sicon-box d-flex align-items-center mb-3 mb-xl-0 me-md-4 me-0 flex-column flex-sm-row newsletter-msg text-center text-sm-start">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #183f72; font-size: 50px;margin-right: 15px;"><i class="porto-icon-envolope"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 1; color: #183f72;">Subscribe To Our Newsletter</h4>
<p style="font-size: 13px; line-height: 20px; letter-spacing: 0.005em; color: #90969a;">Get all the latest information on Events, Sales and Offers.</p>
</div>
</div>
<div class="flex-1">{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}</div>
</div>
</div>
</div>
<style>
@media (max-width: 991px) {
.custom-subscribe .vc_column-inner {
flex-direction: column;
}
}
</style>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Porto - Custom Notice Block 17</title>
<identifier>porto_custom_notice17</identifier>
<content><![CDATA[<div class="container p-b-sm p-t-sm">
<div class="d-flex flex-wrap align-items-center justify-content-center">
<h4 style="font-size: 0.8125rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.025em;" class="vc_custom_heading mb-0 me-1 align-left text-uppercase heading-light">Deal of the week</h4>
<h6 style="font-size: 0.8125rem; line-height: 1.4; font-weight: 500; letter-spacing: -0.025em;" class="vc_custom_heading mb-0 me-1 align-left heading-light"> - 15% OFF in All Performance Parts - </h6>
<h5 style="font-size: 0.8125rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.025em;border-bottom: 1px solid #fff;" class="vc_custom_heading mb-0 align-left heading-light">
<a href="/shop/" title="Shop" style="color: inherit;"> Shop Now</a>
</h5>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Porto - Custom Block for Header 18</title>
<identifier>porto_custom_block_for_header_18</identifier>
<content><![CDATA[<span class="separator ms-lg-3 me-sm-3 pe-lg-1" style="height: 1.8em; border-left-color: #dadcdd;"></span>
<div class="porto-sicon-box mb-0 d-none d-lg-flex style_1 default-icon" style="margin-right: 0.875rem;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none d-block" style="color: #222529; font-size: 30px; margin-right: 0.25rem;"><i class="porto-icon-phone-1 no-margin"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="font-weight: 500; font-size: 11px; line-height: 1; color: #777777;">CALL US NOW</h4>
<p style="font-weight: 600; font-size: 17px; line-height: 1; color: #222529;">+123 5678 890</p>
</div>
</div>
<span class="separator ms-3 me-4 d-none d-lg-block" style="height: 1.8em; border-left-color: #dadcdd;"></span>
<a class="porto-sicon-box-link" href="#" title="My account" style="margin-right: 0.875rem;">
<div class="porto-sicon-box mb-0 d-none d-sm-flex style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none d-block" style="color: #222529; font-size: 28px; margin-right: 0.625rem;"><i class="porto-icon-user-2 no-margin"></i></div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight: 400; font-size: 11px; line-height: 1; letter-spacing: -0.025em; color: #777777;">Welcome</h3>
<p style="font-weight: 700; font-size: 1rem; line-height: 1; color: #222529;">Sign In / Register</p>
</div>
</div>
</a>
<span class="separator ms-sm-2 me-3 d-none d-lg-block" style="height:1.8em;border-left-color:#dadcdd"></span>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Porto - Custom Block for Header 6</title>
<identifier>porto_custom_block_for_header_6</identifier>
<content><![CDATA[<div class="custom-html">
<div class="porto-sicon-box text-left style_1 default-icon m-0">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper" style="text-align: center;">
<div class="porto-sicon-img" style="display: inline-block; font-size: 30px;">
<img class="img-icon" alt="" src="{{media url=wysiwyg/smartwave/porto/homepage/04/shop4_header_phone.png}}" width="30" />
</div>
</div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="font-weight:600;font-size:11px;line-height:11px;color:#777;">CALL US NOW</h3>
<p style="font-weight:700;font-size:18px;line-height:18px;color:#222529;">+123 5678 890</p>
</div>
</div>
</div>
<style>
.page-header .porto-sicon-box .porto-sicon-img {
margin-right: 15px;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Porto - Custom Notice Block 18</title>
<identifier>porto_custom_notice18</identifier>
<content><![CDATA[<style>
html .catalog-product-view .background-color-light {
background-color: #f4f4f4 !important;
padding-top: 10px;
padding-bottom: 10px;
}
ul.category-sidebar {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0;
align-self: flex-start;
margin-right: auto;
}
@media(min-width: 992px){
.catalog-category-view ul.category-sidebar {
margin-bottom: -45px;
}
}
.catalog-category-view .porto-block-html-top {display: none;}
.catalog-product-view .category-sidebar > li {
position: relative;
margin: 0px 38px 0px 0px;
color: #777;
contain-intrinsic-block-size: auto 100px;
}
.category-sidebar ul {
list-style: none;
padding-left: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
min-width: 200px;
background: #fff;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.category-sidebar li > .expand-icon {
right: -10px;
top: 50%;
transform: translateY(-50%);
border: none !important;
}
.category-sidebar li li > .expand-icon {
right: 8px;
}
.category-sidebar li li > .expand-icon {
right: 7px;
rotate: -90deg;
top: 14%;
transform: translateY(-14%);
}
.catalog-product-view .category-sidebar > li > a:not(.expand-icon) {
font-weight: 500;
font-size: 14px;
letter-spacing: -0.025em;
border: none;
padding: 15px 14px 15px 0px;
line-height: 20px;
}
.catalog-category-view .category-sidebar > li {
margin-right: 10px;
margin-bottom: 10px;
}
.catalog-category-view .category-sidebar > li.parent {
padding-right: 20px;
}
.catalog-category-view .category-sidebar li.parent > .expand-icon {
right: 3px;
}
.catalog-category-view .category-sidebar li > a:not(.expand-icon) {
padding: 6px 12px;
border: none;
font-weight: 500;
margin-right: 0;
margin-bottom: 0;
font-size: 14px;
letter-spacing: normal;
color: #222529;
}
.porto-block-html-top {
overflow: visible;
}
.catalog-category-view .category-sidebar > li:hover,
.catalog-category-view .category-sidebar > li.active {
background: #222529;
}
.catalog-category-view .category-sidebar > li > a:hover,
.catalog-category-view .category-sidebar > li.active > a {
color: #fff;
}
.catalog-category-view .page-wrapper > .breadcrumbs {
display: none;
}
.page-layout-1column .toolbar a.porto-product-filters-toggle {
position: relative;
z-index: 7;
}
.category-sidebar li ul {
display: none;
list-style: none;
padding-left: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 99999;
min-width: 200px;
background: #fff;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.category-sidebar ul li {
padding: 0 10px;
}
.category-sidebar li ul li a {
border-bottom: 1px solid #dfdfdf !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.category-sidebar li ul li:last-child a {
border: none !important;
}
.category-sidebar li ul li ul {
left: 100%;
top: 0;
}
</style>
<div class="container">
{{block class="Smartwave\Porto\Block\CategoryCollection" name="category_sidebar" template="Smartwave_Porto::category-menu.phtml"}}
</div>
<script type="text/javascript">
require(['jquery'], function($){
if($('.toolbar.toolbar-products').length) {
var catmenu = $('.category-sidebar').detach();
$('#layer-product-list').before(catmenu);
}
});
</script>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Banner Category Demo 41</title>
<identifier>banner_category_demo41</identifier>
<content><![CDATA[<style>
@media (min-width: 1399px) {
.intro-slider .intro-title,
.intro-slider .intro-subtitle {
margin-left: 6vw;
}
}
.intro-slider .row {
min-height: 400px;
}
.intro-slider .owl-stage {
display: flex;
}
.intro-slider .owl-stage > .owl-item {
flex: 1 0 auto;
}
.intro-slider .owl-stage > .owl-item > * {
height: 100%;
}
.intro-slider .intro-section1 {
background-position: right center !important;
}
@media (max-width: 991px) {
.intro-slider .row {
font-size: 12px;
}
}
@media (min-width: 768px) {
.intro-slider .row {
min-height: 500px;
}
}
@media (min-width: 992px) {
.intro-slider .row {
min-height: 650px;
}
}
@media (max-width: 767px) {
.intro-slider .row {
font-size: 9.5px;
padding: 3rem 0 2rem;
height: 100%;
}
.intro-slider .intro-title,
.intro-slider {
text-align: center;
}
.intro-slider .wpb_single_image {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
.intro-slider .owl-dot.active {
transform: scale(1.5);
}
.owl-carousel.custom-dots .owl-dots {
position: absolute;
margin-top: 0!important;
line-height: 1;
right: 2.5%;
bottom: 6%;
}
.text-color-primary > .btn,
.text-color-dark > .btn {
color: inherit;
}
</style>
<div class="porto-inner-container">
<div class="vc_row wpb_row row top-row intro-banner-des no-padding">
<div class="vc_column_container col-md-12" style="background-color: #f1f1f1;">
<div class="wpb_wrapper vc_column-inner">
<div id="banner-slider-demo-41" class="porto-carousel owl-carousel has-ccols ccols-1 intro-slider mb-0 custom-dots">
<div class="vc_row wpb_row vc_inner intro-section1 vc_row-has-fill vc_row-o-content-middle vc_row-flex mx-0" style="background-color: #f7f7f7; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/41/shop41-el-slide1.jpg"}}');">
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="vc_column_container col-md-6 col-lg-5">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 3.285em; line-height: 1.305em; font-weight: 600; letter-spacing: -1.6px;" class="vc_custom_heading mb-3 intro-title align-left">
Porto Touch Laptop<br />
Pro Edition 2
</h2>
<div style="font-size: 1.285em; color: #666666; line-height: 1.38em; font-weight: 500; letter-spacing: -0.025em;border-bottom: 1px solid #898989;" class="vc_custom_heading d-inline-block intro-subtitle align-left">
<a href="#" style="color: inherit;">Shop Electronics</a>
</div>
</div>
</div>
<div class="vc_column_container col-md-6 col-lg-7">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="821" height="558" src="{{media url="wysiwyg/smartwave/porto/homepage/41/shop41-el-slide-product1.png"}}" alt="Porto Intro Laptop" title="shop41-el-slide-product1" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_inner vc_row-has-fill vc_row-o-content-middle vc_row-flex porto-lazyload mx-0" style="background-color: #f7f7f7; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/41/shop41-el-slide2.jpg"}}');">
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="vc_column_container col-md-6 col-lg-5">
<div class="wpb_wrapper vc_column-inner">
<h2 style="font-size: 3.285em; line-height: 1.305em; font-weight: 600; letter-spacing: -1.6px;" class="vc_custom_heading mb-3 intro-title align-left">
Porto SmartWatch<br />
Pro Edition 2
</h2>
<div style="font-size: 1.285em; color: #666666; line-height: 1.38em; font-weight: 500; letter-spacing: -0.025em;border-bottom: 1px solid #898989;" class="vc_custom_heading d-inline-block intro-subtitle align-left">
<a href="#" style="color: inherit;">Shop Electronics</a>
</div>
</div>
</div>
<div class="vc_column_container col-md-6 col-lg-7">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="721" height="440" src="{{media url="wysiwyg/smartwave/porto/homepage/41/shop41-el-slide-product2.png"}}" alt="Porto Intro Watch" title="shop41-el-slide-product2"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
var banner_owl = $("#banner-slider-demo-41");
banner_owl.owlCarousel({
items: 1,
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
nav: false,
navRewind: true,
animateIn: "fadeIn",
animateOut: "fadeOut",
loop: false,
lazyLoad: true
});
});
</script>
</div>
</div>
</div>
</div>
<script type="text/javascript">
require(['jquery'], function($){
$('.category-cms').detach().insertAfter( ".page-header" );
});
</script>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Footer Bottom Custom Block 15</title>
<identifier>porto_footer_bottom_custom_block_15</identifier>
<content><![CDATA[<style>
.footer-bottom-menu li a {
display: block;
padding: 0 27px;
font-size: 14px;
line-height: 36px;
}
.footer-bottom .container {
max-width: 100%;
}
.footer-bottom address {
order: 1;
padding: 10px 8px 10px 0;
text-align: right;
margin-right: 0;
flex: none;
margin-left: auto;
align-self: flex-end;
}
.footer-bottom .custom-block {
flex: 1;
}
@media(max-width: 767px){
.footer ul.footer-bottom-menu {
justify-content: center;
}
.footer-bottom .custom-block,
.footer-bottom address {
flex: 0 0 100%;
}
.footer-bottom address {
text-align: center;
}
.footer-bottom .custom-block > div {
justify-content: center;
}
}
</style>
<div class="d-flex align-items-center flex-wrap">
<div class="textwidget custom-html-widget">
<ul class="footer-bottom-menu d-flex align-items-center flex-wrap">
<li><a href="#"> My Account</a></li>
<li><a href="#"> About Us </a></li>
<li><a href="#"> Contact Us </a></li>
<li><a href="#"> Cart </a></li>
<li><a href="#"> Log In </a></li>
</ul>
</div>
<div class="follow-us pl-md-3 pl-0 ml-md-1 ml-0">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(after) for Demo 41</title>
<identifier>porto_custom_menu_41</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='show-all.html'}}" class="level-top">
<span>Categories</span>
</a>
<div class="level0 submenu" style="width: 650px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 1</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories.html"><span>Fullwidth Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/categories.html"><span>Boxed Image Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/categories.html"><span>Boxed Slider Banner</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories"><span>Left Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories/fashion.html"><span>Right Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo17_en/categories.html"><span>Product Flex Grid</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{store url='porto-product-list-types'}}"><span>Product List Item Types</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 2</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo18_en/categories.html"><span>Ajax Infinite Scroll</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo2_en/categories.html"><span>3 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo13_en/categories.html"><span>4 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo10_en/categories.html"><span>5 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo18_en/categories.html"><span>6 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>7 Columns Products</span></a>
</li>
<li class="ui-menu-item level2">
<a href="javascript:void(0)"><span>8 Columns Products</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: -15px center; background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/menu-banner.jpg"}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top"><span>Products</span></a>
<div class="level0 submenu" style="width: 580px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Pages</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/3439/s/women-casual-bag-spring/category/461/"><span>Simple Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/3438/s/basketball-sports-blue-shoes/category/461/"><span>Configurable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/45/s/sprite-yoga-companion-kit/category/5/"><span>Bundle Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/2046/s/set-of-sprite-yoga-straps/category/3/"><span>Grouped Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/catalog/product/view/id/46/s/beginner-s-yoga/category/10/"><span>Downloadable Product</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo5_en/catalog/product/view/id/3434/s/casual-spring-blue-shoes/category/473/"><span>Addtocart Sticky</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-wide-grid.html"><span>Vertical Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Accordion Tabs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}"><span>Sticky Tabs</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Product Layout</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-default.html"><span>Default Layout</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-carousel.html"><span>Extended Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-fullwidth.html"><span>Full Width Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-grid.html"><span>Grid Images Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-sticky-right-info.html"><span>Sticky Right Side Info</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo4_en/porto-evolution-headset-wide-grid.html"><span>Vertical Layout</span><span class="cat-label cat-label-label1">New</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo6_en/catalog/product/view/id/3510/s/blue-jacket/category/476/"><span>With Sidebar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/2458/s/porto-extended-camera/"><span>Without Sidebar</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4">
<div style='background-position: center center; background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/shop1_megamenu.jpg"}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Pages</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='about-porto'}}"><span>About Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='contact'}}"><span>Contact Us</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog'}}"><span>Blog</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='blog/post/post-format-image-gallery'}}"><span>Post</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout/cart'}}"><span>Shopping Cart</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='checkout'}}"><span>Checkout</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='customer/account'}}"><span>My Account</span></a>
</li>
</ul>
</div>
</div>
</li>
<li class="ui-menu-item level0 classic parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" class="level-top"><span>Features</span></a>
<div class="level0 submenu">
<div class="row">
<ul class="subchildmenu">
<li class="ui-menu-item level1">
<a href="{{store url='porto-header-types'}}"><span>Header Types</span></a>
</li>
<li class="ui-menu-item level1">
<a href="{{store url='porto-footer-types'}}"><span>Footer Types</span></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Menu(after) for Demo 42</title>
<identifier>porto_custom_menu_42</identifier>
<content><![CDATA[<ul>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='fashion.html'}}" class="level-top">
<i class="porto-icon-category-fashion"></i>
<span>Fashion</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2 wpb_content_element">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Woman</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Men</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Jewellery</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>Kid Fashions</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Tops & Blouses</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dresses & Skirts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Shoes & Boots</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6 text-right wpb_content_element" style="padding-top:10px;">
<img class="d-inline-block" src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-1.jpg"}}" />
</div>
<div class="menu-bottom-block col-md-12">
<style>
.menu-brand-carousel .item-img {
border: 1px solid #e3e3e3;
padding: 10px;
}
</style>
<div class="porto-carousel menu-brand-carousel owl-carousel" style="margin-bottom: 10px;">
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div></div>
<div class="item"><div class="item-img"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div></div>
</div>
<script type="text/javascript">
require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
$(".menu-brand-carousel.owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
nav: false,
dots: false,
loop: true,
margin: 20,
responsive: {
0: {
items: 2,
},
640: {
items: 3,
},
768: {
items: 4,
},
992: {
items: 5,
},
1200: {
items: 5,
},
},
});
});
</script>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='gaming.html'}}" class="level-top">
<i class="porto-icon-category-electronics"></i>
<span>Gaming</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>ACCESSORIES</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Cables & Adapters</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Electronic Cigarettes</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Batteries</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chargers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Electronic</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bags & Cases</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>AUDIO & VIDEO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Televisions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV Receivers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Projectors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Audio Amplifier</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>TV SticksAmplifier</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>CAMERA & PHOTO</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Digital Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camcorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera Drones</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Action Cameras</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Photo Supplies</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Camera & Photo</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;"><span>LAPTOPS</span></a>
<ul class="subchildmenu">
<li class="ui-menu-item level2">
<a href="#"><span>Gaming Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Ultraslim Laptops</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Tablet Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Laptop Bags & Cases</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-bottom-block col-md-12">
<div class="vc_row wpb_row row">
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-2.jpg"}}" />
</div>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="wpb_single_image wpb_content_element vc_align_right" style="margin-top: 10px;margin-bottom: 20px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img src="{{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-3.jpg"}}" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='watch.html'}}" class="level-top">
<i class="porto-icon-category-gifts"></i>
<span>Watch</span>
</a>
<div class="level0 submenu" style="width: 818px;padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<style>
.wpb_single_image img {
height: auto;
max-width: 100%;
vertical-align: top;
}
</style>
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns4">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/boy.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR HIM</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boyfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Husband</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Dad</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandpa</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 1.5rem; margin-bottom: 1.5rem;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/girl.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR GIRL</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girlfriend</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Wife</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Mom</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Grandma</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 30px; margin-bottom: 30px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/kid.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FOR KIDS</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Girls</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Boys</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Gifts for Tween Girls</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<div class="wpb_single_image wpb_content_element vc_align_left d-none d-lg-block" style="margin-top: 33.5px; margin-bottom: 33.5px;">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">
<img width="50" height="68" src="{{media url="wysiwyg/smartwave/porto/megamenu/supermarket.png"}}" class="vc_single_image-img attachment-full"/>
</div>
</div>
</div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>BIRTHDAY</span>
</a>
<ul class="subchildmenu mb-4">
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Him</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Birthday for Her</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Boyfriend Gifts</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Girlfriend Gifts</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='furniture.html'}}" class="level-top">
<i class="porto-icon-category-garden"></i>
<span>Furniture</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-right: 0;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-8 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-4" style="padding-top: 27px;background-color: #f4f4f4;margin-top: -10px;margin-bottom: -15px;padding-left:10px;padding-right:10px;">
<style>
.navigation .small-list.products-grid .product-items .product-item-info .product-item-photo {
padding: 0 !important;
}
</style>
<div class="wpb_content_element">
{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="5" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='headphones.html'}}" class="level-top">
<i class="porto-icon-category-music"></i>
<span>Headphones</span>
</a>
<div class="level0 submenu" style="width: 550px;background-image: url({{media url="wysiwyg/smartwave/porto/megamenu/demo33-menu-4.jpg"}});padding-top: 17px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-12 mega-columns columns1">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>INSTRUMENTS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Guitar</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Drums Sets</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Percussions</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Pedals & Effects</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Sound Cards</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Studio Equipments</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Piano & Keyboards</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;color:#fff;">
<span>EXTRA</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Strings</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Recorders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Amplifiers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#" style="color:#bcbdbd;"><span>Accessories</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="ui-menu-item level0 last staticwidth parent">
<div class="open-children-toggle"></div>
<a href="{{store url='sports.html'}}" class="level-top">
<i class="porto-icon-sports"></i>
<span>Sports</span>
</a>
<div class="level0 submenu" style="width: 818px; padding-top: 22px;padding-right: 30px;padding-left: 25px;">
<div class="container">
<div class="row">
<ul class="subchildmenu col-md-6 mega-columns columns2">
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>FURNITURE</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Sofas & Couches</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Armchairs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bed Frames</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Beside Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Dressing Tables</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Chest of Drawers</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>LIGHTING</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Light Bulbs</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lamps</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Celling Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Wall Lights</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Bathroom Lighting</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Outdoor Lighting</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>HOME ACCESSORIES</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Decorative Accessories</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Candals & Holders</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Home Fragrance</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Mirrors</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Clocks</span></a>
</li>
</ul>
</li>
<li class="ui-menu-item level1 parent">
<div class="open-children-toggle"></div>
<a href="javascript:void(0)" style="pointer-events: none;">
<span>GARDEN & OUTDOORS</span>
</a>
<ul class="subchildmenu mb-2">
<li class="ui-menu-item level2">
<a href="#"><span>Garden Furniture</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Lawn Mowers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Pressure Washers</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>All Garden Tools & Equipment</span></a>
</li>
<li class="ui-menu-item level2">
<a href="#"><span>Barbecure & Outdoor Dining</span></a>
</li>
</ul>
</li>
</ul>
<div class="menu-right-block col-md-6">
<style>
.flash-deals {
padding: 20px 0 0 20px;
}
.flash-deals .product-item-info {
border: 2px solid #4dae65;
}
.flash-text {
position: absolute;
top: 2.5rem;
z-index: 3;
left: calc(50% + 10px);
transform: translateX(-50%);
}
.flash-deals .product-item-photo .product-item-inner, .flash-deals .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 {
display: none;
}
.flash-deals .product-item-info {
text-align:center !important;
}
.flash-deals .product-item-info.type3 .product-reviews-summary {
margin: 0 auto .55rem;
}
.flash-deals .product-item-name a {
font-size: .9375rem !important;
font-weight: 400 !important;
line-height: 1.35 !important;
color: #222529 !important;;
padding: 0 !important;
}
.flash-deals .product-item-info:hover .product-item-photo {
box-shadow: none;
}
</style>
<div class="porto-u-heading flash-text" style="text-align:center">
<div class="porto-u-main-heading">
<h2 style="font-weight:800;font-size:15px;letter-spacing:-0.01em;">FLASH DEALS</h2>
</div>
</div>
<div class="wpb_content_element flash-deals">
{{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="3" column_count="1" product_count="1" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}}
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto - Custom Notice Block</title>
<identifier>porto_custom_notice19</identifier>
<content><![CDATA[<div class="text-center d-flex align-items-center justify-content-center flex-wrap" style="padding-top: 15px;padding-bottom: 14px;">
<div class="porto-u-heading mb-0 d-inline-block me-0 text-center">
<div class="porto-u-sub-heading" style="color: #ffffff;">Get Up to <strong>40% OFF</strong> New-Season Styles</div>
</div>
<h6 style="font-size: 10px; color: #ffffff; font-weight: 700; letter-spacing: 0.325px;" class="vc_custom_heading mb-0 d-inline-block me-0 vc_custom_1689957984664 align-left text-uppercase">
<a href="#" title="Shop" style="color: inherit;">Men</a>
</h6>
<h6 style="font-size: 10px; color: #ffffff; font-weight: 700; letter-spacing: 0.325px;" class="vc_custom_heading mb-0 d-inline-block me-0 vc_custom_1689957952119 align-left text-uppercase"><a href="#" title="Shop" style="color: inherit;">Women</a></h6>
<p style="font-size: 12px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.025em;" class="vc_custom_heading mb-0 d-inline-block vc_custom_1690084326930 align-left">* Limited time only.</p>
<div class="vc_btn3-container mb-0 d-inline-block">
<a class="vc_btn3 p-0 vc_btn3-icon-right btn btn-md btn-primary d-flex align-items-center" style="font-size: 14px; font-weight: 600; letter-spacing: -0.02em;" href="#" title="Shop" >
Shop Now <i class="porto-icon-right-open" style="font-size: 17px;"></i>
</a>
</div>
</div>
<style>
.porto-block-html-top .porto-u-sub-heading {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.325px;
line-height: 1.75em;
}
.vc_custom_1689957984664 {
margin-left: 24px !important;
padding-top: 4px !important;
padding-right: 12px !important;
padding-bottom: 4px !important;
padding-left: 12px !important;
background-color: #151719 !important;
}
.vc_custom_1689957952119 {
margin-right: 12px !important;
margin-left: 8px !important;
padding-top: 4px !important;
padding-right: 12px !important;
padding-bottom: 4px !important;
padding-left: 12px !important;
background-color: #151719 !important;
}
.vc_custom_1690084326930 {
margin-right: 1.375rem !important;
}
</style>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Footer Top Block 14</title>
<identifier>footer_top_block14</identifier>
<content><![CDATA[<div
class="vc_row wpb_row top-row custom-contact vc_row-has-fill vc_row-o-equal-height vc_row-flex porto-inner-container"
style="padding-top: 48px !important; padding-bottom: 19px !important; background-color: #dbebff !important; border-bottom: 1px solid #c5ddfd;"
>
<div class="porto-wrap-container">
<div class="row">
<div class="vc_column_container col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner">
<div class="vc_row wpb_row vc_inner row mt-4 mt-lg-0">
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box style_1 default-icon" style="margin-bottom: 37px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #0169fe; font-size: 35px;"><i class="porto-icon-shipping"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom: 1px;">Free Shipping & Returns</h4>
<p style="color: #777777;">Free shipping on all orders over $99.</p>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #0169fe; font-size: 37px;"><i class="porto-icon-money"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom: 1px;">Money Back Guarantee</h4>
<p style="color: #777777;">100% money back guarantee</p>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #0169fe; font-size: 37px;"><i class="porto-icon-support"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom: 1px;">Online Support 24/7</h4>
<p style="color: #777777;">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
<div class="vc_column_container col-md-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #0169fe; font-size: 37px;"><i class="porto-icon-password-lock"></i></div>
</div>
<div class="porto-sicon-header">
<h4 class="porto-sicon-title" style="margin-bottom: 1px;">Secure Payment</h4>
<p style="color: #777777;">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="my-lg-0 my-4 vc_column_container col-md-12 col-lg-6">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-u-heading pt-1 m-t-n-xxs text-left text-md-start porto-u-5313">
<div class="porto-u-main-heading"><h4 style="margin-bottom: 4px; font-weight: 600; font-size: 22px; letter-spacing: -0.025em; line-height: 1;">Subscribe to Our Newsletter</h4></div>
<div class="porto-u-sub-heading" style="color: #777777;margin-bottom: 21px;font-weight: 400;font-size: 14px;letter-spacing: -.025em;line-height: 22px;">Subscribe to receive updates, access to exclusive sales, and much more...</div>
</div>
<style>
.single-subscribe .newsletter input {
border: none;
font-size: 13px;
border-right: none;
border-radius: 0;
height: 55px;
background: #fff;
}
.footer .newsletter .action.subscribe {
text-transform: uppercase;
border: none;
height: 55px;
border-radius: 0;
font-size: 17px;
letter-spacing: -.05em;
padding: 0.5rem .8rem 0.5rem .8rem;
font-weight: 600;
background: #fff;
color: #222529;
}
.footer .newsletter .action.subscribe span {
position: relative;
display: block;
text-indent: -999em;
}
.footer .newsletter .action.subscribe span:before {
content: "\e606";
position: absolute;
right: 0;
top: 0;
bottom: 0;
font-family: "Simple-Line-Icons"!important;
-webkit-font-smoothing: antialiased;
font-size: 17px;
display: block;
width: 17px;
height: 23px;
text-indent: 0em;
}
</style>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Porto Custom Block Header Bottom 3</title>
<identifier>porto_custom_block_header_bottom3</identifier>
<content><![CDATA[<div class="porto-sicon-box mb-0 style_1 default-icon" style="margin-right: 25px;">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #f9d759; font-size: 24px; margin-right: 4px;"><i class="porto-icon-percent-shape"></i></div>
</div>
<div class="porto-sicon-header">
<a class="porto-sicon-box-link" href="#" title="OnSale Page">
<h3 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; letter-spacing: -0.025em; color: #ffffff;">Best Offers Here</h3>
</a>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title> Footer Top Block 15</title>
<identifier>footer_top_block15</identifier>
<content><![CDATA[<div class="vc_row wpb_row top-row flex-column flex-md-row no-padding vc_row-has-fill porto-inner-container" style="padding-top: 60px; padding-bottom: 33px; width: 100%;">
<div class="porto-wrap-container container">
<div class="row align-items-center">
<div class="bottom-contact order-2 vc_column_container col-md-12 col-lg-7">
<div class="wpb_wrapper vc_column-inner">
<div class="mb-3 p-b-sm ms-md-2">
<style>
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.text-sm-start {
text-align: left !important;
}
}
@media (min-width: 992px) {
.me-lg-3 {
margin-right: 1rem !important;
}
}
.single-subscribe .newsletter .input-text {
padding-right: 0.5rem;
}
.single-subscribe .newsletter input {
border: none;
font-size: 13px;
border-right: none;
height: 48px;
background: #fff;
border-radius: 10px;
color: #999999;
}
.footer .newsletter .action.subscribe {
text-transform: capitalize;
border: none;
height: 48px;
border-radius: 10px;
font-size: 12.6px;
letter-spacing: 0.05em;
padding: 0.5rem 0.8rem 0.5rem 0.8rem;
font-weight: 400;
background: #212529;
color: #fff;
margin-left: 5px;
min-width: 155px;
}
</style>
{{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
</div>
</div>
</div>
<div class="order-1 vc_column_container col-md-12 col-lg-5" style="margin-right: -8px;">
<div class="wpb_wrapper vc_column-inner">
<div class="porto-sicon-box flex-column flex-sm-row text-center text-sm-start me-lg-3 style_1 default-icon">
<div class="porto-sicon-default">
<div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 51px; margin: 0 34px 6px 23px;"><i class="porto-icon-envelope"></i></div>
</div>
<div class="porto-sicon-header">
<h3 class="porto-sicon-title" style="margin-bottom: 7px; font-weight: 600; font-size: 18px; letter-spacing: -0.025em; line-height: 26px; color: #222529;">Subscribe Newsletter</h3>
<p style="font-weight: 400; font-size: 14px; letter-spacing: 0.005em; line-height: 22px;color:rgba(34,37,41,0.7);">Get all the latest information on Events, Sales and Offers. Sign up for newsletter today</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Contact Info 9</title>
<identifier>footer_middle_contact_info9</identifier>
<content><![CDATA[<div class="widget contact-info">
<h3 class="widget-title">Contact Info</h3>
<div class="contact-info contact-info-block">
<ul class="contact-details">
<li><i class="far fa-dot-circle"></i> <strong>ADDRESS</strong> <span>123 Street Name, City, England</span></li>
<li><i class="fab fa-whatsapp"></i> <strong>PHONE</strong> <span>(123) 456-7890</span></li>
<li>
<i class="far fa-envelope"></i> <strong>EMAIL</strong> <span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
</ul>
</div>
</div>
<div class="widget follow-us">
<div class="share-links">
<a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
<a href="#" target="_blank" title="Twitter" class="share-x-twitter">Twitter</a>
<a href="#" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
</div>
</div>]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Customer Service 3</title>
<identifier>footer_middle_customer_service3</identifier>
<content><![CDATA[<div class="widget_text widget widget_custom_html">
<h3 class="widget-title">Customer Service</h3>
<div class="textwidget custom-html-widget">
<div class="porto-u-sub-heading">
<a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Contact Us</a><a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Corporate Sales</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Delivery Policy</a><a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Privacy Policy</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Exchange And Return Policy</a><a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Terms Of Use</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Payment Policy</a><a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Cookie Policy</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100 w-lg-50" href="#">Electronic Invoice</a>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle About Us 9</title>
<identifier>footer_middle_about_us_9</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">About Us</h3>
<div class="textwidget">
<div class="porto-u-sub-heading">
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">About Us</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">Our Stores</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">Careers</a>
<a class="pb-4 d-inline-block w-100" href="#">Brands</a>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title>Footer Middle Faq 1</title>
<identifier>footer_middle_faq1</identifier>
<content><![CDATA[<div class="widget widget_text">
<h3 class="widget-title">Top 5 FAQs</h3>
<div class="textwidget">
<div class="porto-u-sub-heading">
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">Technical support contacts?</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">How do I know the date of my delivery?</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">My product did not arrive?</a>
<a class="pb-4 m-b-n-xs d-inline-block w-100" href="#">What are the payment methods?</a>
<a class="pb-4 d-inline-block w-100" href="#">Product availability?</a>
</div>
<div class="vc_btn3-container mb-0 d-inline">
<a class="vc_btn3 vc_btn3-shape-default border-0 vc_btn3-icon-right btn-light" style="background-color: #222529; color: #ffffff; font-size: 14px; font-weight: 600; letter-spacing: 0px; padding: 0px 0px;" href="#" title="">
Read More <i class="vc_btn3-icon fas fa-chevron-right" style="padding-left: 5px;"></i>
</a>
</div>
</div>
</div>
]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title></title>
<identifier></identifier>
<content><![CDATA[]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title></title>
<identifier></identifier>
<content><![CDATA[]]></content>
<is_active>1</is_active>
</cms_item>
<cms_item>
<title></title>
<identifier></identifier>
<content><![CDATA[]]></content>
<is_active>1</is_active>
</cms_item>
</blocks>
</root>