Mini Shell
Mini Shell
| Direktori : /home2/selectio/www/dj-dream-studio/ |
| Current File : /home2/selectio/www/dj-dream-studio/shop.html |
<!doctype html>
<html lang="zxx">
<!-- Mirrored from xpressrow.com/html/shotop/shotop/shop.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Sep 2023 11:15:43 GMT -->
<head>
<!--========= Required meta tags =========-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Shotop - Photography HTML Template</title>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="images/x-icon" />
<!-- css include -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/odometer.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="body_wrap">
<!-- backtotop - start -->
<div class="backtotop">
<a href="#" class="scroll">
<i class="far fa-arrow-up"></i>
<i class="far fa-arrow-up"></i>
</a>
</div>
<!-- backtotop - end -->
<!-- preloader start -->
<div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="S" class="letters-loading">
S
</span>
<span data-text-preloader="H" class="letters-loading">
H
</span>
<span data-text-preloader="O" class="letters-loading">
O
</span>
<span data-text-preloader="T" class="letters-loading">
T
</span>
<span data-text-preloader="O" class="letters-loading">
O
</span>
<span data-text-preloader="P" class="letters-loading">
P
</span>
</div>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header class="header_area header__area--3">
<div class="container custom-width">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-3 col-7">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo-black.png" alt=""></a>
</div>
</div>
<div class="col-xl-10 col-lg-9 col-5">
<div class="menu_area">
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li class="menu-item-has-children"><a href="index.html">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="home-2.html">Home 02</a></li>
<li><a href="home-3.html">Home 03</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="menu-item-has-children">
<a href="services.html">Services</a>
<ul class="sub-menu">
<li><a href="services.html">Services</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children active"><a href="#!">Pages</a>
<ul class="sub-menu">
<li><a href="about-me.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
<li class="active"><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="menu_area-right">
<div class="hamburger-trigger item">
<i class="fal fa-bars"></i>
</div>
<div class="button ml-60">
<a class="thm_btn" href="contact.html">Get in touch<i class="fal fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- side info for mobile view -->
<aside class="side-info-wrapper mm-only">
<nav>
<div class="nav" id="nav-tab" role="tablist">
<a class="nav-link active" id="menu-tab-1-tab" data-bs-toggle="tab"
href="#menu-tab-1" role="tab" aria-controls="menu-tab-1"
aria-selected="true">Menu</a>
<a class="nav-link" id="menu-tab-2-tab" data-bs-toggle="tab" href="#menu-tab-2"
role="tab" aria-controls="menu-tab-2" aria-selected="false">Info</a>
</div>
</nav>
<div class="side-info__wrapper d-flex align-items-center justify-content-between">
<div class="side-info__logo">
<a href="index.html">
<img src="assets/img/logo/logo-black.png" alt="logo">
</a>
</div>
<div class="side-info__close">
<a href="javascript:void(0);"><i class="fal fa-times"></i></a>
</div>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="menu-tab-1" role="tabpanel"
aria-labelledby="menu-tab-1-tab">
<div class="mobile-menu"></div>
</div>
<div class="tab-pane fade" id="menu-tab-2" role="tabpanel"
aria-labelledby="menu-tab-2-tab">
<div class="side-info">
<div class="side-info__content mb-35">
<h4 class="title mb-5">About us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud nisi ut aliquip ex ea commodo consequat.</p>
<a class="thm_btn mt-20" href="#0">Contact us<i class="fal fa-long-arrow-right"></i></a>
</div>
<div class="contact__info--wrapper mt-15">
<h4 class="title mb-10">Contact us</h4>
<ul class="contact__info list-unstyled">
<li>
<span><i class="fas fa-map-marker-alt"></i></span>
<p>Bowery St., New York, NY 10013, USA</p>
</li>
<li>
<span><i class="fas fa-phone"></i></span>
<p>+1255-568-6523</p>
</li>
<li>
<span><i class="fas fa-envelope-open-text"></i></span>
<p>information@gmail.com</p>
</li>
</ul>
</div>
<div class="social-links mt-20 d-flex justify-content-start align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</aside>
<!-- side info for desktop view -->
<aside class="side-info-wrapper show-all">
<div class="side-info__wrapper d-flex align-items-center justify-content-between">
<div class="side-info__logo">
<a href="index.html">
<img src="assets/img/logo/logo-black.png" alt="logo">
</a>
</div>
<div class="side-info__close">
<a href="javascript:void(0);"><i class="fal fa-times"></i></a>
</div>
</div>
<div class="side-info">
<div class="side-info__content mb-35">
<h4 class="title mb-5">About us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud nisi ut aliquip ex ea commodo consequat.</p>
<a class="thm_btn mt-20" href="#0">Contact us<i class="fal fa-long-arrow-right"></i></a>
</div>
<div class="contact__info--wrapper mt-15">
<h4 class="title mb-10">Contact us</h4>
<ul class="contact__info list-unstyled">
<li>
<span><i class="fas fa-map-marker-alt"></i></span>
<p>Bowery St., New York, NY 10013, USA</p>
</li>
<li>
<span><i class="fas fa-phone"></i></span>
<p>+1255-568-6523</p>
</li>
<li>
<span><i class="fas fa-envelope-open-text"></i></span>
<p>information@gmail.com</p>
</li>
</ul>
</div>
<div class="social-links mt-20 d-flex justify-content-start align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</aside>
<div class="overlay"></div>
</header>
<!-- header start -->
<main>
<!-- page title start -->
<section class="page__title--area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="page__title--info text-center pt-70 pb-85">
<h1 class="title">Online Shop</h1>
<ul class="breadcrumb_nav ul_li_center">
<li><a href="index.html">Home</a></li>
<li>Shop</li>
</ul>
</div>
</div>
</div>
</div>
<div class="page__title--bg" data-background="assets/img/bg/page-title-bg.jpg"></div>
</section>
<!-- page title end -->
<!-- shop start -->
<section class="shop__area pt-120 pb-90">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="shop__filter--wrap d-flex justify-content-between align-items-center mb-30">
<div class="sf-left">
<div class="show-text">
<span>Showing 1–12 of 54 results</span>
</div>
</div>
<div class="sf-right d-flex justify-content-end align-items-center">
<nav>
<div class="nav" id="shop-filter-tab" role="tablist">
<a class="nav-link active" id="shop-tab-1-tab" data-bs-toggle="tab" href="#shop-tab-1" role="tab" aria-controls="shop-tab-1" aria-selected="true"><i class="fas fa-th"></i></a>
<a class="nav-link" id="shop-tab-2-tab" data-bs-toggle="tab" href="#shop-tab-2" role="tab" aria-controls="shop-tab-2" aria-selected="false"><i class="fas fa-list-ul"></i></a>
</div>
</nav>
<div class="sort-wrapper ml-45">
<select name="select" id="select">
<option value="1">Short By New</option>
<option value="2">Short By New</option>
<option value="3">Short By New</option>
<option value="4">Short By New</option>
<option value="5">Short By New</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-9 col-lg-8">
<div class="shop__wrapper mb-30">
<div class="tab-content" id="shop-tabContent">
<div class="tab-pane fade active show" id="shop-tab-1" role="tabpanel" aria-labelledby="shop-tab-1-tab">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-01.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Matako DSLR Camera</h4>
<h3 class="price">$29.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-02.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Ratar Camera Bag</h4>
<h3 class="price">$99.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-03.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Dekstop PC Cooler</h4>
<h3 class="price">$56.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-04.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Bangladesy nonband Ball</h4>
<h3 class="price">$43.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-05.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Motor & Tour Suite</h4>
<h3 class="price">$89.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-06.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Troli Bag In America</h4>
<h3 class="price">$76.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-07.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Matako Camera Side bag</h4>
<h3 class="price">$29.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-08.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">ARK Video Camera</h4>
<h3 class="price">$98.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-09.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Matako DSLR Camera</h4>
<h3 class="price">$29.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-10.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">American Tenis Ball</h4>
<h3 class="price">$11.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-11.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Yellow Umbrela MT</h4>
<h3 class="price">$23.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="shop__single">
<div class="shop__thumb">
<a href="shop-details.html"><img src="assets/img/shop/img-12.png" alt=""></a>
</div>
<div class="shop__content mt-35">
<h4 class="title">Matako DSLR Camera</h4>
<h3 class="price">$145.00</h3>
<ul class="rating__star rating__star--gray ul_li_center">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="actions ul_li_center">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-tab-2" role="tabpanel" aria-labelledby="shop-tab-2-tab">
<div class="row">
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-01.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Camera</a>
</div>
<h4 class="title">
<a href="shop-details.html">Matako DSLR Camera</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $29.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-02.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Bag</a>
</div>
<h4 class="title">
<a href="shop-details.html">Ratar Camera Bag</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $325.00 / <span class="regular"><del>$348</del></span></span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-03.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Cooler</a>
</div>
<h4 class="title">
<a href="shop-details.html">Dekstop PC Cooler</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $32.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-04.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Ball</a>
</div>
<h4 class="title">
<a href="shop-details.html">Bangladesy nonband Ball</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $43.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-05.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Suite</a>
</div>
<h4 class="title">
<a href="shop-details.html">Motor & Tour Suite</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $76.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-06.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Bag</a>
</div>
<h4 class="title">
<a href="shop-details.html">Troli Bag In America</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $76.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-07.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Bag</a>
</div>
<h4 class="title">
<a href="shop-details.html">Matako Camera Side bag</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $29.00 / <span class="regular"><del>$34</del></span></span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-08.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Camera</a>
</div>
<h4 class="title">
<a href="shop-details.html">ARK Video Camera</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $98.00 / <span class="regular"><del>$118</del></span></span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-09.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Camera</a>
</div>
<h4 class="title">
<a href="shop-details.html">Matako DSLR Camera</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $325.00 / <span class="regular"><del>$348</del></span></span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-10.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Ball</a>
</div>
<h4 class="title">
<a href="shop-details.html">American Tenis Ball</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $10.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-11.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Umbrela</a>
</div>
<h4 class="title">
<a href="shop-details.html">Yellow Umbrela MT</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $35.00 / <span class="regular"><del>$38</del></span></span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="shop__single shop__single--2 pt-30 pb-30">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="pp__thumb m-0">
<img src="assets/img/shop/img-12.png" alt="">
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="shop__content">
<div class="pp__cat">
<a href="#!">Camera</a>
</div>
<h4 class="title">
<a href="shop-details.html">Matako DSLR Camera</a>
</h4>
<div class="price d-flex align-items-center">
<h6 class="label">Price - </h6>
<span class="price"> $32.00</span>
</div>
<div class="actions ul_li mt-20">
<a href="#!" class="action"><i class="fal fa-shopping-basket"></i></a>
<a href="#!" class="action"><i class="fal fa-heart"></i></a>
<a href="#!" class="action"><i class="fal fa-eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination_wrap pt-30">
<ul>
<li><a href="#!"><i class="fal fa-angle-double-left"></i></a></li>
<li><a href="#!" class="current_page">01</a></li>
<li><a href="#!">02</a></li>
<li><a href="#!"><i class="fal fa-ellipsis-h"></i></a></li>
<li><a href="#!">08</a></li>
<li><a href="#!"><i class="fal fa-angle-double-right"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="blog__sidebar mb-30">
<div class="widget">
<h2 class="title">Search Here</h2>
<form action="https://xpressrow.com/html/shotop/shotop/index.html" class="widget__search">
<input type="search" name="search" id="search" placeholder="Serach Product">
<button type="submit"><i class="fal fa-search"></i></button>
</form>
</div>
<div class="widget">
<h2 class="title">Categories</h2>
<ul class="list-unstyled">
<li class="cat-item"><a href="#!">Accessories<span>04</span></a></li>
<li class="cat-item"><a href="#!">Bag<span>06</span></a></li>
<li class="cat-item"><a href="#!">Gadgets<span>08</span></a></li>
<li class="cat-item"><a href="#!">Camera<span>10</span></a></li>
<li class="cat-item"><a href="#!">Styling<span>12</span></a></li>
<li class="cat-item"><a href="#!">Uncategorized<span>03</span></a></li>
</ul>
</div>
<div class="widget">
<h2 class="title">Price Filter</h2>
<div id="slider-range"></div>
<div class="price_number d-flex justify-content-between align-items-center">
<input type="text" id="amount" readonly>
<label for="amount">Filter</label>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- shop end -->
</main>
<!-- footer start -->
<footer class="footer__area mt-135 pos-rel" data-bg-color="#000">
<div class="footer__top">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-7 col-lg-6">
<div class="footer__top--left pos-rel">
<img src="assets/img/bg/footer-img.jpg" alt="">
<div class="footer_number ul_li">
<span><img src="assets/img/icon/contact-icon.png" alt=""></span>
<h5 class="number">+089 883 3445</h5>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="subscribe_form pos-rel">
<div class="input_field">
<input type="email" placeholder="Enter your mail">
<i class="fal fa-envelope"></i>
</div>
<button>Subscribe Now<i class="fal fa-long-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="footer__main pt-100 pb-25">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="footer__widget mb-30">
<h3 class="title">About us</h3>
<p>Mauris rhoncus orci in imperdiet placerat. Vestibulum euismod nisl suscipit ligula let volutpat, a feugiat urnaey.Mauris orci in imperdiet placerat.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer__widget mb-30">
<h3 class="title">Contact us</h3>
<p>Nullam viverra consectetuer quisque cursus et, porttitor risus.</p>
<span>+61 (0) 3 8376 6284</span>
<span>info@yourmail.com</span>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer__widget mb-30">
<h3 class="title">Location</h3>
<ul class="list-unstyled">
<li>Envato</li>
<li>Level 13, 2 Elizabeth</li>
<li>Victoria 3000</li>
<li>Australia</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="footer__widget mb-30">
<h3 class="title">Short links</h3>
<ul class="list-unstyled">
<li><a href="#!">Curabitur</a></li>
<li><a href="#!">Maecenas imperdiet</a></li>
<li><a href="#!">Scelerisque eros</a></li>
<li><a href="#!">Nam lacinia</a></li>
<li><a href="#!">Orci varius</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="logo mt-20">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="social-links mt-20 d-flex justify-content-md-end">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer end -->
</div>
<!-- jquery include -->
<script src="assets/js/jquery-3.5.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/odometer.min.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from xpressrow.com/html/shotop/shotop/shop.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Sep 2023 11:15:47 GMT -->
</html>