Showing preview only (8,291K chars total). Download the full file or copy to clipboard to get everything.
Repository: ahmadhuss/ludus-free-premium-ecommerce-template
Branch: master
Commit: 9db3c2907bb4
Files: 116
Total size: 7.9 MB
Directory structure:
gitextract_io8gfypf/
├── 404.html
├── LICENSE
├── README.md
├── about.html
├── blog-detail.html
├── blog-left-sidebar.html
├── blog-masonry.html
├── blog-right-sidebar.html
├── blog-sidebar-none.html
├── cart.html
├── checkout.html
├── contact.html
├── css/
│ ├── app.color10.css
│ ├── app.color2.css
│ ├── app.color3.css
│ ├── app.color4.css
│ ├── app.color5.css
│ ├── app.color6.css
│ ├── app.color7.css
│ ├── app.color8.css
│ ├── app.color9.css
│ ├── app.css
│ ├── utility.css
│ └── vendor.css
├── dash-address-add.html
├── dash-address-book.html
├── dash-address-edit.html
├── dash-address-make-default.html
├── dash-cancellation.html
├── dash-edit-profile.html
├── dash-manage-order.html
├── dash-my-order.html
├── dash-my-profile.html
├── dash-payment-option.html
├── dash-track-order.html
├── dashboard.html
├── empty-cart.html
├── empty-search.html
├── empty-wishlist.html
├── faq.html
├── index-2.html
├── index-3.html
├── index.html
├── js/
│ ├── app.js
│ ├── jquery.shopnav.js
│ ├── map-init.js
│ └── vendor.js
├── lost-password.html
├── product-detail-affiliate.html
├── product-detail-variable.html
├── product-detail.html
├── scss/
│ ├── abstracts/
│ │ ├── _functions.scss
│ │ ├── _header-comment.scss
│ │ ├── _mixins.scss
│ │ ├── _variables.scss
│ │ └── mixins-module/
│ │ └── _mixin-utilities-spacing.scss
│ ├── app.color10.scss
│ ├── app.color2.scss
│ ├── app.color3.scss
│ ├── app.color4.scss
│ ├── app.color5.scss
│ ├── app.color6.scss
│ ├── app.color7.scss
│ ├── app.color8.scss
│ ├── app.color9.scss
│ ├── app.scss
│ ├── base/
│ │ ├── _base.scss
│ │ ├── _pre-config.scss
│ │ ├── _typography.scss
│ │ └── _utilities.scss
│ ├── components/
│ │ ├── _all.scss
│ │ ├── breadcrumb/
│ │ │ └── _breadcrumb.scss
│ │ ├── button/
│ │ │ └── _button.scss
│ │ ├── checkbox-radio/
│ │ │ └── _checkbox-radio.scss
│ │ ├── countdown/
│ │ │ └── _countdown.scss
│ │ ├── input-counter/
│ │ │ └── _input-counter.scss
│ │ ├── input-text/
│ │ │ └── _input-text.scss
│ │ ├── modal/
│ │ │ └── _modal.scss
│ │ ├── preload-img-aspect-ratio/
│ │ │ └── _preload-img-aspect-ratio.scss
│ │ ├── product/
│ │ │ └── _product.scss
│ │ ├── select-box/
│ │ │ └── _select-box.scss
│ │ └── textarea/
│ │ └── _textarea.scss
│ ├── layout/
│ │ ├── _footer.scss
│ │ └── _header.scss
│ ├── pages/
│ │ ├── _about.scss
│ │ ├── _all.scss
│ │ ├── _blog.scss
│ │ ├── _cart-wishlist.scss
│ │ ├── _checkout.scss
│ │ ├── _contact.scss
│ │ ├── _dashboard.scss
│ │ ├── _empty-404.scss
│ │ ├── _faq.scss
│ │ ├── _index.scss
│ │ ├── _product-detail.scss
│ │ ├── _shop.scss
│ │ └── _sign-in-up-lost.scss
│ ├── utility.scss
│ └── vendors-extensions/
│ ├── _all.scss
│ ├── _bootstrap.scss
│ ├── _jquery.scrollup.scss
│ ├── _owl-carousel.scss
│ ├── _slick.scss
│ └── jquery.shopNav/
│ ├── _dropdown.scss
│ └── extensions/
│ ├── _mega.scss
│ └── _mini-cart.scss
├── shop-grid-full.html
├── shop-grid-left.html
├── shop-grid-right.html
├── shop-list-full.html
├── shop-list-left.html
├── shop-list-right.html
├── shop-side-version-2.html
├── signin.html
├── signup.html
└── wishlist.html
================================================
FILE CONTENTS
================================================
================================================
FILE: 404.html
================================================
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="images/favicon.png" rel="shortcut icon">
<title>Ludus - Electronics, Apparel, Computers, Books, DVDs & more</title>
<!--====== Google Font ======-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
<!--====== Vendor Css ======-->
<link rel="stylesheet" href="css/vendor.css">
<!--====== Utility-Spacing ======-->
<link rel="stylesheet" href="css/utility.css">
<!--====== App ======-->
<link rel="stylesheet" href="css/app.css">
</head>
<body class="config">
<div class="preloader is-active">
<div class="preloader__wrap">
<img class="preloader__img" src="images/preloader.png" alt=""></div>
</div>
<!--====== Main App ======-->
<div id="app">
<!--====== Main Header ======-->
<header class="header--style-1 header--box-shadow">
<!--====== Nav 1 ======-->
<nav class="primary-nav primary-nav-wrapper--border">
<div class="container">
<!--====== Primary Nav ======-->
<div class="primary-nav">
<!--====== Main Logo ======-->
<a class="main-logo" href="index.html">
<img src="images/logo/logo-1.png" alt=""></a>
<!--====== End - Main Logo ======-->
<!--====== Search Form ======-->
<form class="main-form">
<label for="main-search"></label>
<input class="input-text input-text--border-radius input-text--style-1" type="text" id="main-search" placeholder="Search">
<button class="btn btn--icon fas fa-search main-search-button" type="submit"></button></form>
<!--====== End - Search Form ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation">
<button class="btn btn--icon toggle-button fas fa-cogs" type="button"></button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design1 ah-list--link-color-secondary">
<li class="has-dropdown" data-tooltip="tooltip" data-placement="left" title="Account">
<a><i class="far fa-user-circle"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li>
<a href="dashboard.html"><i class="fas fa-user-circle u-s-m-r-6"></i>
<span>Account</span></a></li>
<li>
<a href="signup.html"><i class="fas fa-user-plus u-s-m-r-6"></i>
<span>Signup</span></a></li>
<li>
<a href="signin.html"><i class="fas fa-lock u-s-m-r-6"></i>
<span>Signin</span></a></li>
<li>
<a href="signup.html"><i class="fas fa-lock-open u-s-m-r-6"></i>
<span>Signout</span></a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown" data-tooltip="tooltip" data-placement="left" title="Settings">
<a><i class="fas fa-user-cog"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li class="has-dropdown has-dropdown--ul-right-100">
<a>Language<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li>
<a class="u-c-brand">ENGLISH</a></li>
<li>
<a>ARABIC</a></li>
<li>
<a>FRANCAIS</a></li>
<li>
<a>ESPANOL</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-right-100">
<a>Currency<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:225px">
<li>
<a class="u-c-brand">$ - US DOLLAR</a></li>
<li>
<a>£ - BRITISH POUND STERLING</a></li>
<li>
<a>€ - EURO</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li data-tooltip="tooltip" data-placement="left" title="Contact">
<a href="tel:+0900901904"><i class="fas fa-phone-volume"></i></a></li>
<li data-tooltip="tooltip" data-placement="left" title="Mail">
<a href="mailto:contact@domain.com"><i class="far fa-envelope"></i></a></li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
</div>
<!--====== End - Primary Nav ======-->
</div>
</nav>
<!--====== End - Nav 1 ======-->
<!--====== Nav 2 ======-->
<nav class="secondary-nav-wrapper">
<div class="container">
<!--====== Secondary Nav ======-->
<div class="secondary-nav">
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation1">
<button class="btn btn--icon toggle-mega-text toggle-button" type="button">M</button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list">
<li class="has-dropdown">
<span class="mega-text">M</span>
<!--====== Mega Menu ======-->
<span class="js-menu-toggle"></span>
<div class="mega-menu">
<div class="mega-menu-wrap">
<div class="mega-menu-list">
<ul>
<li class="js-active">
<a href="shop-side-version-2.html"><i class="fas fa-tv u-s-m-r-6"></i>
<span>Electronics</span></a>
<span class="js-menu-toggle js-toggle-mark"></span></li>
<li>
<a href="shop-side-version-2.html"><i class="fas fa-female u-s-m-r-6"></i>
<span>Women's Clothing</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="shop-side-version-2.html"><i class="fas fa-male u-s-m-r-6"></i>
<span>Men's Clothing</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-utensils u-s-m-r-6"></i>
<span>Food & Supplies</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-couch u-s-m-r-6"></i>
<span>Furniture & Decor</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-football-ball u-s-m-r-6"></i>
<span>Sports & Game</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-heartbeat u-s-m-r-6"></i>
<span>Beauty & Health</span></a>
<span class="js-menu-toggle"></span></li>
</ul>
</div>
<!--====== Electronics ======-->
<div class="mega-menu-content js-active">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">3D PRINTER & SUPPLIES</a></li>
<li>
<a href="shop-side-version-2.html">3d Printer</a></li>
<li>
<a href="shop-side-version-2.html">3d Printing Pen</a></li>
<li>
<a href="shop-side-version-2.html">3d Printing Accessories</a></li>
<li>
<a href="shop-side-version-2.html">3d Printer Module Board</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOME AUDIO & VIDEO</a></li>
<li>
<a href="shop-side-version-2.html">TV Boxes</a></li>
<li>
<a href="shop-side-version-2.html">TC Receiver & Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Display Dongle</a></li>
<li>
<a href="shop-side-version-2.html">Home Theater System</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">MEDIA PLAYERS</a></li>
<li>
<a href="shop-side-version-2.html">Earphones</a></li>
<li>
<a href="shop-side-version-2.html">Mp3 Players</a></li>
<li>
<a href="shop-side-version-2.html">Speakers & Radios</a></li>
<li>
<a href="shop-side-version-2.html">Microphones</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">VIDEO GAME ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Nintendo Video Games Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Sony Video Games Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Xbox Video Games Accessories</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">SECURITY & PROTECTION</a></li>
<li>
<a href="shop-side-version-2.html">Security Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Alarm System</a></li>
<li>
<a href="shop-side-version-2.html">Security Gadgets</a></li>
<li>
<a href="shop-side-version-2.html">CCTV Security & Accessories</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">PHOTOGRAPHY & CAMERA</a></li>
<li>
<a href="shop-side-version-2.html">Digital Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Sport Camera & Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Camera Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Lenses & Accessories</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ARDUINO COMPATIBLE</a></li>
<li>
<a href="shop-side-version-2.html">Raspberry Pi & Orange Pi</a></li>
<li>
<a href="shop-side-version-2.html">Module Board</a></li>
<li>
<a href="shop-side-version-2.html">Smart Robot</a></li>
<li>
<a href="shop-side-version-2.html">Board Kits</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">DSLR Camera</a></li>
<li>
<a href="shop-side-version-2.html">Nikon Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Canon Camera</a></li>
<li>
<a href="shop-side-version-2.html">Sony Camera</a></li>
<li>
<a href="shop-side-version-2.html">DSLR Lenses</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">NECESSARY ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Flash Cards</a></li>
<li>
<a href="shop-side-version-2.html">Memory Cards</a></li>
<li>
<a href="shop-side-version-2.html">Flash Pins</a></li>
<li>
<a href="shop-side-version-2.html">Compact Discs</a></li>
</ul>
</div>
<div class="col-lg-9 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-0.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Electronics ======-->
<!--====== Women ======-->
<div class="mega-menu-content">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-1.jpg" alt=""></a></div>
</div>
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-2.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOT CATEGORIES</a></li>
<li>
<a href="shop-side-version-2.html">Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Blouses & Shirts</a></li>
<li>
<a href="shop-side-version-2.html">T-shirts</a></li>
<li>
<a href="shop-side-version-2.html">Rompers</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">INTIMATES</a></li>
<li>
<a href="shop-side-version-2.html">Bras</a></li>
<li>
<a href="shop-side-version-2.html">Brief Sets</a></li>
<li>
<a href="shop-side-version-2.html">Bustiers & Corsets</a></li>
<li>
<a href="shop-side-version-2.html">Panties</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">WEDDING & EVENTS</a></li>
<li>
<a href="shop-side-version-2.html">Wedding Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Evening Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Prom Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Flower Dresses</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">BOTTOMS</a></li>
<li>
<a href="shop-side-version-2.html">Skirts</a></li>
<li>
<a href="shop-side-version-2.html">Shorts</a></li>
<li>
<a href="shop-side-version-2.html">Leggings</a></li>
<li>
<a href="shop-side-version-2.html">Jeans</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OUTWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Blazers</a></li>
<li>
<a href="shop-side-version-2.html">Basics Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trench</a></li>
<li>
<a href="shop-side-version-2.html">Leather & Suede</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">JACKETS</a></li>
<li>
<a href="shop-side-version-2.html">Denim Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trucker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Windbreaker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Leather Jackets</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Tech Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Headwear</a></li>
<li>
<a href="shop-side-version-2.html">Baseball Caps</a></li>
<li>
<a href="shop-side-version-2.html">Belts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OTHER ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Bags</a></li>
<li>
<a href="shop-side-version-2.html">Wallets</a></li>
<li>
<a href="shop-side-version-2.html">Watches</a></li>
<li>
<a href="shop-side-version-2.html">Sunglasses</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-9 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-3.jpg" alt=""></a></div>
</div>
<div class="col-lg-3 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-4.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Women ======-->
<!--====== Men ======-->
<div class="mega-menu-content">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-5.jpg" alt=""></a></div>
</div>
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-6.jpg" alt=""></a></div>
</div>
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-7.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOT SALE</a></li>
<li>
<a href="shop-side-version-2.html">T-Shirts</a></li>
<li>
<a href="shop-side-version-2.html">Tank Tops</a></li>
<li>
<a href="shop-side-version-2.html">Polo</a></li>
<li>
<a href="shop-side-version-2.html">Shirts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OUTWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Hoodies</a></li>
<li>
<a href="shop-side-version-2.html">Trench</a></li>
<li>
<a href="shop-side-version-2.html">Parkas</a></li>
<li>
<a href="shop-side-version-2.html">Sweaters</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">BOTTOMS</a></li>
<li>
<a href="shop-side-version-2.html">Casual Pants</a></li>
<li>
<a href="shop-side-version-2.html">Cargo Pants</a></li>
<li>
<a href="shop-side-version-2.html">Jeans</a></li>
<li>
<a href="shop-side-version-2.html">Shorts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">UNDERWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Boxers</a></li>
<li>
<a href="shop-side-version-2.html">Briefs</a></li>
<li>
<a href="shop-side-version-2.html">Robes</a></li>
<li>
<a href="shop-side-version-2.html">Socks</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">JACKETS</a></li>
<li>
<a href="shop-side-version-2.html">Denim Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trucker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Windbreaker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Leather Jackets</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">SUNGLASSES</a></li>
<li>
<a href="shop-side-version-2.html">Pilot</a></li>
<li>
<a href="shop-side-version-2.html">Wayfarer</a></li>
<li>
<a href="shop-side-version-2.html">Square</a></li>
<li>
<a href="shop-side-version-2.html">Round</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Eyewear Frames</a></li>
<li>
<a href="shop-side-version-2.html">Scarves</a></li>
<li>
<a href="shop-side-version-2.html">Hats</a></li>
<li>
<a href="shop-side-version-2.html">Belts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OTHER ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Bags</a></li>
<li>
<a href="shop-side-version-2.html">Wallets</a></li>
<li>
<a href="shop-side-version-2.html">Watches</a></li>
<li>
<a href="shop-side-version-2.html">Tech Accessories</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-8.jpg" alt=""></a></div>
</div>
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-9.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Men ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
</div>
</div>
<!--====== End - Mega Menu ======-->
</li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation2">
<button class="btn btn--icon toggle-button fas fa-cog" type="button"></button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design2 ah-list--link-color-secondary">
<li>
<a href="shop-side-version-2.html">NEW ARRIVALS</a></li>
<li class="has-dropdown">
<a>PAGES<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:170px">
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Home<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:118px">
<li>
<a href="index.html">Home 1</a></li>
<li>
<a href="index-2.html">Home 2</a></li>
<li>
<a href="index-3.html">Home 3</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Account<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="signin.html">Signin / Already Registered</a></li>
<li>
<a href="signup.html">Signup / Register</a></li>
<li>
<a href="lost-password.html">Lost Password</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dashboard.html">Dashboard<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dashboard.html">Manage My Account<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:180px">
<li>
<a href="dash-edit-profile.html">Edit Profile</a></li>
<li>
<a href="dash-address-book.html">Edit Address Book</a></li>
<li>
<a href="dash-manage-order.html">Manage Order</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="dash-my-profile.html">My Profile</a></li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dash-address-book.html">Address Book<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:180px">
<li>
<a href="dash-address-make-default.html">Address Make Default</a></li>
<li>
<a href="dash-address-add.html">Add New Address</a></li>
<li>
<a href="dash-address-edit.html">Edit Address Book</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="dash-track-order.html">Track Order</a></li>
<li>
<a href="dash-my-order.html">My Orders</a></li>
<li>
<a href="dash-payment-option.html">My Payment Options</a></li>
<li>
<a href="dash-cancellation.html">My Returns & Cancellations</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Empty<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="empty-search.html">Empty Search</a></li>
<li>
<a href="empty-cart.html">Empty Cart</a></li>
<li>
<a href="empty-wishlist.html">Empty Wishlist</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Product Details<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="product-detail.html">Product Details</a></li>
<li>
<a href="product-detail-variable.html">Product Details Variable</a></li>
<li>
<a href="product-detail-affiliate.html">Product Details Affiliate</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Shop Grid Layout<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="shop-grid-left.html">Shop Grid Left Sidebar</a></li>
<li>
<a href="shop-grid-right.html">Shop Grid Right Sidebar</a></li>
<li>
<a href="shop-grid-full.html">Shop Grid Full Width</a></li>
<li>
<a href="shop-side-version-2.html">Shop Side Version 2</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Shop List Layout<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="shop-list-left.html">Shop List Left Sidebar</a></li>
<li>
<a href="shop-list-right.html">Shop List Right Sidebar</a></li>
<li>
<a href="shop-list-full.html">Shop List Full Width</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="cart.html">Cart</a></li>
<li>
<a href="wishlist.html">Wishlist</a></li>
<li>
<a href="checkout.html">Checkout</a></li>
<li>
<a href="faq.html">FAQ</a></li>
<li>
<a href="about.html">About us</a></li>
<li>
<a href="contact.html">Contact</a></li>
<li>
<a href="404.html">404</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown">
<a>BLOG<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li>
<a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li>
<a href="blog-sidebar-none.html">Blog Sidebar None</a></li>
<li>
<a href="blog-masonry.html">Blog Masonry</a></li>
<li>
<a href="blog-detail.html">Blog Details</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="shop-side-version-2.html">VALUE OF THE DAY</a></li>
<li>
<a href="shop-side-version-2.html">GIFT CARDS</a></li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation3">
<button class="btn btn--icon toggle-button fas fa-shopping-bag toggle-button-shop" type="button"></button>
<span class="total-item-round">2</span>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design1 ah-list--link-color-secondary">
<li>
<a href="index.html"><i class="fas fa-home"></i></a></li>
<li>
<a href="wishlist.html"><i class="far fa-heart"></i></a></li>
<li class="has-dropdown">
<a class="mini-cart-shop-link"><i class="fas fa-shopping-bag"></i>
<span class="total-item-round">2</span></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<div class="mini-cart">
<!--====== Mini Product Container ======-->
<div class="mini-product-container gl-scroll u-s-m-b-15">
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/electronic/product3.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Electronics</a></span>
<span class="mini-product__name">
<a href="product-detail.html">Yellow Wireless Headphone</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/electronic/product18.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Electronics</a></span>
<span class="mini-product__name">
<a href="product-detail.html">Nikon DSLR Camera 4k</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/women/product8.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Women Clothing</a></span>
<span class="mini-product__name">
<a href="product-detail.html">New Dress D Nice Elegant</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/men/product8.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Men Clothing</a></span>
<span class="mini-product__name">
<a href="product-detail.html">New Fashion D Nice Elegant</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
</div>
<!--====== End - Mini Product Container ======-->
<!--====== Mini Product Statistics ======-->
<div class="mini-product-stat">
<div class="mini-total">
<span class="subtotal-text">SUBTOTAL</span>
<span class="subtotal-value">$16</span></div>
<div class="mini-action">
<a class="mini-link btn--e-brand-b-2" href="checkout.html">PROCEED TO CHECKOUT</a>
<a class="mini-link btn--e-transparent-secondary-b-2" href="cart.html">VIEW CART</a></div>
</div>
<!--====== End - Mini Product Statistics ======-->
</div>
<!--====== End - Dropdown ======-->
</li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
</div>
<!--====== End - Secondary Nav ======-->
</div>
</nav>
<!--====== End - Nav 2 ======-->
</header>
<!--====== End - Main Header ======-->
<!--====== App Content ======-->
<div class="app-content">
<!--====== Section 1 ======-->
<div class="u-s-p-y-60">
<!--====== Section Content ======-->
<div class="section__content">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 u-s-m-b-30">
<div class="empty">
<div class="empty__wrap">
<span class="empty__big-text">404</span>
<span class="empty__text-1">Looks like you're in wrong place.</span>
<a class="empty__redirect-link btn--e-brand" href="index.html">GO TO HOME</a></div>
</div>
</div>
</div>
</div>
</div>
<!--====== End - Section Content ======-->
</div>
<!--====== End - Section 1 ======-->
</div>
<!--====== End - App Content ======-->
<!--====== Main Footer ======-->
<footer>
<div class="outer-footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="outer-footer__content u-s-m-b-40">
<span class="outer-footer__content-title">Contact Us</span>
<div class="outer-footer__text-wrap"><i class="fas fa-home"></i>
<span>4247 Ashford Drive Virginia VA-20006 USA</span></div>
<div class="outer-footer__text-wrap"><i class="fas fa-phone-volume"></i>
<span>(+0) 900 901 904</span></div>
<div class="outer-footer__text-wrap"><i class="far fa-envelope"></i>
<span>contact@domain.com</span></div>
<div class="outer-footer__social">
<ul>
<li>
<a class="s-fb--color-hover" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li>
<a class="s-tw--color-hover" href="#"><i class="fab fa-twitter"></i></a></li>
<li>
<a class="s-youtube--color-hover" href="#"><i class="fab fa-youtube"></i></a></li>
<li>
<a class="s-insta--color-hover" href="#"><i class="fab fa-instagram"></i></a></li>
<li>
<a class="s-gplus--color-hover" href="#"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="outer-footer__content u-s-m-b-40">
<span class="outer-footer__content-title">Information</span>
<div class="outer-footer__list-wrap">
<ul>
<li>
<a href="cart.html">Cart</a></li>
<li>
<a href="dashboard.html">Account</a></li>
<li>
<a href="shop-side-version-2.html">Manufacturer</a></li>
<li>
<a href="dash-payment-option.html">Finance</a></li>
<li>
<a href="shop-side-version-2.html">Shop</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="outer-footer__content u-s-m-b-40">
<div class="outer-footer__list-wrap">
<span class="outer-footer__content-title">Our Company</span>
<ul>
<li>
<a href="about.html">About us</a></li>
<li>
<a href="contact.html">Contact Us</a></li>
<li>
<a href="index.html">Sitemap</a></li>
<li>
<a href="dash-my-order.html">Delivery</a></li>
<li>
<a href="shop-side-version-2.html">Store</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="outer-footer__content">
<span class="outer-footer__content-title">Join our Newsletter</span>
<form class="newsletter">
<div class="u-s-m-b-15">
<div class="radio-box newsletter__radio">
<input type="radio" id="male" name="gender">
<div class="radio-box__state radio-box__state--primary">
<label class="radio-box__label" for="male">Male</label></div>
</div>
<div class="radio-box newsletter__radio">
<input type="radio" id="female" name="gender">
<div class="radio-box__state radio-box__state--primary">
<label class="radio-box__label" for="female">Female</label></div>
</div>
</div>
<div class="newsletter__group">
<label for="newsletter"></label>
<input class="input-text input-text--only-white" type="text" id="newsletter" placeholder="Enter your Email">
<button class="btn btn--e-brand newsletter__btn" type="submit">SUBSCRIBE</button></div>
<span class="newsletter__text">Subscribe to the mailing list to receive updates on promotions, new arrivals, discount and coupons.</span>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="lower-footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="lower-footer__content">
<div class="lower-footer__copyright">
<span>Copyright © 2018</span>
<a href="index.html">Reshop</a>
<span>All Right Reserved</span></div>
<div class="lower-footer__payment">
<ul>
<li><i class="fab fa-cc-stripe"></i></li>
<li><i class="fab fa-cc-paypal"></i></li>
<li><i class="fab fa-cc-mastercard"></i></li>
<li><i class="fab fa-cc-visa"></i></li>
<li><i class="fab fa-cc-discover"></i></li>
<li><i class="fab fa-cc-amex"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!--====== End - Main App ======-->
<!--====== Google Analytics: change UA-XXXXX-Y to be your site's ID ======-->
<script>
window.ga = function() {
ga.q.push(arguments)
};
ga.q = [];
ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
<!--====== Vendor Js ======-->
<script src="js/vendor.js"></script>
<!--====== jQuery Shopnav plugin ======-->
<script src="js/jquery.shopnav.js"></script>
<!--====== App ======-->
<script src="js/app.js"></script>
<!--====== Noscript ======-->
<noscript>
<div class="app-setting">
<div class="container">
<div class="row">
<div class="col-12">
<div class="app-setting__wrap">
<h1 class="app-setting__h1">JavaScript is disabled in your browser.</h1>
<span class="app-setting__text">Please enable JavaScript in your browser or upgrade to a JavaScript-capable browser.</span>
</div>
</div>
</div>
</div>
</div>
</noscript>
</body>
</html>
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2019 Ahmad Hussnain
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
# Ludus Free Premium E-commerce Template
*I want to thank all of you who give stars and fork the repo. I love you all and I have no words in my heart.*
I've developed another open-source eCommerce template that may work for you. [Demo link](https://github.com/ahmadHuss/groover-free-premium-ecommerce-template)
## Real use case:
This template has also been used in a famous Codecanyon script named DOKANS [Demo link](https://bit.ly/3rTQIqp) which has ~300+ sales.
[Live Preview](https://d2r00w08fz6ft0.cloudfront.net/ludus-demo/index.html)
**40+ Pages still not pressed the star & follow button.**
## Contents
- [Getting Started](#getting-started)
- [Downloaded Folders](#downloaded-folders)
- [HTML Folder](#html-folder)
- [Change Features](#change-features)
- [Sources and Credits](#sources-and-credits)
- [Changelog Updates History](#changelog-updates-history)
- [Version](#version)
## Getting Started
Ludus is complete multipurpose polish e-commerce template built with best practices. It will be a perfect solution for your current or future shop, customizable into any store contains responsiveness & great UI. Well tested on compatible browsers.
The template contains **40+ HTML files**, **3 Homepages**, **3 Header Styles**, **12 Dashboard Pages**,
**3 Product Pages**, **7 Shop Pages**,**5 Blog Pages**, **Box mode** and generated **10 Color variations** but could
create unlimited colors.
### Template Features
- Clean CSS structure **(Most of the styles have specificity level 1)**.
- Clean markup **(Markup correctly formatted with comments for setup things)**.
- Fully responsive **(For your desktop and mobile users)**.
- Cross Browser compatibility **(Work on most of the famous browsers)**.
- Fresh Design **(Modern approaches used by many web apps)**.
- User convenient **(Easy to use for any professional and non-professional)**.
- W3C Validated **(All files are passed from W3C validation service)**.
- Well Documented **(Files are commented for users to understand)**.
### Extra Features
- Intrinsic placeholder loading **(Initially set image container height)**.
- Vertical Mega Menu.
- 10 Color schemes generated.
- Box version included.
- Sass compatible.
## Downloaded Folders
When you unpack downloaded archive you'll get folder containing 1 folder.
Here they are, sorted alphabetically:
- **HTML** - HTML version of template
## HTML Version
Inside the **css** folder, we have all the stylesheets and vendor dependencies which our layout needs. You can use the color scheme according to your likeness.
- css/app.css **(Orange-Red color scheme)**
- css/app.color2.css **(Carmine-Red color scheme)**
- css/app.color3.css **(Blue (RYB) color scheme)**
- css/app.color4.css **(Dark-Spring-Green color scheme)**
- css/app.color5.css **(Electric-Purple color scheme)**
- css/app.color6.css **(Old-Burgundy color scheme)**
- css/app.color7.css **(Blue-Sapphire color scheme)**
- css/app.color8.css **(Yale-Blue color scheme)**
- css/app.color9.css **(Eerie-Black color scheme)**
- css/app.color10.css **(Candy-Apple-Red color scheme)**
Inside the **scss** folder, we have **6** folders and these folders have scss files.
**src/scss/abstracts**
The **abstracts** folder gathers all Sass tools and helpers used across the project. Every global variable, function, and mixin should be put in here. The rule of thumb for this folder is that it should not output a single line of CSS when compiled on its own. These are nothing but Sass helpers. Inside this folder it has another folder named **mixins-module**, the file on this folder has a mixin which will generate space utility classes.
**src/scss/utility.scss**
This file is invoking a mixin from **mixins-module** which will generate space utility classes, these utility classes are also called **low-level utility classes** that make it easy to build complex user interfaces.
**src/scss/base**
The **base** folder holds what we might call the boilerplate code for the project. In there, you might find some typographic rules, defining some standard styles for commonly used HTML elements.
**src/scss/components**
**Components** are reusable styles on the layout. It contains all kind of specific modules like a button, a select-box and anything along those lines. There are usually a lot of folders since the whole site/application should be mostly composed of tiny modules. `_all.scss` is just importing file which contains all code base of the folder. In Bottom, you will see all components file and their usage on different places of the layout.
**src/scss/components/breadcrumb/_breadcrumb.scss**
**src/scss/components/button/_button.scss**
**src/scss/components/checkbox-radio/_checkbox-radio.scss**
**src/scss/components/countdown/_countdown.scss**
**src/scss/components/input-counter/_input-counter.scss**
**src/scss/components/input-text/_input-text.scss**
**src/scss/components/modal/_modal.scss**
**src/scss/components/preload-img-aspect-ratio/_preload-img-aspect-ratio.scss**
### What does it mean preload-img-aspect-ratio component?
It's a **component** that associate with some **CSS classes** and these classes help to set default placeholder on **4:3 (SQUARE)** or **16:9 (WIDE)** images.
```html
<!-- Markup:1 For 4:3 (Square) Images -->
<a class="aspect aspect--bg-grey aspect--square u-d-block">
<img src="image.jpg" class="aspect__img" alt="">
</a>
<!-- Markup:2 For 16:9 (Wide) Images -->
<div class="aspect aspect--bg-grey aspect--1286-890">
<img src="image.jpg" class="aspect__img" alt="">
</div>
```
```css
.aspect {
position: relative; }
.aspect--bg-grey {
background-color: #f5f5f5; }
.aspect--bg-grey-fb {
background-color: #fbfbfb; }
.aspect--square {
padding-bottom: 100%; }
/*
* Add this class to image child element.
*/
.aspect__img {
position: absolute;
width: 100%;
height: 100%; }
```
**Some Points to use Aspect Ratio Component classes**
- Make sure the element on which it adds, it would be a block or inline-block element, if it is not then you could add utility class `'u-d-block'`, `'u-d-inline-block'` or you could directly target that element with CSS to make **inline** or **block**.
- By default `'.aspect--square'` or `'.aspect--16:9: resolution'` class takes height according to the **height of the child image element**.
- But if the **parent element** is a **flex element** then aspect ratio technique doesn't work because `'.aspect--square'` or `'.aspect--16:9: resolution'` contains `padding top/bottom` property with a **percentage** value.
- There are also some cases you do not want to have `'.aspect--square'` or `'.aspect--16:9: resolution'` class to take width & height that match with **child image element**. Then you could append **CSS class** or directly target that **parent element** with **CSS** and set your **custom width & height**.
- If the image has **aspect ratio square, i.e. 4:3** then you would add class `'.aspect--square'` on the element. This class has a `padding-bottom:100%` property. **100%** means to take the **entire height of the image**.
- If the image doesn't have **aspect ratio square** then to make a **custom class** like `'.aspect--imageWidth-imageHeight'` and use ready-made **sass function()** `nonsquare(imageWidth,imageHeight)` that returns `padding-bottom` property with the **value calculated according to image resolution**.
- You could also change the `background-color` of placeholder according to your own choice. By default, only **2 classes** are generated.
**src/scss/components/product/_product.scss**
**src/scss/components/select-box/_select-box.scss**
**src/scss/components/textarea/_textarea.scss**
**src/scss/layout**
The **layout** folder contains everything which takes part in laying out the site or application. This folder could have stylesheets for the main parts of the site (header, footer), the grid system or even CSS styles for all the forms.
**src/scss/pages**
Pages folder contains styles **per page**.
**src/scss/vendors-extensions**
It just overrides vendor dependencies and every vendor dependency file is separately created.
**src/scss/app.scss**
This is the main file that is importing all **other scss files** and compiles into the `app.css` file.
Inside the **js** folder, we have all the javascript and vendor dependencies which our layout needs.
**src/js/app.js**
This is the main file which contains all functionality and plugins invocation of our layout.
**src/js/jquery.shopnav.js**
This plugin contains functionality for navigation. Navigation includes **DROP-DOWNS** and **VERTICAL MEGA-MENU**.
**src/js/map-init.js**
This file contains google maps functionality.
**src/js/vendor.js**
This file contains all vendor libraries source code.
## Change Features
**1. Google Fonts**
The template is using **sans-serif** font **Open Sans** from [Google Fonts](https://fonts.google.com/). You could change according to your choice. Erase that line from `html` files, and put new one here.
```html
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
```
After that also specify rule in **CSS**.
```css
font-family: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
```
**2. Disable Preloader from pages**
The template is using **preloader** until **body** configuration class `config` is not removed. **Preloader** will be hidden when the `config` class is removed. But it is not necessary to show **preloader** during page load. If you remove **preloader** then it doesn't affect the look & feel of the page. So you could disable **preloader**. All HTML files have this markup underneath **body** element.
```html
<div class="preloader is-active">
<div class="preloader__wrap">
<img class="preloader__img" src="images/preloader.png" alt="">
</div>
</div>
```
Remove this markup from all **html** files.
After that in the `app.js` file, there is a method named `RESHOP.appConfiguration()` inside that method comment the line.
```javascript
RESHOP.appConfiguration = function () {
$('body').removeAttr('class');
// $('.preloader').removeClass('is-active');
};
```
**3. Disable Modal**
Default when you visit the **Homepage** a newsletter modal will pop up. You can disable the newsletter modal by editing the file `app.js`. This file is invoking a method named `showNewsletterModal()` inside `window` `load` event, comment that line modal will not show.
```javascript
$(window).on('load', function () {
// RESHOP.showNewsletterModal();
});
```
**4. Slider Options**
The template contains **8 methods** which are associated with **8 sliders**.
```javascript
/*
* Hero Slider / Primary Slider
* Index, Index-2, Index-3
*/
RESHOP.primarySlider();
/*
* Product Slider
*/
RESHOP.productSlider();
/*
* Tab Slider
* Index-2 (Only)
*/
RESHOP.tabSlider();
/*
* Brand Slider
*/
RESHOP.brandSlider();
/*
* Testimonial Slider
*/
RESHOP.testimonialSlider();
/*
* Blog Post Slider
*/
RESHOP.blogPostGallery();
/*
* Product Detail Slider
* Include Thumbnail Slider
* Remember this method doesn't have
* any relation with (Modal Product Detail Slider)
*/
RESHOP.productDetailInit();
/*
* Product Detail Slider
* Include Thumbnail Slider
*/
RESHOP.modalProductDetailInit();
```
Bottom code is showing **methods body** where you could change the slider options.
```javascript
/*
* Hero Slider / Primary Slider
* Index, Index-2, Index-3
*/
RESHOP.primarySlider = function () {
$primarySlider.owlCarousel({});
};
/*
* Product Slider
*/
RESHOP.productSlider = function () {
thisInstance.owlCarousel({});
};
/*
* Tab Slider
* Index-2 (Only)
*/
RESHOP.tabSlider = function () {
thisInstance.owlCarousel({});
};
/*
* Brand Slider
*/
RESHOP.brandSlider = function () {
.owlCarousel({});
};
/*
* Testimonial Slider
*/
RESHOP.testimonialSlider = function () {
.owlCarousel({});
};
/*
* Blog Post Slider
*/
RESHOP.blogPostGallery = function () {
$(this).owlCarousel({});
};
/*
* Product Detail Slider
* Include Thumbnail Slider
* Remember this method doesn't have any
* relation with (Modal Product Detail Slider)
*/
RESHOP.productDetailInit = function () {
$productDetailElement.slick({});
$productDetailElementThumbnail.slick({});
};
/*
* Product Detail Slider
* Include Thumbnail Slider
*/
RESHOP.modalProductDetailInit = function () {
$modalProductDetailElement.slick({});
$modalProductDetailElementThumbnail.slick({});
};
```
**5. Change color scheme**
All **.html** pages are included with default color scheme i.e. `app.css`.
```html
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="images/favicon.png" rel="shortcut icon">
<title>Ludus - Electronics, Apparel, Computers, Books, DVDs & more</title>
<!--====== Google Font ======-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
<!--====== Vendor Css ======-->
<link rel="stylesheet" href="css/vendor.css">
<!--====== Utility-Spacing ======-->
<link rel="stylesheet" href="css/utility.css">
<!--====== App Default color scheme ======-->
<link rel="stylesheet" href="css/app.css">
</head>
```
You can change the stylesheet according to your **color scheme**, just erase the old `<link>` tag with the new one.
```html
<link rel="stylesheet" href="css/app.color3.css">
```
**6. Change Template from Wide to Box**
You can see all default pages are **wide**. Change page from **wide** into a **box**, by adding this **CSS** class `boxed` on **html** element.
```html
<!DOCTYPE html>
<html class="no-js boxed" lang="en">
```
## Sources and Credits
- [BEM - Block Element Modifier](https://en.bem.info/methodology/quick-start/)
- [Normalize.css](https://necolas.github.io/normalize.css/)
- [Bootstrap 4 with components Grid, Nav, Modal, Tooltip & Transitions](https://getbootstrap.com/)
- [Font Awesome 5](https://fontawesome.com/)
- [Animate.css](https://daneden.github.io/animate.css/)
- [Modernizr](https://modernizr.com/)
- [Popper.js](https://popper.js.org/)
- [Owl Carousel 2](https://owlcarousel2.github.io/OwlCarousel2/)
- [Slick Carousel](https://kenwheeler.github.io/slick/)
- [jQuery](https://jquery.com/)
- [jQuery ScrollUp](https://github.com/markgoodyear/scrollup)
- [jQuery Elevate Zoom](http://elevateweb.co.uk/image-zoom)
- [jQuery Light Gallery](https://sachinchoolur.github.io/lightGallery/)
- [jQuery Fitvids](http://fitvidsjs.com/)
- [Isotope](https://isotope.metafizzy.co/)
- [Final Countdown](https://hilios.github.io/jQuery.countdown/)
## Changelog Updates History
Following you'll find a list of all Ludus theme Template releases with a log of features added and bug fixes next to each one.
## Version
Version 1.0.0 - Feburary 2019 Initial Template Release
================================================
FILE: about.html
================================================
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="images/favicon.png" rel="shortcut icon">
<title>Ludus - Electronics, Apparel, Computers, Books, DVDs & more</title>
<!--====== Google Font ======-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
<!--====== Vendor Css ======-->
<link rel="stylesheet" href="css/vendor.css">
<!--====== Utility-Spacing ======-->
<link rel="stylesheet" href="css/utility.css">
<!--====== App ======-->
<link rel="stylesheet" href="css/app.css">
</head>
<body class="config">
<div class="preloader is-active">
<div class="preloader__wrap">
<img class="preloader__img" src="images/preloader.png" alt=""></div>
</div>
<!--====== Main App ======-->
<div id="app">
<!--====== Main Header ======-->
<header class="header--style-1 header--box-shadow">
<!--====== Nav 1 ======-->
<nav class="primary-nav primary-nav-wrapper--border">
<div class="container">
<!--====== Primary Nav ======-->
<div class="primary-nav">
<!--====== Main Logo ======-->
<a class="main-logo" href="index.html">
<img src="images/logo/logo-1.png" alt=""></a>
<!--====== End - Main Logo ======-->
<!--====== Search Form ======-->
<form class="main-form">
<label for="main-search"></label>
<input class="input-text input-text--border-radius input-text--style-1" type="text" id="main-search" placeholder="Search">
<button class="btn btn--icon fas fa-search main-search-button" type="submit"></button></form>
<!--====== End - Search Form ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation">
<button class="btn btn--icon toggle-button fas fa-cogs" type="button"></button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design1 ah-list--link-color-secondary">
<li class="has-dropdown" data-tooltip="tooltip" data-placement="left" title="Account">
<a><i class="far fa-user-circle"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li>
<a href="dashboard.html"><i class="fas fa-user-circle u-s-m-r-6"></i>
<span>Account</span></a></li>
<li>
<a href="signup.html"><i class="fas fa-user-plus u-s-m-r-6"></i>
<span>Signup</span></a></li>
<li>
<a href="signin.html"><i class="fas fa-lock u-s-m-r-6"></i>
<span>Signin</span></a></li>
<li>
<a href="signup.html"><i class="fas fa-lock-open u-s-m-r-6"></i>
<span>Signout</span></a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown" data-tooltip="tooltip" data-placement="left" title="Settings">
<a><i class="fas fa-user-cog"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li class="has-dropdown has-dropdown--ul-right-100">
<a>Language<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:120px">
<li>
<a class="u-c-brand">ENGLISH</a></li>
<li>
<a>ARABIC</a></li>
<li>
<a>FRANCAIS</a></li>
<li>
<a>ESPANOL</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-right-100">
<a>Currency<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:225px">
<li>
<a class="u-c-brand">$ - US DOLLAR</a></li>
<li>
<a>£ - BRITISH POUND STERLING</a></li>
<li>
<a>€ - EURO</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li data-tooltip="tooltip" data-placement="left" title="Contact">
<a href="tel:+0900901904"><i class="fas fa-phone-volume"></i></a></li>
<li data-tooltip="tooltip" data-placement="left" title="Mail">
<a href="mailto:contact@domain.com"><i class="far fa-envelope"></i></a></li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
</div>
<!--====== End - Primary Nav ======-->
</div>
</nav>
<!--====== End - Nav 1 ======-->
<!--====== Nav 2 ======-->
<nav class="secondary-nav-wrapper">
<div class="container">
<!--====== Secondary Nav ======-->
<div class="secondary-nav">
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation1">
<button class="btn btn--icon toggle-mega-text toggle-button" type="button">M</button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list">
<li class="has-dropdown">
<span class="mega-text">M</span>
<!--====== Mega Menu ======-->
<span class="js-menu-toggle"></span>
<div class="mega-menu">
<div class="mega-menu-wrap">
<div class="mega-menu-list">
<ul>
<li class="js-active">
<a href="shop-side-version-2.html"><i class="fas fa-tv u-s-m-r-6"></i>
<span>Electronics</span></a>
<span class="js-menu-toggle js-toggle-mark"></span></li>
<li>
<a href="shop-side-version-2.html"><i class="fas fa-female u-s-m-r-6"></i>
<span>Women's Clothing</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="shop-side-version-2.html"><i class="fas fa-male u-s-m-r-6"></i>
<span>Men's Clothing</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-utensils u-s-m-r-6"></i>
<span>Food & Supplies</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-couch u-s-m-r-6"></i>
<span>Furniture & Decor</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-football-ball u-s-m-r-6"></i>
<span>Sports & Game</span></a>
<span class="js-menu-toggle"></span></li>
<li>
<a href="index.html"><i class="fas fa-heartbeat u-s-m-r-6"></i>
<span>Beauty & Health</span></a>
<span class="js-menu-toggle"></span></li>
</ul>
</div>
<!--====== Electronics ======-->
<div class="mega-menu-content js-active">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">3D PRINTER & SUPPLIES</a></li>
<li>
<a href="shop-side-version-2.html">3d Printer</a></li>
<li>
<a href="shop-side-version-2.html">3d Printing Pen</a></li>
<li>
<a href="shop-side-version-2.html">3d Printing Accessories</a></li>
<li>
<a href="shop-side-version-2.html">3d Printer Module Board</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOME AUDIO & VIDEO</a></li>
<li>
<a href="shop-side-version-2.html">TV Boxes</a></li>
<li>
<a href="shop-side-version-2.html">TC Receiver & Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Display Dongle</a></li>
<li>
<a href="shop-side-version-2.html">Home Theater System</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">MEDIA PLAYERS</a></li>
<li>
<a href="shop-side-version-2.html">Earphones</a></li>
<li>
<a href="shop-side-version-2.html">Mp3 Players</a></li>
<li>
<a href="shop-side-version-2.html">Speakers & Radios</a></li>
<li>
<a href="shop-side-version-2.html">Microphones</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">VIDEO GAME ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Nintendo Video Games Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Sony Video Games Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Xbox Video Games Accessories</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">SECURITY & PROTECTION</a></li>
<li>
<a href="shop-side-version-2.html">Security Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Alarm System</a></li>
<li>
<a href="shop-side-version-2.html">Security Gadgets</a></li>
<li>
<a href="shop-side-version-2.html">CCTV Security & Accessories</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">PHOTOGRAPHY & CAMERA</a></li>
<li>
<a href="shop-side-version-2.html">Digital Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Sport Camera & Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Camera Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Lenses & Accessories</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ARDUINO COMPATIBLE</a></li>
<li>
<a href="shop-side-version-2.html">Raspberry Pi & Orange Pi</a></li>
<li>
<a href="shop-side-version-2.html">Module Board</a></li>
<li>
<a href="shop-side-version-2.html">Smart Robot</a></li>
<li>
<a href="shop-side-version-2.html">Board Kits</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">DSLR Camera</a></li>
<li>
<a href="shop-side-version-2.html">Nikon Cameras</a></li>
<li>
<a href="shop-side-version-2.html">Canon Camera</a></li>
<li>
<a href="shop-side-version-2.html">Sony Camera</a></li>
<li>
<a href="shop-side-version-2.html">DSLR Lenses</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">NECESSARY ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Flash Cards</a></li>
<li>
<a href="shop-side-version-2.html">Memory Cards</a></li>
<li>
<a href="shop-side-version-2.html">Flash Pins</a></li>
<li>
<a href="shop-side-version-2.html">Compact Discs</a></li>
</ul>
</div>
<div class="col-lg-9 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-0.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Electronics ======-->
<!--====== Women ======-->
<div class="mega-menu-content">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-1.jpg" alt=""></a></div>
</div>
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-2.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOT CATEGORIES</a></li>
<li>
<a href="shop-side-version-2.html">Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Blouses & Shirts</a></li>
<li>
<a href="shop-side-version-2.html">T-shirts</a></li>
<li>
<a href="shop-side-version-2.html">Rompers</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">INTIMATES</a></li>
<li>
<a href="shop-side-version-2.html">Bras</a></li>
<li>
<a href="shop-side-version-2.html">Brief Sets</a></li>
<li>
<a href="shop-side-version-2.html">Bustiers & Corsets</a></li>
<li>
<a href="shop-side-version-2.html">Panties</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">WEDDING & EVENTS</a></li>
<li>
<a href="shop-side-version-2.html">Wedding Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Evening Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Prom Dresses</a></li>
<li>
<a href="shop-side-version-2.html">Flower Dresses</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">BOTTOMS</a></li>
<li>
<a href="shop-side-version-2.html">Skirts</a></li>
<li>
<a href="shop-side-version-2.html">Shorts</a></li>
<li>
<a href="shop-side-version-2.html">Leggings</a></li>
<li>
<a href="shop-side-version-2.html">Jeans</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OUTWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Blazers</a></li>
<li>
<a href="shop-side-version-2.html">Basics Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trench</a></li>
<li>
<a href="shop-side-version-2.html">Leather & Suede</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">JACKETS</a></li>
<li>
<a href="shop-side-version-2.html">Denim Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trucker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Windbreaker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Leather Jackets</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Tech Accessories</a></li>
<li>
<a href="shop-side-version-2.html">Headwear</a></li>
<li>
<a href="shop-side-version-2.html">Baseball Caps</a></li>
<li>
<a href="shop-side-version-2.html">Belts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OTHER ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Bags</a></li>
<li>
<a href="shop-side-version-2.html">Wallets</a></li>
<li>
<a href="shop-side-version-2.html">Watches</a></li>
<li>
<a href="shop-side-version-2.html">Sunglasses</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-9 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-3.jpg" alt=""></a></div>
</div>
<div class="col-lg-3 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-4.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Women ======-->
<!--====== Men ======-->
<div class="mega-menu-content">
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-5.jpg" alt=""></a></div>
</div>
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-6.jpg" alt=""></a></div>
</div>
<div class="col-lg-4 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-7.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">HOT SALE</a></li>
<li>
<a href="shop-side-version-2.html">T-Shirts</a></li>
<li>
<a href="shop-side-version-2.html">Tank Tops</a></li>
<li>
<a href="shop-side-version-2.html">Polo</a></li>
<li>
<a href="shop-side-version-2.html">Shirts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OUTWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Hoodies</a></li>
<li>
<a href="shop-side-version-2.html">Trench</a></li>
<li>
<a href="shop-side-version-2.html">Parkas</a></li>
<li>
<a href="shop-side-version-2.html">Sweaters</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">BOTTOMS</a></li>
<li>
<a href="shop-side-version-2.html">Casual Pants</a></li>
<li>
<a href="shop-side-version-2.html">Cargo Pants</a></li>
<li>
<a href="shop-side-version-2.html">Jeans</a></li>
<li>
<a href="shop-side-version-2.html">Shorts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">UNDERWEAR</a></li>
<li>
<a href="shop-side-version-2.html">Boxers</a></li>
<li>
<a href="shop-side-version-2.html">Briefs</a></li>
<li>
<a href="shop-side-version-2.html">Robes</a></li>
<li>
<a href="shop-side-version-2.html">Socks</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">JACKETS</a></li>
<li>
<a href="shop-side-version-2.html">Denim Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Trucker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Windbreaker Jackets</a></li>
<li>
<a href="shop-side-version-2.html">Leather Jackets</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">SUNGLASSES</a></li>
<li>
<a href="shop-side-version-2.html">Pilot</a></li>
<li>
<a href="shop-side-version-2.html">Wayfarer</a></li>
<li>
<a href="shop-side-version-2.html">Square</a></li>
<li>
<a href="shop-side-version-2.html">Round</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Eyewear Frames</a></li>
<li>
<a href="shop-side-version-2.html">Scarves</a></li>
<li>
<a href="shop-side-version-2.html">Hats</a></li>
<li>
<a href="shop-side-version-2.html">Belts</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li class="mega-list-title">
<a href="shop-side-version-2.html">OTHER ACCESSORIES</a></li>
<li>
<a href="shop-side-version-2.html">Bags</a></li>
<li>
<a href="shop-side-version-2.html">Wallets</a></li>
<li>
<a href="shop-side-version-2.html">Watches</a></li>
<li>
<a href="shop-side-version-2.html">Tech Accessories</a></li>
</ul>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
<br>
<!--====== Mega Menu Row ======-->
<div class="row">
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-8.jpg" alt=""></a></div>
</div>
<div class="col-lg-6 mega-image">
<div class="mega-banner">
<a class="u-d-block" href="shop-side-version-2.html">
<img class="u-img-fluid u-d-block" src="images/banners/banner-mega-9.jpg" alt=""></a></div>
</div>
</div>
<!--====== End - Mega Menu Row ======-->
</div>
<!--====== End - Men ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
<!--====== No Sub Categories ======-->
<div class="mega-menu-content">
<h5>No Categories</h5>
</div>
<!--====== End - No Sub Categories ======-->
</div>
</div>
<!--====== End - Mega Menu ======-->
</li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation2">
<button class="btn btn--icon toggle-button fas fa-cog" type="button"></button>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design2 ah-list--link-color-secondary">
<li>
<a href="shop-side-version-2.html">NEW ARRIVALS</a></li>
<li class="has-dropdown">
<a>PAGES<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:170px">
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Home<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:118px">
<li>
<a href="index.html">Home 1</a></li>
<li>
<a href="index-2.html">Home 2</a></li>
<li>
<a href="index-3.html">Home 3</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Account<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="signin.html">Signin / Already Registered</a></li>
<li>
<a href="signup.html">Signup / Register</a></li>
<li>
<a href="lost-password.html">Lost Password</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dashboard.html">Dashboard<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dashboard.html">Manage My Account<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:180px">
<li>
<a href="dash-edit-profile.html">Edit Profile</a></li>
<li>
<a href="dash-address-book.html">Edit Address Book</a></li>
<li>
<a href="dash-manage-order.html">Manage Order</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="dash-my-profile.html">My Profile</a></li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a href="dash-address-book.html">Address Book<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:180px">
<li>
<a href="dash-address-make-default.html">Address Make Default</a></li>
<li>
<a href="dash-address-add.html">Add New Address</a></li>
<li>
<a href="dash-address-edit.html">Edit Address Book</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="dash-track-order.html">Track Order</a></li>
<li>
<a href="dash-my-order.html">My Orders</a></li>
<li>
<a href="dash-payment-option.html">My Payment Options</a></li>
<li>
<a href="dash-cancellation.html">My Returns & Cancellations</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Empty<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="empty-search.html">Empty Search</a></li>
<li>
<a href="empty-cart.html">Empty Cart</a></li>
<li>
<a href="empty-wishlist.html">Empty Wishlist</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Product Details<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="product-detail.html">Product Details</a></li>
<li>
<a href="product-detail-variable.html">Product Details Variable</a></li>
<li>
<a href="product-detail-affiliate.html">Product Details Affiliate</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Shop Grid Layout<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="shop-grid-left.html">Shop Grid Left Sidebar</a></li>
<li>
<a href="shop-grid-right.html">Shop Grid Right Sidebar</a></li>
<li>
<a href="shop-grid-full.html">Shop Grid Full Width</a></li>
<li>
<a href="shop-side-version-2.html">Shop Side Version 2</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown has-dropdown--ul-left-100">
<a>Shop List Layout<i class="fas fa-angle-down i-state-right u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="shop-list-left.html">Shop List Left Sidebar</a></li>
<li>
<a href="shop-list-right.html">Shop List Right Sidebar</a></li>
<li>
<a href="shop-list-full.html">Shop List Full Width</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="cart.html">Cart</a></li>
<li>
<a href="wishlist.html">Wishlist</a></li>
<li>
<a href="checkout.html">Checkout</a></li>
<li>
<a href="faq.html">FAQ</a></li>
<li>
<a href="about.html">About us</a></li>
<li>
<a href="contact.html">Contact</a></li>
<li>
<a href="404.html">404</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li class="has-dropdown">
<a>BLOG<i class="fas fa-angle-down u-s-m-l-6"></i></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<ul style="width:200px">
<li>
<a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li>
<a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li>
<a href="blog-sidebar-none.html">Blog Sidebar None</a></li>
<li>
<a href="blog-masonry.html">Blog Masonry</a></li>
<li>
<a href="blog-detail.html">Blog Details</a></li>
</ul>
<!--====== End - Dropdown ======-->
</li>
<li>
<a href="shop-side-version-2.html">VALUE OF THE DAY</a></li>
<li>
<a href="shop-side-version-2.html">GIFT CARDS</a></li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
<!--====== Dropdown Main plugin ======-->
<div class="menu-init" id="navigation3">
<button class="btn btn--icon toggle-button fas fa-shopping-bag toggle-button-shop" type="button"></button>
<span class="total-item-round">2</span>
<!--====== Menu ======-->
<div class="ah-lg-mode">
<span class="ah-close">✕ Close</span>
<!--====== List ======-->
<ul class="ah-list ah-list--design1 ah-list--link-color-secondary">
<li>
<a href="index.html"><i class="fas fa-home"></i></a></li>
<li>
<a href="wishlist.html"><i class="far fa-heart"></i></a></li>
<li class="has-dropdown">
<a class="mini-cart-shop-link"><i class="fas fa-shopping-bag"></i>
<span class="total-item-round">2</span></a>
<!--====== Dropdown ======-->
<span class="js-menu-toggle"></span>
<div class="mini-cart">
<!--====== Mini Product Container ======-->
<div class="mini-product-container gl-scroll u-s-m-b-15">
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/electronic/product3.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Electronics</a></span>
<span class="mini-product__name">
<a href="product-detail.html">Yellow Wireless Headphone</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/electronic/product18.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Electronics</a></span>
<span class="mini-product__name">
<a href="product-detail.html">Nikon DSLR Camera 4k</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/women/product8.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Women Clothing</a></span>
<span class="mini-product__name">
<a href="product-detail.html">New Dress D Nice Elegant</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
<!--====== Card for mini cart ======-->
<div class="card-mini-product">
<div class="mini-product">
<div class="mini-product__image-wrapper">
<a class="mini-product__link" href="product-detail.html">
<img class="u-img-fluid" src="images/product/men/product8.jpg" alt=""></a></div>
<div class="mini-product__info-wrapper">
<span class="mini-product__category">
<a href="shop-side-version-2.html">Men Clothing</a></span>
<span class="mini-product__name">
<a href="product-detail.html">New Fashion D Nice Elegant</a></span>
<span class="mini-product__quantity">1 x</span>
<span class="mini-product__price">$8</span></div>
</div>
<a class="mini-product__delete-link far fa-trash-alt"></a>
</div>
<!--====== End - Card for mini cart ======-->
</div>
<!--====== End - Mini Product Container ======-->
<!--====== Mini Product Statistics ======-->
<div class="mini-product-stat">
<div class="mini-total">
<span class="subtotal-text">SUBTOTAL</span>
<span class="subtotal-value">$16</span></div>
<div class="mini-action">
<a class="mini-link btn--e-brand-b-2" href="checkout.html">PROCEED TO CHECKOUT</a>
<a class="mini-link btn--e-transparent-secondary-b-2" href="cart.html">VIEW CART</a></div>
</div>
<!--====== End - Mini Product Statistics ======-->
</div>
<!--====== End - Dropdown ======-->
</li>
</ul>
<!--====== End - List ======-->
</div>
<!--====== End - Menu ======-->
</div>
<!--====== End - Dropdown Main plugin ======-->
</div>
<!--====== End - Secondary Nav ======-->
</div>
</nav>
<!--====== End - Nav 2 ======-->
</header>
<!--====== End - Main Header ======-->
<!--====== App Content ======-->
<div class="app-content">
<!--====== Section 1 ======-->
<div class="u-s-p-y-60">
<!--====== Section Content ======-->
<div class="section__content">
<div class="container">
<div class="breadcrumb">
<div class="breadcrumb__wrap">
<ul class="breadcrumb__list">
<li class="has-separator">
<a href="index.html">Home</a></li>
<li class="is-marked">
<a href="about.html">About</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--====== End - Section 1 ======-->
<!--====== Section 2 ======-->
<div class="u-s-p-b-60">
<!--====== Section Content ======-->
<div class="section__content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="about">
<div class="about__container">
<div class="about__info">
<h2 class="about__h2">Welcome to Reshop Store!</h2>
<div class="about__p-wrap">
<p class="about__p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<a class="about__link btn--e-secondary" href="index.html" target="_blank">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== End - Section Content ======-->
</div>
<!--====== End - Section 2 ======-->
<!--====== Section 3 ======-->
<div class="u-s-p-b-60">
<!--====== Section Intro ======-->
<div class="section__intro u-s-m-b-46">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section__text-wrap">
<h1 class="section__heading u-c-secondary">Our Team Members</h1>
</div>
</div>
</div>
</div>
</div>
<!--====== End - Section Intro ======-->
<!--====== Section Content ======-->
<div class="section__content">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 u-s-m-b-30">
<div class="team-member u-h-100">
<div class="team-member__wrap">
<div class="aspect aspect--bg-grey-fb aspect--square">
<img class="aspect__img team-member__img" src="images/about/member-1.jpg" alt=""></div>
<div class="team-member__social-wrap">
<ul class="team-member__social-list">
<li>
<a class="s-tw--bgcolor-hover" href="#"><i class="fab fa-twitter"></i></a></li>
<li>
<a class="s-fb--bgcolor-hover" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li>
<a class="s-insta--bgcolor-hover" href="#"><i class="fab fa-instagram"></i></a></li>
<li>
<a class="s-linked--bgcolor-hover" href="#"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="team-member__info">
<span class="team-member__name">Ahnan Bashri</span>
<span class="team-member__job-title">Manager</span></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 u-s-m-b-30">
<div class="team-member u-h-100">
<div class="team-member__wrap">
<div class="aspect aspect--bg-grey-fb aspect--square">
<img class="aspect__img team-member__img" src="images/about/member-2.jpg" alt=""></div>
<div class="team-member__social-wrap">
<ul class="team-member__social-list">
<li>
<a class="s-tw--bgcolor-hover" href="#"><i class="fab fa-twitter"></i></a></li>
<li>
<a class="s-fb--bgcolor-hover" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li>
<a class="s-insta--bgcolor-hover" href="#"><i class="fab fa-instagram"></i></a></li>
<li>
<a class="s-linked--bgcolor-hover" href="#"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="team-member__info">
<span class="team-member__name">Joseph Min</span>
<span class="team-member__job-title">UI, Designer</span></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 u-s-m-b-30">
<div class="team-member u-h-100">
<div class="team-member__wrap">
<div class="aspect aspect--bg-grey-fb aspect--square">
<img class="aspect__img team-member__img" src="images/about/member-3.jpg" alt=""></div>
<div class="team-member__social-wrap">
<ul class="team-member__social-list">
<li>
<a class="s-tw--bgcolor-hover" href="#"><i class="fab fa-twitter"></i></a></li>
<li>
<a class="s-fb--bgcolor-hover" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li>
<a class="s-insta--bgcolor-hover" href="#"><i class="fab fa-instagram"></i></a></li>
<li>
<a class="s-linked--bgcolor-hover" href="#"><i class="fab fa-linkedin"></i></a></li>
</ul>
gitextract_io8gfypf/ ├── 404.html ├── LICENSE ├── README.md ├── about.html ├── blog-detail.html ├── blog-left-sidebar.html ├── blog-masonry.html ├── blog-right-sidebar.html ├── blog-sidebar-none.html ├── cart.html ├── checkout.html ├── contact.html ├── css/ │ ├── app.color10.css │ ├── app.color2.css │ ├── app.color3.css │ ├── app.color4.css │ ├── app.color5.css │ ├── app.color6.css │ ├── app.color7.css │ ├── app.color8.css │ ├── app.color9.css │ ├── app.css │ ├── utility.css │ └── vendor.css ├── dash-address-add.html ├── dash-address-book.html ├── dash-address-edit.html ├── dash-address-make-default.html ├── dash-cancellation.html ├── dash-edit-profile.html ├── dash-manage-order.html ├── dash-my-order.html ├── dash-my-profile.html ├── dash-payment-option.html ├── dash-track-order.html ├── dashboard.html ├── empty-cart.html ├── empty-search.html ├── empty-wishlist.html ├── faq.html ├── index-2.html ├── index-3.html ├── index.html ├── js/ │ ├── app.js │ ├── jquery.shopnav.js │ ├── map-init.js │ └── vendor.js ├── lost-password.html ├── product-detail-affiliate.html ├── product-detail-variable.html ├── product-detail.html ├── scss/ │ ├── abstracts/ │ │ ├── _functions.scss │ │ ├── _header-comment.scss │ │ ├── _mixins.scss │ │ ├── _variables.scss │ │ └── mixins-module/ │ │ └── _mixin-utilities-spacing.scss │ ├── app.color10.scss │ ├── app.color2.scss │ ├── app.color3.scss │ ├── app.color4.scss │ ├── app.color5.scss │ ├── app.color6.scss │ ├── app.color7.scss │ ├── app.color8.scss │ ├── app.color9.scss │ ├── app.scss │ ├── base/ │ │ ├── _base.scss │ │ ├── _pre-config.scss │ │ ├── _typography.scss │ │ └── _utilities.scss │ ├── components/ │ │ ├── _all.scss │ │ ├── breadcrumb/ │ │ │ └── _breadcrumb.scss │ │ ├── button/ │ │ │ └── _button.scss │ │ ├── checkbox-radio/ │ │ │ └── _checkbox-radio.scss │ │ ├── countdown/ │ │ │ └── _countdown.scss │ │ ├── input-counter/ │ │ │ └── _input-counter.scss │ │ ├── input-text/ │ │ │ └── _input-text.scss │ │ ├── modal/ │ │ │ └── _modal.scss │ │ ├── preload-img-aspect-ratio/ │ │ │ └── _preload-img-aspect-ratio.scss │ │ ├── product/ │ │ │ └── _product.scss │ │ ├── select-box/ │ │ │ └── _select-box.scss │ │ └── textarea/ │ │ └── _textarea.scss │ ├── layout/ │ │ ├── _footer.scss │ │ └── _header.scss │ ├── pages/ │ │ ├── _about.scss │ │ ├── _all.scss │ │ ├── _blog.scss │ │ ├── _cart-wishlist.scss │ │ ├── _checkout.scss │ │ ├── _contact.scss │ │ ├── _dashboard.scss │ │ ├── _empty-404.scss │ │ ├── _faq.scss │ │ ├── _index.scss │ │ ├── _product-detail.scss │ │ ├── _shop.scss │ │ └── _sign-in-up-lost.scss │ ├── utility.scss │ └── vendors-extensions/ │ ├── _all.scss │ ├── _bootstrap.scss │ ├── _jquery.scrollup.scss │ ├── _owl-carousel.scss │ ├── _slick.scss │ └── jquery.shopNav/ │ ├── _dropdown.scss │ └── extensions/ │ ├── _mega.scss │ └── _mini-cart.scss ├── shop-grid-full.html ├── shop-grid-left.html ├── shop-grid-right.html ├── shop-list-full.html ├── shop-list-left.html ├── shop-list-right.html ├── shop-side-version-2.html ├── signin.html ├── signup.html └── wishlist.html
SYMBOL INDEX (178 symbols across 2 files)
FILE: js/map-init.js
function init (line 4) | function init() {
FILE: js/vendor.js
function A (line 16) | function A(e,t){return typeof e===t}
function s (line 16) | function s(e){var t=m.className,n=u._config.classPrefix||"";if(h&&(t=t.b...
function g (line 16) | function g(e,t){if("object"==typeof e)for(var n in e)f(e,n)&&g(n,e[n]);e...
function v (line 16) | function v(){return"function"!=typeof c.createElement?c.createElement(ar...
function b (line 16) | function b(e,t,n,r){var o,i,s,a,l,u="modernizr",f=v("div"),d=((l=c.body)...
function _ (line 16) | function _(e,t){return function(){return e.apply(t,arguments)}}
function E (line 16) | function E(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLo...
function B (line 16) | function B(e,t){var n=e.length;if("CSS"in i&&"supports"in i.CSS){for(;n-...
function k (line 16) | function k(e,t,n,r){if(r=!A(r,"undefined")&&r,!A(n,"undefined")){var o=B...
function O (line 16) | function O(e,t,n,r,o){var i=e.charAt(0).toUpperCase()+e.slice(1),s=(e+" ...
function z (line 16) | function z(e,t,n){return O(e,p,p,t,n)}
function m (line 24) | function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n...
function x (line 24) | function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof...
function C (line 24) | function C(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!g(e)&&!y(e...
function oe (line 24) | function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeTy...
function ae (line 24) | function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLengt...
function se (line 24) | function se(e){return e[b]=!0,e}
function ue (line 24) | function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(...
function le (line 24) | function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[...
function ce (line 24) | function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourc...
function fe (line 24) | function fe(e){return function(t){return"input"===t.nodeName.toLowerCase...
function pe (line 24) | function pe(e){return function(t){var n=t.nodeName.toLowerCase();return(...
function de (line 24) | function de(e){return function(t){return"form"in t?t.parentNode&&!1===t....
function he (line 24) | function he(e){return se(function(t){return t=+t,se(function(n,r){var i,...
function ge (line 24) | function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}
function ye (line 24) | function ye(){}
function ve (line 24) | function ve(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}
function me (line 24) | function me(e,t,n){var r=t.dir,i=t.next,o=i||r,a=n&&"parentNode"===o,s=C...
function xe (line 24) | function xe(e){return e.length>1?function(t,n,r){var i=e.length;while(i-...
function be (line 24) | function be(e,t,n){for(var r=0,i=t.length;r<i;r++)oe(e,t[r],n);return n}
function we (line 24) | function we(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(...
function Te (line 24) | function Te(e,t,n,r,i,o){return r&&!r[b]&&(r=Te(r)),i&&!i[b]&&(i=Te(i,o)...
function Ce (line 24) | function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.r...
function Ee (line 24) | function Ee(e,t){var n=t.length>0,i=e.length>0,o=function(o,a,s,u,c){var...
function N (line 24) | function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerC...
function j (line 24) | function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,...
function P (line 24) | function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}
function R (line 24) | function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!...
function I (line 24) | function I(e){return e}
function W (line 24) | function W(e){throw e}
function $ (line 24) | function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n...
function a (line 24) | function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(...
function _ (line 24) | function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventLi...
function V (line 24) | function V(e,t){return t.toUpperCase()}
function G (line 24) | function G(e){return e.replace(X,"ms-").replace(U,V)}
function Q (line 24) | function Q(){this.expando=w.expando+Q.uid++}
function te (line 24) | function te(e){return"true"===e||"false"!==e&&("null"===e?null:e===+e+""...
function ne (line 24) | function ne(e,t,n){var r;if(void 0===n&&1===e.nodeType)if(r="data-"+t.re...
function ue (line 24) | function ue(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:functio...
function ce (line 24) | function ce(e){var t,n=e.ownerDocument,r=e.nodeName,i=le[r];return i||(t...
function fe (line 24) | function fe(e,t){for(var n,r,i=[],o=0,a=e.length;o<a;o++)(r=e[o]).style&...
function ye (line 24) | function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagNa...
function ve (line 24) | function ve(e,t){for(var n=0,r=e.length;n<r;n++)J.set(e[n],"globalEval",...
function xe (line 24) | function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),...
function Ee (line 24) | function Ee(){return!0}
function ke (line 24) | function ke(){return!1}
function Se (line 24) | function Se(){try{return r.activeElement}catch(e){}}
function De (line 24) | function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof...
function Le (line 24) | function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"...
function He (line 24) | function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}
function Oe (line 24) | function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.sli...
function Pe (line 24) | function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&...
function Me (line 24) | function Me(e,t){var n=t.nodeName.toLowerCase();"input"===n&&pe.test(e.t...
function Re (line 24) | function Re(e,t,n,r){t=a.apply([],t);var i,o,s,u,l,c,f=0,p=e.length,d=p-...
function Ie (line 24) | function Ie(e,t,n){for(var r,i=t?w.filter(t,e):e,o=0;null!=(r=i[o]);o++)...
function t (line 24) | function t(){if(c){l.style.cssText="position:absolute;left:-11111px;widt...
function n (line 24) | function n(e){return Math.round(parseFloat(e))}
function Fe (line 24) | function Fe(e,t,n){var r,i,o,a,s=e.style;return(n=n||$e(e))&&(""!==(a=n....
function _e (line 24) | function _e(e,t){return{get:function(){if(!e())return(this.get=t).apply(...
function Qe (line 24) | function Qe(e){if(e in Ye)return e;var t=e[0].toUpperCase()+e.slice(1),n...
function Je (line 24) | function Je(e){var t=w.cssProps[e];return t||(t=w.cssProps[e]=Qe(e)||e),t}
function Ke (line 24) | function Ke(e,t,n){var r=ie.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[...
function Ze (line 24) | function Ze(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border...
function et (line 24) | function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"box...
function tt (line 24) | function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}
function at (line 24) | function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnima...
function st (line 24) | function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}
function ut (line 24) | function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin...
function lt (line 24) | function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["...
function ct (line 24) | function ct(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=thi...
function ft (line 24) | function ft(e,t){var n,r,i,o,a;for(n in e)if(r=G(n),i=t[r],o=e[n],Array....
function pt (line 24) | function pt(e,t,n){var r,i,o=0,a=pt.prefilters.length,s=w.Deferred().alw...
function vt (line 24) | function vt(e){return(e.match(M)||[]).join(" ")}
function mt (line 24) | function mt(e){return e.getAttribute&&e.getAttribute("class")||""}
function xt (line 24) | function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||...
function jt (line 24) | function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n|...
function Ft (line 24) | function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var ...
function _t (line 24) | function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!...
function zt (line 24) | function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)voi...
function Xt (line 24) | function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[...
function Ut (line 24) | function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])fo...
function k (line 24) | function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=vo...
function i (line 32) | function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.en...
function s (line 32) | function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}
function l (line 32) | function l(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[...
function n (line 32) | function n(t){var e=this,n=!1;return p(this).one(m.TRANSITION_END,functi...
function i (line 32) | function i(t){this._element=t}
function n (line 32) | function n(t){this._element=t}
function r (line 32) | function r(t,e){this._items=null,this._interval=null,this._activeElement...
function a (line 32) | function a(e,t){this._isTransitioning=!1,this._element=e,this._config=th...
function Ot (line 32) | function Ot(t){return t&&"[object Function]"==={}.toString.call(t)}
function Nt (line 32) | function Nt(t,e){if(1!==t.nodeType)return[];var n=t.ownerDocument.defaul...
function kt (line 32) | function kt(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}
function Lt (line 32) | function Lt(t){if(!t)return document.body;switch(t.nodeName){case"HTML":...
function Ht (line 32) | function Ht(t){return 11===t?Pt:10===t?xt:Pt||xt}
function jt (line 32) | function jt(t){if(!t)return document.documentElement;for(var e=Ht(10)?do...
function Rt (line 32) | function Rt(t){return null!==t.parentNode?Rt(t.parentNode):t}
function Ft (line 32) | function Ft(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.docu...
function Mt (line 32) | function Mt(t){var e="top"===(1<arguments.length&&void 0!==arguments[1]?...
function Wt (line 32) | function Wt(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom...
function Ut (line 32) | function Ut(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["clie...
function Bt (line 32) | function Bt(t){var e=t.body,n=t.documentElement,i=Ht(10)&&getComputedSty...
function i (line 32) | function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.en...
function Yt (line 32) | function Yt(t){return Qt({},t,{right:t.left+t.width,bottom:t.top+t.heigh...
function Vt (line 32) | function Vt(t){var e={};try{if(Ht(10)){e=t.getBoundingClientRect();var n...
function Xt (line 32) | function Xt(t,e){var n=2<arguments.length&&void 0!==arguments[2]&&argume...
function zt (line 32) | function zt(t){if(!t||!t.parentElement||Ht())return document.documentEle...
function Gt (line 32) | function Gt(t,e,n,i){var o=4<arguments.length&&void 0!==arguments[4]&&ar...
function Jt (line 32) | function Jt(t,e,i,n,o){var r=5<arguments.length&&void 0!==arguments[5]?a...
function Zt (line 32) | function Zt(t,e,n){var i=3<arguments.length&&void 0!==arguments[3]?argum...
function $t (line 32) | function $t(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=p...
function te (line 32) | function te(t){var e={left:"right",right:"left",bottom:"top",top:"bottom...
function ee (line 32) | function ee(t,e,n){n=n.split("-")[0];var i=$t(t),o={width:i.width,height...
function ne (line 32) | function ne(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}
function ie (line 32) | function ie(t,n,e){return(void 0===e?t:t.slice(0,function(t,e,n){if(Arra...
function oe (line 32) | function oe(t,n){return t.some(function(t){var e=t.name;return t.enabled...
function re (line 32) | function re(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUp...
function se (line 32) | function se(t){var e=t.ownerDocument;return e?e.defaultView:window}
function ae (line 32) | function ae(t,e,n,i){n.updateBound=i,se(t).addEventListener("resize",n.u...
function le (line 32) | function le(){var t,e;this.state.eventsEnabled&&(cancelAnimationFrame(th...
function ce (line 32) | function ce(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}
function he (line 32) | function he(n,i){Object.keys(i).forEach(function(t){var e="";-1!==["widt...
function fe (line 32) | function fe(t,e,n){var i=ne(t,function(t){return t.name===e}),o=!!i&&t.s...
function me (line 32) | function me(t){var e=1<arguments.length&&void 0!==arguments[1]&&argument...
function ye (line 32) | function ye(t,o,r,e){var s=[0,0],a=-1!==["right","left"].indexOf(e),n=t....
function r (line 32) | function r(t,e){var n=this,i=2<arguments.length&&void 0!==arguments[2]?a...
function c (line 32) | function c(t,e){this._element=t,this._popper=null,this._config=this._get...
function o (line 32) | function o(t,e){this._config=this._getConfig(e),this._element=t,this._di...
function i (line 32) | function i(t,e){if("undefined"==typeof be)throw new TypeError("Bootstrap...
function i (line 32) | function i(){return t.apply(this,arguments)||this}
function n (line 32) | function n(t,e){var n=this;this._element=t,this._scrollElement="BODY"===...
function i (line 32) | function i(t){this._element=t}
function i (line 32) | function i(t,e){this._element=t,this._config=this._getConfig(e),this._ti...
function e (line 49) | function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c...
function e (line 50) | function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a...
function f (line 50) | function f(a){return e(a,!0)}
function e (line 58) | function e(e){i("img[data-lazy]",e).each(function(){var e=i(this),t=i(th...
function i (line 70) | function i(i,s,a){function u(t,e,o){var n,s="$()."+i+'("'+e+'")';return ...
function o (line 70) | function o(t){!t||t&&t.bridget||(t.bridget=i)}
function t (line 70) | function t(){}
function t (line 70) | function t(t){var e=parseFloat(t),i=t.indexOf("%")==-1&&!isNaN(e);return...
function e (line 70) | function e(){}
function i (line 70) | function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,oute...
function o (line 70) | function o(t){var e=getComputedStyle(t);return e||a("Style returned "+e+...
function n (line 70) | function n(){if(!d){d=!0;var e=document.createElement("div");e.style.wid...
function s (line 70) | function s(e){if(n(),"string"==typeof e&&(e=document.querySelector(e)),e...
function i (line 70) | function i(t){for(var e in t)return!1;return e=null,!0}
function o (line 70) | function o(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0}...
function n (line 70) | function n(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowe...
function s (line 70) | function s(t,e){var i=o.getQueryElement(t);if(!i)return void(u&&u.error(...
function r (line 70) | function r(t){function e(){t.apply(this,arguments)}return e.prototype=Ob...
function a (line 70) | function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)...
function i (line 70) | function i(){n.dispatchEvent(t+"Complete",null,[e])}
function o (line 70) | function o(){r++,r==s&&i()}
function e (line 70) | function e(){t.Item.apply(this,arguments)}
function i (line 70) | function i(t){this.isotope=t,t&&(this.options=t.options[this.namespace],...
function n (line 70) | function n(){i.apply(this,arguments)}
function a (line 70) | function a(t,e){return function(i,o){for(var n=0;n<t.length;n++){var s=t...
function t (line 70) | function t(){e&&i&&o&&n.dispatchEvent("arrangeComplete",null,[n.filtered...
function t (line 71) | function t(t){if("string"!=typeof t)return t;var i=h(t).split(" "),o=i[0...
function e (line 71) | function e(t,e){return t?function(e){return e.getAttribute(t)}:function(...
function e (line 121) | function e(){}
function b (line 127) | function b(b,d){if(this.el=b,this.$el=a(b),this.s=a.extend({},c,d),this....
function b (line 127) | function b(a,b,c){var g,h=d.core.isVideo(a,c)||{},i="";h.youtube||h.vime...
function b (line 128) | function b(a,b,c,d){var e=this;if(e.core.$slide.eq(b).find(".lg-video")....
function c (line 128) | function c(a,b){var c=this.core.$slide.eq(b).find(".lg-video-cont");c.ha...
function d (line 128) | function d(b,c,d){var e=this,f=e.core.$slide.eq(c),g=f.find(".lg-youtube...
Condensed preview — 116 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (8,575K chars).
[
{
"path": "404.html",
"chars": 92291,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "LICENSE",
"chars": 1071,
"preview": "MIT License\n\nCopyright (c) 2019 Ahmad Hussnain\n\nPermission is hereby granted, free of charge, to any person obtaining a "
},
{
"path": "README.md",
"chars": 15806,
"preview": "# Ludus Free Premium E-commerce Template\n\n*I want to thank all of you who give stars and fork the repo. I love you all a"
},
{
"path": "about.html",
"chars": 108090,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "blog-detail.html",
"chars": 113015,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "blog-left-sidebar.html",
"chars": 130214,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "blog-masonry.html",
"chars": 138010,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "blog-right-sidebar.html",
"chars": 130275,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "blog-sidebar-none.html",
"chars": 119854,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "cart.html",
"chars": 110969,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "checkout.html",
"chars": 132686,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "contact.html",
"chars": 98708,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "css/app.color10.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color2.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color3.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color4.css",
"chars": 152269,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color5.css",
"chars": 152269,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color6.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color7.css",
"chars": 152271,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color8.css",
"chars": 152269,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.color9.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/app.css",
"chars": 152267,
"preview": "/*\nTheme Name: Ludus\nAuthor: ahfront\nDescription: Ludus - is complete multipurpose polish eCommerce template built with\n"
},
{
"path": "css/utility.css",
"chars": 92564,
"preview": "@charset \"UTF-8\";\n/**\n * Utility classes for spacing:\n * A wide range of shorthand margin and padding utility classes to"
},
{
"path": "css/vendor.css",
"chars": 152724,
"preview": "/*! normalize.css v8.0.1\n * Licensed under MIT License\n * github.com/necolas/normalize.css\n */\nhtml{line-height:1.15;-we"
},
{
"path": "dash-address-add.html",
"chars": 102170,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-address-book.html",
"chars": 101002,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-address-edit.html",
"chars": 102185,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-address-make-default.html",
"chars": 101525,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-cancellation.html",
"chars": 97199,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-edit-profile.html",
"chars": 104747,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-manage-order.html",
"chars": 106122,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-my-order.html",
"chars": 106893,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-my-profile.html",
"chars": 101569,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-payment-option.html",
"chars": 97170,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dash-track-order.html",
"chars": 98478,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "dashboard.html",
"chars": 108196,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "empty-cart.html",
"chars": 92309,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "empty-search.html",
"chars": 93095,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "empty-wishlist.html",
"chars": 92313,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "faq.html",
"chars": 100088,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "index-2.html",
"chars": 402741,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "index-3.html",
"chars": 191482,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "index.html",
"chars": 221167,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "js/app.js",
"chars": 24981,
"preview": "/**\n * This is main script file that contains JS code.\n */\n(function ($) {\n // Main Object\n var RESHOP = {};\n\n "
},
{
"path": "js/jquery.shopnav.js",
"chars": 7521,
"preview": "/*!\n * Shop Nav v1.0.0 Lightweight plugin\n *\n * Copyright (c)\n * Ahmad Hussnain\n\n * MIT License\n */\n\n\n;(function ($, wi"
},
{
"path": "js/map-init.js",
"chars": 1077,
"preview": "// When the window has finished loading create our google map below\ngoogle.maps.event.addDomListener(window, 'load', ini"
},
{
"path": "js/vendor.js",
"chars": 385700,
"preview": "/*!\n * modernizr v3.6.0\n * Build https://modernizr.com/download?-cssanimations-csscolumns-customelements-flexbox-history"
},
{
"path": "lost-password.html",
"chars": 94642,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "product-detail-affiliate.html",
"chars": 161433,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "product-detail-variable.html",
"chars": 167109,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "product-detail.html",
"chars": 163081,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "scss/abstracts/_functions.scss",
"chars": 563,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all application-w"
},
{
"path": "scss/abstracts/_header-comment.scss",
"chars": 2122,
"preview": "// -----------------------------------------------------------------------------\n// This file contains only header secti"
},
{
"path": "scss/abstracts/_mixins.scss",
"chars": 306,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all application-w"
},
{
"path": "scss/abstracts/_variables.scss",
"chars": 1161,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all application-w"
},
{
"path": "scss/abstracts/mixins-module/_mixin-utilities-spacing.scss",
"chars": 8954,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all mixins that w"
},
{
"path": "scss/app.color10.scss",
"chars": 106,
"preview": "$g-brand-color:#ff1500; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color2.scss",
"chars": 106,
"preview": "$g-brand-color:#ff003b; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color3.scss",
"chars": 106,
"preview": "$g-brand-color:#003bff; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color4.scss",
"chars": 106,
"preview": "$g-brand-color:#156844; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color5.scss",
"chars": 106,
"preview": "$g-brand-color:#c500ff; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color6.scss",
"chars": 106,
"preview": "$g-brand-color:#382E2E; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color7.scss",
"chars": 106,
"preview": "$g-brand-color:#116466; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color8.scss",
"chars": 106,
"preview": "$g-brand-color:#1B469A; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.color9.scss",
"chars": 106,
"preview": "$g-brand-color:#0D122C; // This color overrides the `!default` flag $g-brand-color variable\n@import 'app';"
},
{
"path": "scss/app.scss",
"chars": 436,
"preview": "// Configuration and helpers\n@import\n 'abstracts/header-comment',\n 'abstracts/functions',\n 'abstracts/variables';\n\n//"
},
{
"path": "scss/base/_base.scss",
"chars": 4647,
"preview": "// -----------------------------------------------------------------------------\n// This file contains only basic styles"
},
{
"path": "scss/base/_pre-config.scss",
"chars": 7209,
"preview": "// -----------------------------------------------------------------------------\n// This file contains some pre configur"
},
{
"path": "scss/base/_typography.scss",
"chars": 467,
"preview": "// -----------------------------------------------------------------------------\n// This file contains our layout Typogr"
},
{
"path": "scss/base/_utilities.scss",
"chars": 1254,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all CSS utility c"
},
{
"path": "scss/components/_all.scss",
"chars": 787,
"preview": "// -----------------------------------------------------------------------------\n// `all.scss` is just typical import fi"
},
{
"path": "scss/components/breadcrumb/_breadcrumb.scss",
"chars": 922,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/button/_button.scss",
"chars": 4111,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/checkbox-radio/_checkbox-radio.scss",
"chars": 3634,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/countdown/_countdown.scss",
"chars": 2515,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/input-counter/_input-counter.scss",
"chars": 1239,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/input-text/_input-text.scss",
"chars": 1476,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/modal/_modal.scss",
"chars": 4867,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all global styles"
},
{
"path": "scss/components/preload-img-aspect-ratio/_preload-img-aspect-ratio.scss",
"chars": 2613,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/product/_product.scss",
"chars": 12830,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/select-box/_select-box.scss",
"chars": 1272,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/components/textarea/_textarea.scss",
"chars": 684,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/layout/_footer.scss",
"chars": 3329,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/layout/_header.scss",
"chars": 2561,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all styles relate"
},
{
"path": "scss/pages/_about.scss",
"chars": 3641,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_all.scss",
"chars": 496,
"preview": "// -----------------------------------------------------------------------------\n// `all.scss` is just typical import fi"
},
{
"path": "scss/pages/_blog.scss",
"chars": 14632,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_cart-wishlist.scss",
"chars": 5528,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_checkout.scss",
"chars": 4651,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_contact.scss",
"chars": 1592,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_dashboard.scss",
"chars": 9431,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_empty-404.scss",
"chars": 1575,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_faq.scss",
"chars": 1206,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_index.scss",
"chars": 9936,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_product-detail.scss",
"chars": 9754,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_shop.scss",
"chars": 15277,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/pages/_sign-in-up-lost.scss",
"chars": 850,
"preview": "// -----------------------------------------------------------------------------\n// This file contains styles that are s"
},
{
"path": "scss/utility.scss",
"chars": 710,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all CSS utility c"
},
{
"path": "scss/vendors-extensions/_all.scss",
"chars": 1294,
"preview": "// -----------------------------------------------------------------------------\n// `all.scss` is just typical import fi"
},
{
"path": "scss/vendors-extensions/_bootstrap.scss",
"chars": 1357,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all Bootstrap ove"
},
{
"path": "scss/vendors-extensions/_jquery.scrollup.scss",
"chars": 502,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all JqueryScrollU"
},
{
"path": "scss/vendors-extensions/_owl-carousel.scss",
"chars": 8559,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all owl-carousel "
},
{
"path": "scss/vendors-extensions/_slick.scss",
"chars": 1131,
"preview": "// -----------------------------------------------------------------------------\n// This file contains all slick overrid"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/_dropdown.scss",
"chars": 6420,
"preview": "// Recursive\n.ah-list {\n margin: 0;\n padding: 0;\n li {\n list-style: none;\n }\n // Recursive\n ul {\n margin: 0;"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/extensions/_mega.scss",
"chars": 3891,
"preview": "/* Extension Mega Menu */\n\n// Global Styles\n\n.mega-text {\n width: 34px;\n height: 34px;\n display: inline-block;\n user"
},
{
"path": "scss/vendors-extensions/jquery.shopNav/extensions/_mini-cart.scss",
"chars": 4657,
"preview": "/* Extension Mini Cart */\n.mini-cart-shop-link {\n position: relative;\n > .total-item-round {\n top: 16px;\n left: "
},
{
"path": "shop-grid-full.html",
"chars": 197682,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-grid-left.html",
"chars": 202691,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-grid-right.html",
"chars": 202696,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-list-full.html",
"chars": 197682,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-list-left.html",
"chars": 202691,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-list-right.html",
"chars": 202696,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "shop-side-version-2.html",
"chars": 202797,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "signin.html",
"chars": 97165,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "signup.html",
"chars": 99154,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
},
{
"path": "wishlist.html",
"chars": 101809,
"preview": "<!DOCTYPE html>\n<html class=\"no-js\" lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <!--[if IE]><meta http-equiv=\"X-UA-"
}
]
About this extraction
This page contains the full source code of the ahmadhuss/ludus-free-premium-ecommerce-template GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 116 files (7.9 MB), approximately 2.1M tokens, and a symbol index with 178 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.