D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
html
/
epaji.com
/
public_html
/
hindiusa
/
web
/
themes
/
kidz
/
Filename :
index-v2.html
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <!-- Site Tittle --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Home - KIDZ STORE</title> <!-- Plugins css Style --> <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="assets/plugins/no-ui-slider/nouislider.min.css" rel="stylesheet" /> <link href="assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet" media="screen"> <link href="assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet" media="screen"> <link href="assets/plugins/fancybox/jquery.fancybox.min.css" rel="stylesheet" /> <link href="assets/plugins/isotope/isotope.min.css" rel="stylesheet" /> <link href="assets/plugins/animate/animate.css" rel="stylesheet"> <link href="assets/plugins/select2/css/select2.min.css" rel="stylesheet"> <link href="assets/plugins/revolution/css/settings.css" rel="stylesheet"> <link href="assets/plugins/revolution/css/layers.css" rel="stylesheet"> <link href="assets/plugins/revolution/css/navigation.css" rel="stylesheet"> <!-- Fonts --> <link href="https://fonts.googleapis.com/css?family=Dosis:300,400,600,700|Open+Sans:300,400,600,700" rel="stylesheet"> <!-- Custom css --> <link href="assets/css/kidz.css" id="option_style" rel="stylesheet"> <!-- Favicon --> <link href="assets/img/favicon.png" rel="shortcut icon"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body id="body" class="up-scroll"> <!-- ==================================== ——— PRELOADER ===================================== --> <div id="preloader" class="smooth-loader-wrapper"> <div class="smooth-loader"> <div class="loader"> <span class="dot dot-1"></span> <span class="dot dot-2"></span> <span class="dot dot-3"></span> <span class="dot dot-4"></span> </div> </div> </div> <!-- ==================================== ——— HEADER ===================================== --> <header class="header" id="pageTop"> <!-- Top Color Bar --> <div class="color-bars"> <div class="container-fluid"> <div class="row"> <div class="col color-bar bg-warning d-none d-md-block"></div> <div class="col color-bar bg-success d-none d-md-block"></div> <div class="col color-bar bg-danger d-none d-md-block"></div> <div class="col color-bar bg-info d-none d-md-block"></div> <div class="col color-bar bg-purple d-none d-md-block"></div> <div class="col color-bar bg-pink d-none d-md-block"></div> <div class="col color-bar bg-warning"></div> <div class="col color-bar bg-success"></div> <div class="col color-bar bg-danger"></div> <div class="col color-bar bg-info"></div> <div class="col color-bar bg-purple"></div> <div class="col color-bar bg-pink"></div> </div> </div> </div> <!-- Top Bar--> <!-- d-none d-md-block --> <div class=" bg-stone top-bar"> <div class="container"> <div class="row"> <div class="col-lg-7 d-none d-lg-block"> <ul class="list-inline d-flex justify-content-xl-start align-items-center h-100 mb-0"> <li> <span class="bg-warning icon-header mr-xl-2"> <i class="fa fa-envelope" aria-hidden="true"></i> </span> <a href="mailto:info@yourdomain.com" class="mr-lg-4 mr-xl-6 text-white opacity-80">info@yourdomain.com</a> </li> <li> <span class="bg-success icon-header mr-xl-2"> <i class="fa fa-phone" aria-hidden="true"></i> </span> <a href="tel:+1 234 567 8900" class="mr-lg-4 mr-xl-6 text-white opacity-80"> +1 234 567 8900 </a> </li> <li class="text-white"> <span class="bg-pink icon-header"> <i class="fa fa-clock-o" aria-hidden="true"></i> </span> <span class="opacity-80">Open: 9am - 6pm</span> </li> </ul> </div> <div class="col-lg-5"> <ul class="list-inline d-flex mb-0 justify-content-xl-end justify-content-center align-items-center mr-xl-2"> <li> <span class="bg-info icon-header mr-lg-0 mr-xl-1"> <i class="fa fa-globe" aria-hidden="true"></i> </span> </li> <li class="mr-3 mr-md-4 mr-lg-3 mr-xl-5 dropdown dropdown-sm"> <button class="btn btn-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Language </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">English</a> <a class="dropdown-item" href="#">Spanish</a> <a class="dropdown-item" href="#">Hindi</a> </div> </li> <li class="text-white mr-md-3 mr-lg-2 mr-xl-5"> <span class="bg-purple icon-header mr-1 mr-md-2 mr-lg-1 mr-xl-2"> <i class="fa fa-unlock-alt text-white font-size-13" aria-hidden="true"></i> </span> <a class="text-white font-weight-medium opacity-80" href="javascript:void(0)" data-toggle="modal" data-target="#modal-login"> Login </a> <span class="text-white opacity-80">or</span> <a class="text-white font-weight-medium opacity-80" href="javascript:void(0)" data-toggle="modal" data-target="#modal-createAccount">Create an account</a> </li> <li class="cart-dropdown d-none d-md-block"> <div data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static"> <a href="javascript:void(0)"> <span class="rounded-sm bg-pink icon-small icon-badge d-none close-icon"> <i class="fa fa-close text-white" aria-hidden="true"></i> </span> <span class="rounded-sm bg-pink icon-small icon-badge shopping-icon"> <i class="fa fa-shopping-basket text-white" aria-hidden="true"></i> <span class="badge bg-warning">3</span> </span> </a> </div> <div class="dropdown-menu dropdown-menu-right"> <ul class="bg-white list-unstyled"> <li class="d-flex align-items-center"> <i class="fa fa-shopping-basket font-size-20 mr-3" aria-hidden="true"></i> <h3 class="text-capitalize font-weight-bold mb-0">3 items in your cart</h3> </li> <hr> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="bg-light rounded-sm px-5 py-3 mr-4" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium text-muted">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="bg-light rounded-sm px-5 py-3 mr-4" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="bg-light rounded-sm px-5 py-3 mr-4" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark font-weight-bold">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <div class="d-flex justify-content-between mb-3"> <h3 class="cart-total font-weight-bold">Subtotal</h3> <h3 class="cart-price font-weight-bold">$150</h3> </div> <div class="cart-button d-flex justify-content-between"> <button type="button" class="btn btn-danger text-uppercase px-4 shadow-sm mr-3" onclick="location.href='product-checkout-step-1.html';">Checkout</button> <button type="button" class="btn btn-danger text-uppercase px-4 shadow-sm" onclick="location.href='product-cart.html';">View Cart</button> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <!-- Navbar --> <nav class="navbar navbar-expand-md navbar-scrollUp navbar-sticky navbar-white"> <div class="container"> <a class="navbar-brand" href="index.html"> <img class="d-inline-block" src="assets/img/logo-toys.png" alt="Kidz Store"> </a> <!-- cart-dropdown --> <div class="dropdown cart-dropdown ml-auto mr-5 d-md-none"> <div data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a href="javascript:void(0)"> <span class="rounded-sm bg-pink icon-small icon-badge d-none close-icon"> <i class="fa fa-close text-white" aria-hidden="true"></i> </span> <span class="rounded-sm bg-pink icon-small icon-badge shopping-icon"> <i class="fa fa-shopping-basket text-white" aria-hidden="true"></i> <span class="badge bg-warning">3</span> </span> </a> </div> <div class="dropdown-menu dropdown-menu-right"> <ul class="bg-white list-unstyled"> <li class="d-flex align-items-center"> <i class="fa fa-shopping-basket font-size-20 mr-3" aria-hidden="true"></i> <h3 class="text-capitalize font-weight-bold mb-0">3 items in your cart</h3> </li> <hr> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="mr-4 p-2 bg-light" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium text-muted">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="mr-4 p-2 bg-light" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <a href="product-single.html"> <div class="media"> <div class="image"> <img class="mr-4 p-2 bg-light" src="assets/img/products/product-sm.png" alt="cart-Image"> </div> <div class="media-body"> <div class="d-flex justify-content-between"> <h4 class="text-dark font-weight-bold">Barbie Racing Car</h4> <span class="cancel"> <i class="fa fa-close text-muted" aria-hidden="true"></i> </span> </div> <div class="price"> <span class="text-warning font-weight-medium">$50</span> </div> <span class="text-muted font-weight-medium">Qnt: 1</span> </div> </div> </a> <hr> </li> <li> <div class="d-flex justify-content-between mb-3"> <h3 class="cart-total font-weight-bold">Subtotal</h3> <h3 class="cart-price font-weight-bold">$150</h3> </div> <div class="cart-button d-flex justify-content-between"> <button type="button" class="btn btn-danger text-uppercase px-4 shadow-sm mr-3" onclick="location.href='product-checkout-step-1.html';">Checkout</button> <button type="button" class="btn btn-danger text-uppercase px-4 shadow-sm" onclick="location.href='product-cart.html';">View Cart</button> </div> </li> </ul> </div> </div> <button class="navbar-toggler py-2" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarContent"> <ul class="navbar-nav ml-lg-auto"> <li class="nav-item dropdown bg-warning"> <a class="nav-link dropdown-toggle active " href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-home nav-icon" aria-hidden="true"></i> <span>Home</span> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown1"> <li> <a class="dropdown-item " href="index.html">Kidz School</a> </li> <li> <a class="dropdown-item active " href="index-v2.html">Kidz Store</a> </li> <li> <a class="dropdown-item " href="index-v3.html">Kidz Daycare</a> </li> <li> <a class="dropdown-item " href="index-v4.html">Kidz Fashion</a> </li> </ul> </li> <li class="nav-item dropdown bg-danger"> <a class="nav-link dropdown-toggle " href="javascript:void(0)" role="button" data-toggle="dropdown"> <i class="fa fa-list-ul nav-icon" aria-hidden="true"></i> <span>Pages</span> </a> <ul class="dropdown-menu"> <li> <a class="dropdown-item " href="about-us.html">About Us</a> </li> <li> <a class="dropdown-item " href="javascript:void(0)"> Team <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> <ul class="sub-menu"> <li><a class="" href="teachers.html">Teachers</a></li> <li><a class="" href="teachers-details.html">Teachers Details</a></li> </ul> </li> <li> <a class="dropdown-item " href="testimonial.html">Testimonial</a> </li> <li> <a class="dropdown-item || || " href="javascript:void(0)">Events<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li><a class=" " href="events.html">All Events</a></li> <li> <a class="" href="event-single-left-sidebar.html">Events Left Sidebar</a> </li> <li> <a class="" href="event-single-right-sidebar.html">Events Right Sidebar</a> </li> </ul> </li> <li> <a class="dropdown-item " href="photo-gallery.html">Photo Gallery</a> </li> <li> <a class="dropdown-item " href="pricing-table.html">Pricing Table</a> </li> <li> <a class="dropdown-item " href="services.html">Services</a> </li> <li> <a class="dropdown-item " href="services-details.html">Services Details</a> </li> <li> <a class="dropdown-item " href="search-result.html">Search Result</a> </li> <li> <a class="dropdown-item " href="contact-us.html">Contact Us</a> </li> <li> <a class="dropdown-item " href="faq.html">FAQ</a> </li> <li> <a class="dropdown-item " href="sign-up-or-login.html">Sign Up / Login</a> </li> <li> <a class="dropdown-item " href="404.html">Error 404</a> </li> <li> <a class="dropdown-item" href="coming-soon.html">Coming Soon</a> </li> </ul> </li> <li class="nav-item dropdown mega-dropdown bg-success"> <a class="nav-link dropdown-toggle " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-file-text-o nav-icon" aria-hidden="true"></i> <span>Courses</span> </a> <div class="dropdown-menu row"> <div class="col-12 col-md-3"> <ul class="list-unstyled"> <li>Courses Grid</li> <li><a class="" href="courses-grid-full.html">Courses Grid Fullwidth</a></li> <li><a class="" href="courses-grid-left-sidebar.html">Courses Grid Left Sidebar</a></li> <li><a class="" href="courses-grid-right-sidebar.html">Courses Grid Right Sidebar</a></li> </ul> </div> <div class="col-12 col-md-3"> <ul class="list-unstyled"> <li>Courses List</li> <li><a class="" href="course-list-fullwidth.html">Courses List Fullwidth</a></li> <li><a class="" href="course-list-left-sidebar.html">Courses List left Sidebar</a></li> <li><a class="" href="course-list-right-sidebar.html">Courses List Right Sidebar</a></li> </ul> </div> <div class="col-12 col-md-3"> <ul class="list-unstyled"> <li>Single Course</li> <li><a class="" href="course-single.html">Single Course Fullwidth</a></li> <li><a class="" href="course-single-left-sidebar.html">Single Course left Sidebar</a></li> <li><a class="" href="course-single-right-sidebar.html">Single Course Right Sidebar</a></li> </ul> </div> <div class="col-12 col-md-3"> <ul class="list-unstyled"> <li>Checkout</li> <li><a class="" href="product-checkout-step-1.html">Personal Info</a></li> <li><a class="" href="product-checkout-step-2.html">Payment Info</a></li> <li><a class="" href="product-checkout-step-3.html">Confirmation</a></li> </ul> </div> </div> </li> <li class="nav-item dropdown bg-info"> <a class="nav-link dropdown-toggle " href="javascript:void(0)" id="stores" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-pencil-square-o nav-icon" aria-hidden="true"></i> <span>Store</span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="stores"> <li> <a class="dropdown-item || || " href="javascript:void(0)">Products<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li><a class="" href="products.html">Products Fullwidth</a></li> <li><a class="" href="product-left-sidebar.html">Products Left Sidebar</a></li> <li><a class="" href="product-right-sidebar.html">Products Right Sidebar</a></li> </ul> </li> <li> <a class="dropdown-item " href="product-single.html">Single Product</a> </li> <li> <a class="dropdown-item " href="product-category.html">Product Categories</a> </li> <li> <a class="dropdown-item " href="product-cart.html">Cart</a> </li> <li> <a class="dropdown-item || || " href="javascript:void(0)">Checkout<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li> <a class="" href="product-checkout-step-1.html">Personal Info</a> </li> <li> <a class="" href="product-checkout-step-2.html">Payment Info</a> </li> <li> <a class="" href="product-checkout-step-3.html">Confirmation</a> </li> </ul> </li> </ul> </li> <li class="nav-item dropdown bg-purple"> <a class="nav-link dropdown-toggle " href="javascript:void(0)" id="stores" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-calendar nav-icon" aria-hidden="true"></i> <span>Blog</span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="stores"> <li> <a class="dropdown-item || || " href="javascript:void(0)">Blog Grid<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li><a class="" href="blog-grid.html">Blog Grid Fullwidth</a></li> <li><a class="" href="blog-grid-left-sidebar.html">Blog Grid Left Sidebar</a></li> <li><a class="" href="blog-grid-right-sidebar.html">Blog Grid Right Sidebar</a></li> </ul> </li> <li> <a class="dropdown-item || || " href="javascript:void(0)">Blog List<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li><a class="" href="blog-list.html">Blog List Fullwidth</a></li> <li><a class="" href="blog-list-left-sidebar.html">Blog List Left Sidebar</a></li> <li><a class="" href="blog-list-right-sidebar.html">Blog List Right Sidebar</a></li> </ul> </li> <li> <a class="dropdown-item || || " href="javascript:void(0)">Single Blog<i class="fa fa-chevron-right" aria-hidden="true"></i></a> <ul class="sub-menu"> <li><a class="" href="blog-single.html">Blog Single Fullwidth</a></li> <li><a class="" href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li> <li><a class="" href="blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li> </ul> </li> </ul> </li> <li class="nav-item dropdown bg-pink"> <a class="nav-link dropdown-toggle " href="component-default.html"> <i class="fa fa-home nav-icon" aria-hidden="true"></i> <span>components</span> </a> </li> </ul> </div> </div> </nav> </header> <div class="main-wrapper home-store"> <!--==================================== ——— BANNER ===================================== --> <div class="rev_slider_wrapper fullwidthbanner-container" dir="ltr"> <!-- the ID here will be used in the JavaScript below to initialize the slider --> <div id="rev_slider_custom_2" class="rev_slider fullwidthabanner" data-version="5.4.7.4" style="display:none"> <ul> <!-- SLIDE 1 --> <li data-transition="fade"> <img src="assets/img/banner/slider-2/bg-1.png" alt="Image" class="rev-slidebg" data-bgfit="cover" data-bgposition="center center"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":800,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['-50', '40', '15', '0']" data-voffset="['0', '0', '0', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/lg-img-1.png" alt="Image" data-ww="['640px','400px','300px','300px']" data-hh="['300px','200px','150px','150px']" > </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1200,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="['left','left','left','right']" data-y="middle" data-hoffset="['650', '500', '350', '60']" data-voffset="['-120', '-120', '-100', '-80']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#FFF" data-width="none" data-height="auto" data-basealign="grid" data-textAlign="['left','left','left','right']" data-type="text" data-responsive_offset="on" style="z-index: 1;"> Get Kidz </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1200,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="['left','left','left','right']" data-y="middle" data-hoffset="['650', '500', '350', '60']" data-voffset="['-70', '-70', '-60', '-50']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#ffd86c" data-width="none" data-height="auto" data-basealign="grid" data-textAlign="['left','left','left','right']" data-responsive_offset="on" data-type="text" style="z-index: 1;"> For Your Store </div> <!-- LAYER NR. 4 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2000,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="['left','left','left','right']" data-y="middle" data-hoffset="['650', '500', '350', '60']" data-voffset="['0', '0', '0', '0']" data-width="['550','400','350','420']" data-fontsize="['23', '23', '20', '20']" data-lineheight="['23', '23', '20', '20']" data-color="#FFF" data-textAlign="['left', 'left', 'left', 'right']" data-basealign="grid" data-responsive_offset="on" data-type="text" data-whitespace="normal" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 5 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-white" data-frames='[{"delay":2200,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="['left','left','left','right']" data-y="middle" data-hoffset="['650', '500', '350', '60']" data-voffset="['80', '80', '60', '60']" data-width="none" data-height="none" data-fontsize="['18', '17', '16', '15']" data-lineheight="['25', '23', '21', '15']" data-color="#e7655a" data-basealign="grid" data-textAlign="['left','left','left','right']" data-responsive_offset="on" data-type="text" style="text-transform: uppercase; z-index: 1;"> purchase </a> <!-- LAYER NR. 6 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"speed":700,"frame":"0","from":"x:-100px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['60', '70', '40', '20']" data-voffset="['-70', '-70', '-70', '-40']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":600,"speed":800,"frame":"0","from":"x:-100px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['50', '60', '40', '20']" data-voffset="['90', '90', '90', '60']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-6.png" alt="Image"> </div> <!-- LAYER NR. 8 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":700,"speed":900,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="bottom" data-hoffset="['275', '220', '150', '100']" data-voffset="['100', '80', '80', '60']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-3.png" alt="Image"> </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="top" data-hoffset="['275', '220', '150', '100']" data-voffset="['100', '80', '80', '60']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-4.png" alt="Image"> </div> <!-- LAYER NR. 10 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":900,"speed":1100,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['450', '350', '250', '150']" data-voffset="['-70', '-70', '-70', '-50']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-2.png" alt="Image"> </div> <!-- LAYER NR. 11 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":1200,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['450', '350', '250', '170']" data-voffset="['90', '90', '90', '60']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-5.png" alt="Image"> </div> </li> <!-- SLIDE 2 --> <li data-transition="fade"> <img src="assets/img/banner/slider-2/bg-3.png" alt="Image" class="rev-slidebg"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":800,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['650', '500', '450', '200']" data-voffset="['0', '0', '0', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/lg-img-2.png" alt="Image" data-ww="['405px','355px','305px','305px']" data-hh="['417px','367px','317px','317px']" > </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on', 'on', 'on', 'off']" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['-120', '-120', '-100', '-80']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#FFF" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['-70', '-70', '-60', '-50']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#ffd86c" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> For Your Store </div> <!-- LAYER NR. 4 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2000,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['0', '0', '0', '0']" data-width="['550','400','350','420']" data-fontsize="['30', '23', '23', '23']" data-lineheight="['30', '23', '23', '23']" data-color="#FFF" data-textAlign="left" data-type="text" data-whitespace="normal" data-basealign="grid" data-responsive_offset="off" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 5 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-white" data-frames='[{"delay":2200,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['80', '80', '60', '60']" data-width="['auto']" data-height="['auto']" data-fontsize="['18', '17', '16', '15']" data-lineheight="['25', '23', '21', '15']" data-color="#e7655a" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> purchase </a> <!-- LAYER NR. 6 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2700,"speed":800,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="top" data-hoffset="['120', '120', '70', '50']" data-voffset="['50', '30', '20', '10']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":3000,"speed":800,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['-100', '230', '230', '-20']" data-voffset="['-150', '-130', '-100', '-100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-6.png" alt="Image" > </div> <!-- LAYER NR. 8 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":3300,"speed":800,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['50', '20', '20', '20']" data-voffset="['150', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-7.png" alt="Image" > </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2600,"speed":800,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="right" data-y="top" data-hoffset="['175', '175', '50', '0']" data-voffset="['150', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-2.png" alt="Image" > </div> <!-- LAYER NR. 10 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":3400,"speed":800,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="right" data-y="middle" data-hoffset="['130', '20', '20', '20']" data-voffset="['150', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-3.png" alt="Image" > </div> <!-- LAYER NR. 11 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":3600,"speed":800,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="middle" data-hoffset="['0', '20', '20', '20']" data-voffset="['0', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-5.png" alt="Image" > </div> </li> <!-- SLIDE 3 --> <li data-transition="fade"> <img src="assets/img/banner/slider-2/bg-2.png" alt="Image" class="rev-slidebg"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":800,"frame":"500","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="right" data-y="bottom" data-hoffset="['0', '0', '0', '0']" data-voffset="['0', '0', '0', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/lg-img-3.png" alt="Image" data-ww="['731px','631px','531px','431px']" data-hh="['634px','534px','434px','334px']" > </div> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['-120', '-120', '-100', '-80']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#FFF" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz </div> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['-70', '-70', '-60', '-50']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#ffd86c" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> For Your Store </div> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2000,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['0', '0', '0', '0']" data-width="['550','400','500','420']" data-fontsize="['30', '23', '23', '23']" data-lineheight="['30', '23', '23', '23']" data-color="#FFF" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" data-type="text" data-whitespace="normal" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 1 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-white" data-frames='[{"delay":2200,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['80', '80', '60', '60']" data-width="['auto']" data-height="['auto']" data-fontsize="['18', '17', '16', '15']" data-lineheight="['25', '23', '21', '15']" data-color="#e7655a" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> purchase </a> </li> <!-- SLIDE 4 --> <li data-transition="fade"> <img src="assets/img/banner/slider-2/bg-3.png" alt="Image" class="rev-slidebg"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":800,"speed":800,"frame":"500","from":"x:100px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="right" data-y="middle" data-hoffset="['-100', '0', '-100', '-150']" data-voffset="['0', '0', '0', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/lg-img-4.png" alt="Image" > </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":1600,"speed":800,"frame":"0","from":"x:-100px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="middle" data-hoffset="['-100', '0', '-100', '-150']" data-voffset="['0', '0', '0', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/lg-img-5.png" alt="Image" > </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" data-voffset="['-120', '-120', '-100', '-80']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#FFF" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz </div> <!-- LAYER NR. 4 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" data-voffset="['-70', '-70', '-60', '-50']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#ffd86c" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> For Your Store </div> <!-- LAYER NR. 5 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2000,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" data-voffset="['0', '0', '0', '0']" data-width="['550','400','350','420']" data-fontsize="['30', '23', '23', '23']" data-lineheight="['30', '23', '23', '23']" data-color="#FFF" data-textAlign="center" data-basealign="grid" data-responsive_offset="on" data-responsive="on" data-type="text" data-whitespace="normal" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 6 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-white" data-frames='[{"delay":2200,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" data-voffset="['80', '80', '60', '60']" data-width="['auto']" data-height="['auto']" data-fontsize="['18', '17', '16', '15']" data-lineheight="['25', '23', '21', '15']" data-color="#e7655a" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> purchase </a> <!-- LAYER NR. 7 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":3500,"speed":800,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="left" data-y="top" data-hoffset="['120', '20', '70', '50']" data-voffset="['50', '10', '20', '10']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 8 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2700,"speed":800,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on','on','off','off']" data-x="left" data-y="middle" data-hoffset="['-100', '30', '30', '20']" data-voffset="['-150', '-100', '-100', '-100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-6.png" alt="Image" > </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":4000,"speed":800,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on','on','on','off']" data-x="center" data-y="middle" data-hoffset="['-150', '20', '20', '20']" data-voffset="['80', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-7.png" alt="Image" > </div> <!-- LAYER NR. 10 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":4000,"speed":800,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on','off','off','off']" data-x="center" data-y="middle" data-hoffset="['150', '20', '20', '20']" data-voffset="['80', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-5.png" alt="Image" > </div> <!-- LAYER NR. 11 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2300,"speed":800,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on','off','off','off']" data-x="center" data-y="middle" data-hoffset="['0', '20', '20', '20']" data-voffset="['150', '130', '100', '0']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-3.png" alt="Image" > </div> <!-- LAYER NR. 12 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":1700,"speed":800,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="['on','on','on','off']" data-x="right" data-y="top" data-hoffset="['275', '50', '50', '0']" data-voffset="['150', '130', '100', '100']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-2.png" alt="Image" > </div> <!-- LAYER NR. 13 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2200,"speed":800,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"}, {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-visibility="on" data-x="center" data-y="top" data-hoffset="['0', '0', '0', '0']" data-voffset="['80', '70', '70', '70']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-2/sm-icon-4.png" alt="Image" > </div> </li> </ul> </div> </div> <!-- ==================================== ——— BANNER BOTTOM ===================================== --> <section class="py-5 d-none d-md-block mtn-115"> <div class="container"> <div class="row wow fadeInUp"> <div class="col-sm-4 col-xs-12"> <div class="card z-index-100"> <img class="card-img-top rounded lazyestload" data-src="assets/img/features/features-img1.png" src="assets/img/features/features-img1.png" alt="Card image"> <span class="badge badge-large badge-large-left badge-pink "> Save $50 </span> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="card z-index-100"> <img class="card-img-top rounded lazyestload" data-src="assets/img/features/features-img2.png" src="assets/img/features/features-img2.png" alt="Card image"> <span class="badge badge-large badge-large-center badge-purple"> 24/7 Support </span> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="card z-index-100"> <img class="card-img-top rounded lazyestload" data-src="assets/img/features/features-img3.png" src="assets/img/features/features-img3.png" alt="Card image"> <span class="badge badge-large badge-large-right badge-warning"> Toys & Games</span> </div> </div> </div> </div> </section> <!-- ==================================== ——— POPULAR PRODUCTS ===================================== --> <section class="pt-9 pb-8 pt-md-5 pb-lg-9 pt-xl-7"> <div class="container"> <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp"> <span class="shape shape-left bg-info"></span> <h2 class="text-danger">Popular Products</h2> <span class="shape shape-right bg-info"></span> </div> <div class="row wow fadeInUp"> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-warning card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img1.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-warning px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-warning text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <!-- Card --> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-success card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img2.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-success px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-success text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-pink card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img3.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-pink px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-pink text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-info card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img4.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-info px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-info text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— CALL TO ACTION ===================================== --> <section class="py-9 bg-parallax" style="background-image: url(assets/img/background/background-img-2.jpg);"> <div class="container"> <div class="wow fadeInUp"> <div class="section-title justify-content-center"> <h2 class="text-white text-center">Need More Information?</h2> </div> <div class="text-center mt-1"> <p class="text-white p-text-large mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod</p> <a href="contact-us.html" class="btn btn-white text-danger text-uppercase mt-5 font-size-16"> <i class="fa fa-phone mr-2" aria-hidden="true"></i>Contact </a> </div> </div> </div> </section> <!-- ==================================== ——— RECENT PRODUCTS ===================================== --> <section class="py-9"> <div class="container"> <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp"> <span class="shape shape-left bg-info"></span> <h2 class="text-danger">Recent Products</h2> <span class="shape shape-right bg-info"></span> </div> <ul class="nav nav-pills justify-content-center mb-7 wow fadeInUp" id="pills-tab" role="tablist"> <li class="nav-item mb-3"> <a class="nav-link text-uppercase active" id="pills-arrivals-tab" data-toggle="pill" href="#pills-arrivals" role="tab" aria-controls="pills-arrivals" aria-selected="true">New Arrivals</a> </li> <li class="nav-item mb-3"> <a class="nav-link text-uppercase" id="pills-popular-tab" data-toggle="pill" href="#pills-popular" role="tab" aria-controls="pills-popular" aria-selected="false">Popular</a> </li> <li class="nav-item mb-3"> <a class="nav-link text-uppercase" id="pills-sale-tab" data-toggle="pill" href="#pills-sale" role="tab" aria-controls="pills-sale" aria-selected="false">Sale</a> </li> </ul> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade show active" id="pills-arrivals" role="tabpanel" aria-labelledby="pills-arrivals-tab"> <div class="row wow fadeInUp"> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-warning card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img5.jpg" src="assets/img/products/product-img5.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-warning px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-warning text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-success card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img6.jpg" src="assets/img/products/product-img6.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-success px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-success text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-pink card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img7.jpg" src="assets/img/products/product-img7.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-pink px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-pink text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-info card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img8.jpg" src="assets/img/products/product-img8.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-info px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-info text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-popular" role="tabpanel" aria-labelledby="pills-popular-tab"> <div class="row"> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-warning card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img1.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-warning px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-warning text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-success card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img2.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-success px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-success text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-pink card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img3.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-pink px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-pink text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-info card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img4.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-info px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-info text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-sale" role="tabpanel" aria-labelledby="pills-sale-tab"> <div class="row"> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-warning card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50" src="assets/img/products/product-img8.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-warning px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-warning text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-success card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img7.jpg" src="assets/img/products/product-img7.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-success px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-success text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-pink card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img6.jpg" src="assets/img/products/product-img6.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-pink px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50</big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-pink text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <div class="card card-border border-info card-hover bg-white"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto d-block py-6 w-50 lazyestload" data-src="assets/img/products/product-img5.jpg" src="assets/img/products/product-img5.jpg" alt="Card image"> <button class="btn btn-quickview shadow-none" data-toggle="modal" data-target="#modal-products"> <i class="fa fa-eye mr-2" aria-hidden="true"></i> quick view </button> </a> <div class="card-body bg-info px-5 py-6"> <h5 class="mb-1"> <a class="text-white font-size-20" href="product-single.html">Barbie Racing Car</a> </h5> <big class="d-block mb-1">$50 <del class="opacity-70">$60</del></big> <a href="product-cart.html" class="btn btn-sm btn-white text-hover-info text-uppercase d-inline-block"> <i class="fa fa-shopping-basket mr-2" aria-hidden="true"></i>Add to Cart </a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— FEATURES SECTION ===================================== --> <section class="py-8"> <div class="container"> <div class="section-title justify-content-center mb-8 wow fadeInUp"> <span class="shape shape-left bg-info"></span> <h2 class="text-danger">Our Features</h2> <span class="shape shape-right bg-info"></span> </div> <div class="row wow fadeInUp"> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-6"> <div class="media-icon-large bg-warning"> <i class="fa fa-history" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-warning">Fast Delivery</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-6"> <div class="media-icon-large bg-danger"> <i class="fa fa-support" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-danger">24/7 Support</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-6"> <div class="media-icon-large bg-success"> <i class="fa fa-key" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-success">Save Money</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-6"> <div class="media-icon-large bg-info"> <i class="fa fa-truck" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-info">Easy Transport</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-6"> <div class="media-icon-large bg-purple"> <i class="fa fa-gift" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-purple">Gift Cards</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-sm-6 col-lg-4 col-xs-12"> <div class="media mb-7"> <div class="media-icon-large bg-pink"> <i class="fa fa-undo" aria-hidden="true"></i> </div> <div class="media-body"> <h3 class="text-pink">Quick Return</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— TESTIMONIAL ===================================== --> <section class="bg-pink py-5 py-md-7 py-lg-8" style="background-image: url(assets/img/background/avator-bg.png);"> <div class="container"> <div id="testimonial" class="testimonial owl-carousel owl-theme wow fadeInUp" dir="ltr"> <div class="item"> <div class="text-center py-5"> <div class="mb-6"> <i class="fa fa-comments-o text-white icon-xl" aria-hidden="true"></i> </div> <blockquote class="blockquote"> <p class="px-md-9 px-xl-10 mb-6">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat Duis aute irure dolor nulla pariatur.</p> <footer class="blockquote-footer text-white">Amanda Smith <cite class="d-block font-size-14" title="Source Title">Mary’s Father</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="text-center py-5"> <div class="mb-6"> <i class="fa fa-comments-o text-white icon-xl" aria-hidden="true"></i> </div> <blockquote class="blockquote"> <p class="px-md-9 mb-6">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat Duis aute irure dolor nulla pariatur.</p> <footer class="blockquote-footer text-white">Amanda Smith <cite class="d-block" title="Source Title">Susan’s Father</cite></footer> </blockquote> </div> </div> </div> </div> </section> <!-- ==================================== ——— BLOG SECTION ===================================== --> <section class="pt-10 pb-7 py-md-10"> <div class="container"> <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp"> <span class="shape shape-left bg-info"></span> <h2 class="text-danger">Latest News</h2> <span class="shape shape-right bg-info"></span> </div> <div class="row wow fadeInUp"> <div class="col-md-4"> <div class="card"> <div class="position-relative"> <a href="blog-single-left-sidebar.html"> <img class="card-img-top lazyestload" data-src="assets/img/blog/blog-img1.jpg" src="assets/img/blog/blog-img1.jpg" alt="Card image"> </a> <div class="card-img-overlay p-0"> <span class="badge badge-rounded badge-warning m-4"> 10 <br> July</span> </div> </div> <div class="card-body border-top-5 px-3 border-warning"> <h3 class="card-title"> <a class="text-warning text-capitalize d-block text-truncate" href="blog-single-left-sidebar.html">The standard chunk of Lorem.</a> </h3> <ul class="list-unstyled d-flex flex-md-column flex-lg-row"> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-user mr-2" aria-hidden="true"></i>Jone Doe </a> </li> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-comments-o mr-2" aria-hidden="true"></i>4 Comments </a> </li> </ul> <p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classi cal Latin literature.</p> <a class="btn btn-link text-hover-warning pl-0" href="blog-single-left-sidebar.html"> <i class="fa fa-angle-double-right mr-1" aria-hidden="true"></i> More </a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="position-relative"> <a href="blog-single-left-sidebar.html"> <img class="card-img-top lazyestload" data-src="assets/img/blog/blog-img2.jpg" src="assets/img/blog/blog-img2.jpg" alt="Card image"> </a> <div class="card-img-overlay p-0"> <span class="badge badge-success badge-rounded m-4"> 14 <br> Jun</span> </div> </div> <div class="card-body border-top-5 px-3 border-success"> <h3 class="card-title"> <a class="text-success text-capitalize d-block text-truncate" href="blog-single-left-sidebar.html">Vestibulum congue massa vitae.</a> </h3> <ul class="list-unstyled d-flex flex-md-column flex-lg-row"> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-user mr-2" aria-hidden="true"></i>Jone Doe </a> </li> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-comments-o mr-2" aria-hidden="true"></i>4 Comments </a> </li> </ul> <p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classi cal Latin literature.</p> <a class="btn btn-link text-hover-success pl-0" href="blog-single-left-sidebar.html"> <i class="fa fa-angle-double-right mr-1" aria-hidden="true"></i> More </a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="position-relative"> <a href="blog-single-left-sidebar.html"> <img class="card-img-top lazyestload" data-src="assets/img/blog/blog-img3.jpg" src="assets/img/blog/blog-img3.jpg" alt="Card image"> </a> <div class="card-img-overlay p-0"> <span class="badge badge-danger badge-rounded m-4"> 14 <br> Jun</span> </div> </div> <div class="card-body border-top-5 px-3 border-danger"> <h3 class="card-title"> <a class="text-danger text-capitalize d-block text-truncate" href="blog-single-left-sidebar.html">Vestibulum congue massa vitae.</a> </h3> <ul class="list-unstyled d-flex flex-md-column flex-lg-row"> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-user mr-2" aria-hidden="true"></i>Jone Doe </a> </li> <li class="mr-2"> <a class="text-muted" href="blog-single-left-sidebar.html"> <i class="fa fa-comments-o mr-2" aria-hidden="true"></i>4 Comments </a> </li> </ul> <p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classi cal Latin literature.</p> <a class="btn btn-link text-hover-danger pl-0" href="blog-single-left-sidebar.html"> <i class="fa fa-angle-double-right mr-1" aria-hidden="true"></i> More </a> </div> </div> </div> </div> <div class="btn-aria text-center mt-4 wow fadeInUp"> <a href="blog-grid.html" class="btn btn-danger text-uppercase">View More</a> </div> </div> </section> <!-- ==================================== ——— BRAND SLIDER ===================================== --> <section class="mb-10 mb-md-9"> <div class="container"> <div id="brands" class="owl-carousel owl-theme brand-slider wow fadeInUp" dir="ltr"> <div class="item shadow-sm rounded p-3 mb-5"> <img class="img-fluid mx-auto d-block py-2 lazyestload" data-src="assets/img/brands/brands-img1.png" src="assets/img/brands/brands-img1.png" alt="Card image cap"> </div> <div class="item shadow-sm rounded p-3 mb-5"> <img class="img-fluid mx-auto d-block py-2 lazyestload" data-src="assets/img/brands/brands-img2.png" src="assets/img/brands/brands-img2.png" alt="Card image cap"> </div> <div class="item shadow-sm rounded p-3 mb-5"> <img class="img-fluid mx-auto d-block py-2 lazyestload" data-src="assets/img/brands/brands-img3.png" src="assets/img/brands/brands-img3.png" alt="Card image cap"> </div> <div class="item shadow-sm rounded p-3 mb-5"> <img class="img-fluid mx-auto d-block py-2 lazyestload" data-src="assets/img/brands/brands-img4.png" src="assets/img/brands/brands-img4.png" alt="Card image cap"> </div> <div class="item shadow-sm rounded p-3 mb-5"> <img class="img-fluid mx-auto d-block py-2 lazyestload" data-src="assets/img/brands/brands-img5.png" src="assets/img/brands/brands-img5.png" alt="Card image cap"> </div> </div> </div> </section> </div> <!-- Element Wrapper Ends --> <!-- ==================================== ——— FOOTER ===================================== --> <footer class="footer-bg-white bg-light"> <!-- Footer Color Bar --> <div class="color-bar"> <div class="container-fluid"> <div class="row"> <div class="col color-bar bg-warning"></div> <div class="col color-bar bg-danger"></div> <div class="col color-bar bg-success"></div> <div class="col color-bar bg-info"></div> <div class="col color-bar bg-purple"></div> <div class="col color-bar bg-pink"></div> <div class="col color-bar bg-warning d-none d-md-block"></div> <div class="col color-bar bg-danger d-none d-md-block"></div> <div class="col color-bar bg-success d-none d-md-block"></div> <div class="col color-bar bg-info d-none d-md-block"></div> <div class="col color-bar bg-purple d-none d-md-block"></div> <div class="col color-bar bg-pink d-none d-md-block"></div> </div> </div> </div> <div class="py-8 "> <div class="container"> <div class="row"> <div class="col-sm-6 col-lg-3 col-xs-12"> <a class="mb-6 d-block" href="index.html"> <img class="img-fluid d-inline-block w-50 lazyestload" data-src="assets/img/logov2.png" src="assets/img/logov2.png"> </a> <p class="mb-6">Excepteur sint occaecat cupidatat non proident, sunt in culpa officia.Lorem ipsum dolor sit amet.</p> <p class="mb-6">consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <h4 class="section-title-sm mb-6 font-weight-bold text-warning">Useful Links</h4> <ul class="list-unstyled"> <li class="mb-4"> <a href="index.html"> <i class="fa fa-angle-double-right mr-2" aria-hidden="true"></i>Kidz School </a> </li> <li class="mb-4"> <a href="about-us.html"> <i class="fa fa-angle-double-right mr-2" aria-hidden="true"></i>About Kidz School </a> </li> <li class="mb-4"> <a href="index-v2.html"> <i class="fa fa-angle-double-right mr-2" aria-hidden="true"></i>Kidz Store </a> </li> <li class="mb-4"> <a href="index-v3.html"> <i class="fa fa-angle-double-right mr-2" aria-hidden="true"></i>Kidz Daycare </a> </li> <li class="mb-3"> <a href="photo-gallery.html"> <i class="fa fa-angle-double-right mr-2" aria-hidden="true"></i> Photo Gallery </a> </li> </ul> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <h4 class="section-title-sm mb-6 font-weight-bold text-success">Recent Post</h4> <ul class="list-unstyled list-item-border-bottom"> <li class="mb-4 pb-4"> <div class="media"> <a class="mr-2" href="blog-single-left-sidebar.html"> <img class="rounded-lg w-100 border-warning border-2 d-block lazyestload" data-src="assets/img/blog/blog-sm-img5.jpg" src="assets/img/blog/blog-sm-img5.jpg" alt="blog-sm-img5.jpg"> </a> <div class="media-body"> <h5 class="line-hight-16 mb-1"> <a class="font-base font-size-14" href="blog-single-left-sidebar.html">A Clean Website Gives More Experience To The Visitors</a> </h5> <time class="text-muted">July 7 - 2018</time> </div> </div> </li> <li class="mb-4 pb-4"> <div class="media"> <a class="mr-2" href="blog-single-left-sidebar.html"> <img class="rounded-lg w-100 border-success border-2 d-block lazyestload" data-src="assets/img/blog/blog-sm-img-12.jpg" src="assets/img/blog/blog-sm-img-12.jpg" alt="blog-sm-img-12.jpg"> </a> <div class="media-body"> <h5 class="line-hight-16 mb-1"> <a class="font-base font-size-14" href="blog-single-left-sidebar.html">A Clean Website Gives More Experience To The Visitors</a> </h5> <time class="text-muted">Jun 7 - 2018</time> </div> </div> </li> <li class="mb-4 pb-4"> <div class="media"> <a class="mr-2" href="blog-single-left-sidebar.html"> <img class="rounded-lg w-100 border-info border-2 d-block lazyestload" data-src="assets/img/blog/blog-sm-img7.jpg" src="assets/img/blog/blog-sm-img7.jpg" alt="blog-sm-img7.jpg"> </a> <div class="media-body"> <h5 class="line-hight-16 mb-1""> <a class="font-base font-size-14" href="blog-single-left-sidebar.html">A Clean Website Gives More Experience To The Visitors</a> </h5> <time class="text-muted">Jun 7 - 2018</time> </div> </div> </li> </ul> </div> <div class="col-sm-6 col-lg-3 col-xs-12"> <h4 class="section-title-sm font-weight-bold text-danger mb-6">Mailing List</h4> <p class="mb-6">Sign up for our mailing list to get latest updates and offers.</p> <form class="mb-6" action=""> <div class="input-group shadow-sm-hover rounded-sm input-addon"> <input type="text" class="form-control py-4" placeholder="Email address" aria-describedby="basic-addon21"> <div class="input-group-append "> <div class="input-group-text bg-danger"> <i class="fa fa-check text-white" aria-hidden="true"></i></div> </div> </div> </form> <div class="mb-6"> <h5 class="text-purple font-weight-bold font-size-20">Payment Method</h5> </div> <ul class="list-unstyled d-flex"> <li class="mr-3"> <a href="javascript:void(0)"> <img class="lazyestload" data-src="assets/img/credit-card/credit-card-img1.png" src="assets/img/credit-card/credit-card-img1.png" alt="credit-card-img1.png"> </a> </li> <li class="mr-3"> <a href="javascript:void(0)"> <img class="lazyestload" data-src="assets/img/credit-card/credit-card-img2.png" src="assets/img/credit-card/credit-card-img2.png" alt="credit-card-img2.png"> </a> </li> <li class="mr-3"> <a href="javascript:void(0)"> <img class="lazyestload" data-src="assets/img/credit-card/credit-card-img3.png" src="assets/img/credit-card/credit-card-img3.png" alt="credit-card-im31.png"> </a> </li> <li class=""> <a href="javascript:void(0)"> <img class="lazyestload" data-src="assets/img/credit-card/credit-card-img4.png" src="assets/img/credit-card/credit-card-img4.png" alt="credit-card-img4.png"> </a> </li> </ul> </div> </div> </div> </div> <!-- Copy Right --> <div class="copyright"> <div class="container"> <div class="row py-4 align-items-center"> <div class="col-sm-7 col-xs-12 order-1 order-md-0"> <p class="text-center text-sm-left font-size-13 mb-0"> © 2018 Copyright Kidz School Bootstrap Template by <a class="text-danger" href="http://www.iamabdus.com/" target="_blank">Abdus</a>.</p> </div> <div class="col-sm-5 col-xs-12"> <ul class="list-inline d-flex align-items-center justify-content-md-end justify-content-center mb-md-0"> <li class="mr-2"> <a class="icon-rounded-circle-small bg-warning" href="javascript:void(0)"> <i class="fa fa-facebook text-white" aria-hidden="true"></i> </a> </li> <li class="mr-2"> <a class="icon-rounded-circle-small bg-danger" href="javascript:void(0)"> <i class="fa fa-twitter text-white" aria-hidden="true"></i> </a> </li> <li class="mr-2"> <a class="icon-rounded-circle-small bg-success" href="javascript:void(0)"> <i class="fa fa-google-plus text-white" aria-hidden="true"></i> </a> </li> <li class="mr-2"> <a class="icon-rounded-circle-small bg-info" href="javascript:void(0)"> <i class="fa fa-pinterest-p text-white" aria-hidden="true"></i> </a> </li> <li class=""> <a class="icon-rounded-circle-small bg-purple" href="javascript:void(0)"> <i class="fa fa-vimeo text-white" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </div> </footer> </div> <!-- Modal Login --> <div class="modal fade" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="mb-4 mb-sm-0"> <div class="bg-warning rounded-top p-2"> <h4 class="text-white mb-0 ml-2">Login</h4> </div> <div class="border rounded-bottom border-top-0"> <div class="p-3"> <form action="#" method="POST" role="form"> <div class="form-group"> <input type="text" class="form-control" placeholder="User name" required=""> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Password" required=""> </div> <div class="form-group"> <input type="submit" class="btn btn-danger text-uppercase shadow w-100" value="Login"> </div> </form> </div> </div> </div> </div> </div> </div> <!-- Modal Create Account --> <div class="modal fade bd-example-modal-sm" id="modal-createAccount" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="mb-4 mb-sm-0"> <div class="bg-warning rounded-top p-2"> <h4 class="text-white mb-0 ml-2">Create An Account</h4> </div> <div class="border rounded-bottom border-top-0"> <div class="p-3"> <form action="#" method="POST" role="form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Name" required=""> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="User name" required=""> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Phone" required=""> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Password" required=""> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Re-Password" required=""> </div> <div class="form-group"> <input type="submit" class="btn btn-danger text-uppercase shadow w-100" value="Register"> </div> <div class="form-group text-center mb-0"> <p class="mb-0">Allready have an account? <a class="text-danger" href="#">Log in</a></p> </div> </form> </div> </div> </div> </div> </div> </div> <!-- Modal Enroll --> <div class="modal fade" id="modal-enrolAccount" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm rounded" role="document"> <div class="modal-content"> <div class="bg-pink rounded-top p-2"> <h3 class="text-white font-weight-bold mb-0 ml-2">Create An Account</h3> </div> <div class="border rounded-bottom-md border-top-0"> <div class="p-3"> <form action="#" method="POST" role="form"> <div class="form-group form-group-icon"> <input type="text" class="form-control border" placeholder="Name" required=""> </div> <div class="form-group form-group-icon"> <input type="text" class="form-control border" placeholder="User name" required=""> </div> <div class="form-group form-group-icon"> <input type="text" class="form-control border" placeholder="Phone" required=""> </div> <div class="form-group form-group-icon"> <input type="password" class="form-control border" placeholder="Password" required=""> </div> <div class="form-group form-group-icon"> <input type="password" class="form-control border" placeholder="Re-Password" required=""> </div> <div class="form-group"> <button type="submit" class="btn btn-pink text-uppercase text-white w-100">Register</button> </div> <div class="form-group text-center text-secondary mb-0"> <p class="mb-0">Allready have an account? <a class="text-pink" href="#">Log in</a></p> </div> </form> </div> </div> </div> </div> </div> <!-- Modal Products --> <div class="modal fade" id="modal-products" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header border-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 col-xs-12"> <img class="img-fluid d-block mx-auto" src="assets/img/products/products-preview01.jpg" alt="preview01.jpg"> </div> <div class="col-sm-6 col-xs-12"> <div class="product-single"> <h1>Barbie Racing Car</h1> <span class="pricing font-size-55">$50 <del>$60</del></span> <p class="mb-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p> <div class="add-cart mb-0"> <div class="count-input"> <input class="quantity btn-primary" type="text" value="1"> <a class="incr-btn incr-up" data-action="decrease" href="#"><i class="fa fa-caret-up" aria-hidden="true"></i></a> <a class="incr-btn incr-down" data-action="increase" href="#"><i class="fa fa-caret-down" aria-hidden="true"></i></a> </div> <button type="button" class="btn btn-danger text-uppercase" onclick="location.href='product-cart.html';">Add to cart</button> </div> </div> </div> </div> </div> </div> </div> </div> <!--scrolling--> <div class="scrolling"> <a href="#pageTop" class="back-to-top" id="back-to-top" style="opacity: 1;"> <i class="fa fa-arrow-up" aria-hidden="true"></i> </a> </div> <!-- Javascript --> <script src="assets/plugins/jquery/jquery.min.js"></script> <script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/plugins/owl-carousel/owl.carousel.min.js"></script> <script src="assets/plugins/fancybox/jquery.fancybox.min.js"></script> <script src="assets/plugins/isotope/isotope.min.js"></script> <script src="assets/plugins/syotimer/jquery.syotimer.min.js"></script> <script src="assets/plugins/select2/js/select2.min.js"></script> <script src="assets/plugins/no-ui-slider/nouislider.min.js"></script> <script src="assets/plugins/lazyestload/lazyestload.js"></script> <script src="assets/plugins/velocity/velocity.min.js"></script> <script src="assets/plugins/smoothscroll/SmoothScroll.js"></script> <script src="assets/plugins/images-loaded/js/imagesloaded.pkgd.min.js"></script> <script src="assets/plugins/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="assets/plugins/revolution/js/jquery.themepunch.revolution.min.js"></script> <!-- Load revolution slider only on Local File Systems. The following part can be removed on Server --> <!-- <script src="assets/plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script src="assets/plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script src="assets/plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script> --> <script src="assets/plugins/wow/wow.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDU79W1lu5f6PIiuMqNfT1C6M0e_lq1ECY"></script> <script src="assets/js/kidz.js"></script> </body> </html>