D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
html
/
epaji.com
/
public_html
/
hindiusa
/
web
/
themes
/
kidz
/
Filename :
index-v4.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 FASHION</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-lg 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-fashion.png" alt="Kidz School"> </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-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 " 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 active " 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-lg-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-lg-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-lg-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-lg-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-fashion"> <!--==================================== ——— 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_4" 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-4/bg-1.png" alt="Image" class="rev-slidebg"> <!-- LAYER --> <!-- 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-4/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":1500,"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','left','left','right']" data-y="middle" data-hoffset="['650', '500', '350', '60']" data-voffset="['-80', '-80', '-60', '-40']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#222" 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 For Your <span class="text-warning">Store</span> </div> <!-- LAYER NR. 3 --> <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="#222" 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. 4 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-danger" data-frames='[{"delay":2500,"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','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-textAlign="['left','left','left','right']" data-basealign="grid" data-responsive_offset="on" data-type="text" style="text-transform: uppercase; z-index: 1;"> Buy Kidz </a> <!-- LAYER NR. 5 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"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="['60', '70', '40', '20']" data-voffset="['-70', '-70', '-70', '-40']" data-basealign="grid" data-responsive_offset="off"> <img src="assets/img/banner/slider-4/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 6 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"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-4/sm-icon-6.png" alt="Image"> </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"speed":3000,"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-4/sm-icon-3.png" alt="Image"> </div> <!-- LAYER NR. 8 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"speed":800,"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-4/sm-icon-4.png" alt="Image"> </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"speed":800,"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-4/sm-icon-2.png" alt="Image"> </div> <!-- LAYER NR. 10 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":500,"speed":800,"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-4/sm-icon-5.png" alt="Image"> </div> </li> <!-- SLIDE 2 --> <li data-transition="fade"> <img src="assets/img/banner/slider-4/bg-1.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-4/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":1500,"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', 'on', 'on', 'off']" data-x="left" data-y="middle" data-hoffset="['10', '40', '15', '30']" data-voffset="['-80', '-80', '-60', '-40']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#222" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz For Your <span class="text-warning">Store</span> </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2000,"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="['10', '40', '15', '30']" 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="#222" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" data-whitespace="normal" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 4 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-danger" data-frames='[{"delay":2500,"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="['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-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> Buy Kidz </a> <!-- LAYER NR. 5 --> <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-4/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 6 --> <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-4/sm-icon-6.png" alt="Image" > </div> <!-- LAYER NR. 7 --> <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-4/sm-icon-7.png" alt="Image" > </div> <!-- LAYER NR. 8 --> <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-4/sm-icon-2.png" alt="Image" > </div> <!-- LAYER NR. 9 --> <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-4/sm-icon-3.png" alt="Image" > </div> <!-- LAYER NR. 10 --> <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-4/sm-icon-5.png" alt="Image" > </div> </li> <!-- SLIDE 3 --> <li data-transition="fade"> <img src="assets/img/banner/slider-4/bg-1.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-4/lg-img-3.png" alt="Image" data-ww="['731px','631px','531px','431px']" data-hh="['634px','534px','434px','334px']" > </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":1500,"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="['10', '40', '15', '30']" data-voffset="['-80', '-80', '-60', '-40']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#222" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz For Your <span class="text-warning">Store</span> </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2000,"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="['10', '40', '15', '30']" 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="#222" data-textAlign="left" data-basealign="grid" data-responsive_offset="off" data-whitespace="normal" style="z-index: 10;"> Kidz Template has all the features need to run an ecommerce website. </div> <!-- LAYER NR. 4 --> <a href="https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N" class="tp-caption tp-resizeme slide-layer-3 btn btn-danger" data-frames='[{"delay":2500,"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="['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-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> Buy Kidz </a> </li> <!-- SLIDE 4 --> <li data-transition="fade"> <img src="assets/img/banner/slider-4/bg-1.png" alt="Image" class="rev-slidebg"> <!-- 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":300,"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-4/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":300,"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-4/lg-img-5.png" alt="Image" > </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme font-dosis font-weight-bold" data-frames='[{"delay":2000,"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="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" data-voffset="['-80', '-80', '-60', '-40']" data-fontsize="['50', '45', '40', '30']" data-lineheight="['50', '45', '40', '30']" data-color="#222" data-width="auto" data-basealign="grid" data-responsive_offset="off" style="z-index: 1;"> Get Kidz For Your <span class="text-warning">Store</span> </div> <!-- LAYER NR. 4 --> <div class="tp-caption tp-resizeme font-dosis" data-frames='[{"delay":2500,"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="center" data-y="middle" data-hoffset="['0', '0', '0', '0']" 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="#222" data-textAlign="center" data-basealign="grid" data-responsive_offset="on" data-responsive="on" 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-danger" data-frames='[{"delay":3000,"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="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-textAlign="left" data-basealign="grid" data-responsive_offset="off" style="text-transform: uppercase; z-index: 1;"> Buy Kidz </a> <!-- LAYER NR. 6 --> <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":300,"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-4/sm-icon-1.png" alt="Image" > </div> <!-- LAYER NR. 7 --> <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":300,"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-4/sm-icon-6.png" alt="Image" > </div> <!-- LAYER NR. 8 --> <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":300,"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-4/sm-icon-7.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":300,"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-4/sm-icon-5.png" alt="Image" > </div> <!-- LAYER NR. 10 --> <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":300,"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-4/sm-icon-3.png" alt="Image" > </div> <!-- LAYER NR. 11 --> <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":300,"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-4/sm-icon-2.png" alt="Image" > </div> <!-- LAYER NR. 12 --> <div class="tp-caption tp-resizeme" data-frames='[{"delay":2500,"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="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-4/sm-icon-4.png" alt="Image" > </div> </li> </ul> </div> </div> <!-- ==================================== ——— CATEGORIES SECTION ===================================== --> <section class="categories pt-9 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">Categories</h2> <span class="shape shape-right bg-info"></span> </div> <div class="row wow fadeInUp"> <div class="col-md-6 col-lg-3"> <div class="card card-product-fill-bg bg-warning"> <a class="card-link" href="products.html"> <div class="card-img"> <img class="img-link" src="assets/img/products/products-category-img1.png" alt="products-category-img1"> </div> <span> Dresses </span> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-product-fill-bg bg-success"> <a class="card-link" href="products.html"> <div class="card-img"> <img class="img-link" src="assets/img/products/products-category-img2.png" alt="products-category-img1"> </div> <span> Foot Wear </span> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-product-fill-bg bg-primary"> <a class="card-link" href="products.html"> <div class="card-img"> <img class="img-link" src="assets/img/products/products-category-img3.png" alt="products-category-img1"> </div> <span> Inner Wear </span> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-product-fill-bg bg-info"> <a class="card-link" href="products.html"> <div class="card-img"> <img class="img-link" src="assets/img/products/products-category-img4.png" alt="products-category-img1"> </div> <span> Night Wear </span> </a> </div> </div> </div> </div> </section> <!-- ==================================== ——— BOYS CATEGORIE ===================================== --> <section class="bg-light py-7 py-lg-10"> <div class="container shadow-xl rounded-sm pt-2 px-4 border"> <div class="row wow fadeInUp"> <div class="col-lg-6 col-xs-12 mb-md-5 mb-lg-0"> <div class="row"> <div class="col-5 col-lg-4"> <h3 class="bg-warning text-white font-weight-bold rounded-sm font-inherit p-3 mb-6">Boy</h3> <ul class="list-unstyled mb-0"> <li class="mb-2"> <a class="btn btn-link text-hover-warning p-0" href="product-left-sidebar.html"> Dresses & Rompers</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-warning p-0" href="product-left-sidebar.html"> Graphic Tees</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-warning p-0" href="product-left-sidebar.html"> Shorts</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-warning p-0" href="product-left-sidebar.html"> Denim</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-warning p-0" href="product-left-sidebar.html"> Tops</a> </a> </li> </ul> </div> <div class="col-7 col-lg-8"> <div class="owl-carousel owl-theme categories-slider mb-5 mb-md-0" id="categorie" dir="ltr"> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img1.jpg" src="assets/img/products/products-single-cat-slider-img1.jpg" alt="products-single-cat-slider-img1"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-warning text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img2.jpg" src="assets/img/products/products-single-cat-slider-img2.jpg" alt="products-single-cat-slider-img2"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-warning text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card shedow"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img3.jpg" src="assets/img/products/products-single-cat-slider-img3.jpg" alt="products-single-cat-slider-img3"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-warning text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-xs-12"> <div class="row"> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-1.jpg" src="assets/img/products/products-boy-img-1.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45<del class="ml-1">$50</del></span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-2.jpg" src="assets/img/products/products-boy-img-2.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-3.jpg" src="assets/img/products/products-boy-img-3.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-4.jpg" src="assets/img/products/products-boy-img-4.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-5.jpg" src="assets/img/products/products-boy-img-5.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-warning mb-2 card-hover shadow-none rounded-sm"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-boy-img-6.jpg" src="assets/img/products/products-boy-img-6.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$45</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— GIRL CATEGORIE ===================================== --> <section class="py-7 py-lg-10"> <div class="container shadow-xl rounded-sm pt-2 px-4 border"> <div class="row wow fadeInUp"> <div class="col-lg-6 col-xs-12 mb-md-5 mb-lg-0"> <div class="row"> <div class="col-5 col-md-5 col-lg-4"> <h3 class="bg-success text-white font-weight-bold rounded-sm font-inherit p-3 mb-6">Girl</h3> <ul class="list-unstyled mb-0"> <li class="mb-2"> <a class="btn btn-link text-hover-success p-0" href="product-left-sidebar.html"> Dresses & Rompers</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-success p-0" href="product-left-sidebar.html"> Graphic Tees</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-success p-0" href="product-left-sidebar.html"> Shorts</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-success p-0" href="product-left-sidebar.html"> Denim</a> </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-success p-0" href="product-left-sidebar.html"> Tops</a> </a> </li> </ul> </div> <div class="col-7 col-md-7 col-lg-8"> <div class="owl-carousel owl-theme categories-slider mb-5 mb-md-0" id="categorie" dir="ltr"> <div class="item"> <div class="card shadow-none b-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img4.jpg" src="assets/img/products/products-single-cat-slider-img4.jpg" alt="products-single-cat-slider-img4"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-success text-white opacity-85"> Blazer Fashion </br> <span> $40</span> </a> </div> </div> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img5.jpg" src="assets/img/products/products-single-cat-slider-img5.jpg" alt="products-single-cat-slider-img5"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-success text-white opacity-85"> Blazer Fashion </br> <span> $40</span> </a> </div> </div> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img6.jpg" src="assets/img/products/products-single-cat-slider-img6.jpg" alt="products-single-cat-slider-img6"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-success text-white opacity-85"> Blazer Fashion </br> <span> $40</span> </a> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-xs-12"> <div class="row"> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-1.jpg" src="assets/img/products/products-girl-img-1.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-2.jpg" src="assets/img/products/products-girl-img-2.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-3.jpg" src="assets/img/products/products-girl-img-3.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-4.jpg" src="assets/img/products/products-girl-img-4.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-5.jpg" src="assets/img/products/products-girl-img-5.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-success card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-girl-img-6.jpg" src="assets/img/products/products-girl-img-6.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— BABYS CATEGORIE ===================================== --> <section class="bg-light py-7 py-lg-10"> <div class="container shadow-xl rounded-sm pt-2 px-4 border"> <div class="row wow fadeInUp"> <div class="col-lg-6 col-xs-12 mb-md-5 mb-lg-0"> <div class="row"> <div class="col-5 col-md-5 col-lg-4"> <h3 class="bg-danger text-white font-weight-bold rounded-sm font-inherit p-3 mb-6">Baby</h3> <ul class="list-unstyled mb-0"> <li class="mb-2"> <a class="btn btn-link text-hover-danger p-0" href="product-left-sidebar.html"> Dresses & Rompers </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-danger p-0" href="product-left-sidebar.html"> Graphic Tees </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-danger p-0" href="product-left-sidebar.html"> Shorts </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-danger p-0" href="product-left-sidebar.html"> Denim </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-danger p-0" href="product-left-sidebar.html"> Tops </a> </li> </ul> </div> <div class="col-7 col-md-7 col-lg-8"> <div class="owl-carousel owl-theme categories-slider mb-5 mb-md-0" id="categorie" dir="ltr"> <div class="item"> <div class="card shodow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img7.jpg" src="assets/img/products/products-single-cat-slider-img7.jpg" alt="products-single-cat-slider-img7"> <a href="poduct-single.html" class="badge badge-medium badge-medium-center badge-danger opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card shodow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img8.jpg" src="assets/img/products/products-single-cat-slider-img8.jpg" alt="products-single-cat-slider-img8"> <a href="poduct-single.html" class="badge badge-medium badge-medium-center badge-danger opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card shodow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img9.jpg" src="assets/img/products/products-single-cat-slider-img9.jpg" alt="products-single-cat-slider-img9"> <a href="poduct-single.html" class="badge badge-medium badge-medium-center badge-danger opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-xs-12"> <div class="row"> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-1.jpg" src="assets/img/products/products-baby-img-1.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-2.jpg" src="assets/img/products/products-baby-img-2.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-3.jpg" src="assets/img/products/products-baby-img-3.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-4.jpg" src="assets/img/products/products-baby-img-4.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-5.jpg" src="assets/img/products/products-baby-img-5.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-danger card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-baby-img-6.jpg" src="assets/img/products/products-baby-img-6.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-danger pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— TODDLER GIRLS CATEGORIE ===================================== --> <section class="py-7 py-lg-10"> <div class="container shadow-xl rounded-sm pt-2 px-4"> <div class="row wow fadeInUp"> <div class="col-lg-6 col-xs-12 mb-md-5 mb-lg-0"> <div class="row"> <div class="col-5 col-md-5 col-lg-4"> <h3 class="bg-info text-white font-weight-bold rounded-sm font-inherit p-3 mb-6">Toddler Girl</h3> <ul class="list-unstyled mb-0"> <li class="mb-2"> <a class="btn btn-link text-hover-info p-0" href="product-left-sidebar.html"> Dresses & Rompers </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-info p-0" href="product-left-sidebar.html"> Graphic Tees </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-info p-0" href="product-left-sidebar.html"> Shorts </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-info p-0" href="product-left-sidebar.html"> Denim </a> </li> <li class="mb-2"> <a class="btn btn-link text-hover-info p-0" href="product-left-sidebar.html"> Tops </a> </li> </ul> </div> <div class="col-7 col-md-7 col-lg-8"> <div class="owl-carousel owl-theme categories-slider mb-5 mb-md-0" id="categorie" dir="ltr"> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img10.jpg"src="assets/img/products/products-single-cat-slider-img10.jpg" alt="products-single-cat-slider-img10"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-info text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img11.jpg"src="assets/img/products/products-single-cat-slider-img11.jpg" alt="products-single-cat-slider-img11"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-info text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> <div class="item"> <div class="card shadow-none mb-0"> <img class="card-img-top lazyestload" data-src="assets/img/products/products-single-cat-slider-img12.jpg"src="assets/img/products/products-single-cat-slider-img12.jpg" alt="products-single-cat-slider-img12"> <a href="product-single.html" class="badge badge-medium badge-medium-center badge-info text-white opacity-85"> Blazer Fashion </br> <span>$40</span> </a> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-xs-12"> <div class="row"> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-1.jpg" src="assets/img/products/products-t-d-img-1.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-2.jpg" src="assets/img/products/products-t-d-img-2.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-3.jpg" src="assets/img/products/products-t-d-img-3.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-4.jpg" src="assets/img/products/products-t-d-img-4.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-5.jpg" src="assets/img/products/products-t-d-img-5.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> <div class="col-6 col-md-4 px-1"> <div class="card card-border border-info card-hover shadow-none rounded-sm mb-2"> <a class="position-relative" href="javascript:void(0)" data-toggle="modal" data-target="#modal-products"> <img class="card-img-top mx-auto rounded-top lazyestload bg-white pb-4" data-src="assets/img/products/products-t-d-img-6.jpg" src="assets/img/products/products-t-d-img-6.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 pt-3 px-3 pb-1"> <h5 class=""> <a class="text-white" href="product-single.html">Barbie Racing Car</a> </h5> <span class="d-block text-white mb-1">$59</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================== ——— BLOG SECTION ===================================== --> <section class="pb-9"> <div class="container"> <div id="brands" class="owl-carousel owl-theme brand-slider wow fadeInUp" dir="ltr"> <div class="item bg-light 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 bg-light 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 bg-light 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 bg-light 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 bg-light 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>