<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<!-- .site-wrap 417-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mukta:300,400,700">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="site-wrap">
<header class="site-navbar" role="banner">
<div class="site-navbar-top">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-md-4 order-2 order-md-1 site-search-icon text-left">
</div>
<div class="col-12 mb-3 mb-md-0 col-md-4 order-1 order-md-2 text-center">
<div class="site-logo">
<span class="js-logo-clone">Shoppers</span>
</div>
</div>
<div class="col-6 col-md-4 order-3 order-md-3 text-right">
</div>
</div>
</div>
</div>
<nav class="site-navigation text-right text-md-center" role="navigation">
<div class="container">
<ul class="site-menu js-clone-nav d-none d-md-block">
<li><a href="/"><img src="assets/images/en.png"></a></li>
<li><a href="fr/"><img src="assets/images/fr.png"></a></li>
<li><a href="de/"><img src="assets/images/de.png"></a></li>
<li><a href="es/"><img src="assets/images/es.png"></a></li>
<li><a href="it/"><img src="assets/images/it.png"></a></li>
</ul>
</div>
</nav>
</header>
<div class="site-blocks-cover" style="background-image: url(assets/images/hero_1.jpg);" data-aos="fade">
<div class="container">
<div class="row align-items-start align-items-md-center justify-content-end">
<div class="col-md-5 text-center text-md-left pt-5 pt-md-0">
<h1 class="mb-2">Fusce vulputate sem at sapien</h1>
<div class="intro-text text-center text-md-left">
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at iaculis quam. Integer accumsan tincidunt fringilla. </p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section site-section-sm site-blocks-1">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4 d-lg-flex mb-4 mb-lg-0 pl-4" data-aos="fade-up" data-aos-delay="">
<div class="icon mr-4 align-self-start">
<span class="icon-truck"></span>
</div>
<div class="text">
<h2 class="text-uppercase">Aenean </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at iaculis quam. Integer accumsan tincidunt fringilla.</p>
</div>
</div>
<div class="col-md-6 col-lg-4 d-lg-flex mb-4 mb-lg-0 pl-4" data-aos="fade-up" data-aos-delay="100">
<div class="icon mr-4 align-self-start">
<span class="icon-refresh2"></span>
</div>
<div class="text">
<h2 class="text-uppercase">Suscipit </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at iaculis quam. Integer accumsan tincidunt fringilla.</p>
</div>
</div>
<div class="col-md-6 col-lg-4 d-lg-flex mb-4 mb-lg-0 pl-4" data-aos="fade-up" data-aos-delay="200">
<div class="icon mr-4 align-self-start">
<span class="icon-help"></span>
</div>
<div class="text">
<h2 class="text-uppercase">Suspendisse </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at iaculis quam. Integer accumsan tincidunt fringilla.</p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section site-blocks-2">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4 mb-4 mb-lg-0" >
<span class="block-2-item">
<figure class="image">
<img src="assets/images/women.jpg" alt="" class="img-fluid">
</figure>
<div class="text">
<span class="text-uppercase">Felis magna</span>
<h3>Vulputate </h3>
</div>
</span>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 mb-5 mb-lg-0" >
<span class="block-2-item" >
<figure class="image">
<img src="assets/images/children.jpg" alt="" class="img-fluid">
</figure>
<div class="text">
<span class="text-uppercase">Felis magna</span>
<h3>Vulputate</h3>
</div>
</span>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 mb-5 mb-lg-0" >
<span class="block-2-item" >
<figure class="image">
<img src="assets/images/men.jpg" alt="" class="img-fluid">
</figure>
<div class="text">
<span class="text-uppercase">Felis magna</span>
<h3>Vulputate</h3>
</div>
</span>
</div>
</div>
</div>
</div>
<div class="site-section block-3 site-blocks-2 bg-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7 site-section-heading text-center pt-4">
<h2>Vivamus leo</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="nonloop-block-3 owl-carousel row">
<div class="item col-lg-3">
<div class="block-4 text-center">
<figure class="block-4-image">
<img src="assets/images/cloth_1.jpg" alt="" class="img-fluid">
</figure>
<div class="block-4-text p-4">
<h3>Tristique ligula</h3>
<p class="mb-0">Praesent aliquam</p>
</div>
</div>
</div>
<div class="item col-lg-3">
<div class="block-4 text-center">
<figure class="block-4-image">
<img src="assets/images/shoe_1.jpg" alt="" class="img-fluid">
</figure>
<div class="block-4-text p-4">
<h3>Tristique ligula</h3>
<p class="mb-0">Praesent aliquam</p>
</div>
</div>
</div>
<div class="item col-lg-3">
<div class="block-4 text-center">
<figure class="block-4-image">
<img src="assets/images/cloth_2.jpg" alt="" class="img-fluid">
</figure>
<div class="block-4-text p-4">
<h3>Tristique ligula</h3>
<p class="mb-0">Praesent aliquam</p>
</div>
</div>
</div>
<div class="item col-lg-3">
<div class="block-4 text-center">
<figure class="block-4-image">
<img src="assets/images/cloth_3.jpg" alt="" class="img-fluid">
</figure>
<div class="block-4-text p-4">
<h3>Tristique ligula</h3>
<p class="mb-0">Praesent aliquam</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section block-8">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-7 site-section-heading text-center pt-4">
<h2>Aliquam euismod libero</h2>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12 col-lg-7 mb-5">
<img src="assets/images/blog_1.jpg" alt="" class="img-fluid rounded">
</div>
<div class="col-md-12 col-lg-5 text-center pl-md-5">
<h2>Suspendisse cursus rutrum augue</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam iste dolor accusantium facere corporis ipsum animi deleniti fugiat. Ex, veniam?</p>
</div>
</div>
</div>
</div>
<footer class="site-footer border-top">
<div class="container">
<div class="row">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="row">
<div class="col-md-12">
<h3 class="footer-heading mb-4">Facere</h3>
</div>
<div class="col-md-6 col-lg-4">
<ul class="list-unstyled">
<li>Aenean </li>
<li>Suscipit </li>
<li>Faucibus</li>
<li>Rhoncus </li>
</ul>
</div>
<div class="col-md-6 col-lg-4">
<ul class="list-unstyled">
<li>Aenean </li>
<li>Suscipit </li>
<li>Faucibus</li>
</ul>
</div>
<div class="col-md-6 col-lg-4">
<ul class="list-unstyled">
<li>Aenean </li>
<li>Suscipit </li>
<li>Faucibus</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4 mb-lg-0">
<h3 class="footer-heading mb-4">Facere</h3>
<span class="block-6">
<img src="assets/images/hero_1.jpg" alt="" class="img-fluid rounded mb-4">
<h3 class="font-weight-light mb-0">Felis magna fermentum augue</h3>
<p>Ultricies lacus lorem varius purus</p>
</span>
</div>
<div class="col-md-6 col-lg-3">
<div class="block-5 mb-5">
<h3 class="footer-heading mb-4">Facere</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam iste dolor accusantium facere.</p>
</div>
</div>
</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<p>Powered by : <a href="https://www.cidadedesign.com" target="_blank">cidadedesign.com</a></p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>