ok

Mini Shell

Direktori : /home2/selectio/www/dj-dream-studio/
Upload File :
Current File : /home2/selectio/www/dj-dream-studio/home-3.html

<!doctype html>
<html lang="zxx">


<!-- Mirrored from xpressrow.com/html/shotop/shotop/home-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Sep 2023 11:15:29 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 pos-absolute">
            <div class="container custom-width">
                <div class="row align-items-center">
                    <div class="col-xl-3 col-lg-3 col-7">
                        <div class="logo">
                            <a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-9 col-5">
                        <div class="menu_area">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="menu-item-has-children active"><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 class="active"><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"><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><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</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="search">
                                    <div class="search__trigger item">
                                        <span class="open" style="display: inline;"><i class="far fa-search"></i></span>
                                        <span class="close" style="display: none;"><i class="fal fa-times"></i></span>
                                    </div>
                                    <div class="search__form">
                                        <form role="search" method="get" action="https://xpressrow.com/html/shotop/shotop/index.html">
                                            <input type="search" name="s" value="" placeholder="Search Keywords">
                                            <button type="submit"><i class="far fa-search"></i></button>
                                        </form>
                                    </div>
                                </div>
                                <div class="hamburger-trigger item">
                                    <i class="fal fa-bars"></i>
                                </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>
            <!-- slider start -->
            <section class="slider__area dark-bg">
                <div class="slider__active owl-carousel">
                    <div class="slider__single slider__height" data-background="assets/img/slider/slider-01.png">
                        <div class="slider__content">
                            <h2 class="title" data-animation="fadeInUp" data-delay=".1s">Photographic <br> Studio</h2>
                        </div>
                    </div>
                    <div class="slider__single slider__height" data-background="assets/img/slider/slider-01.png">
                        <div class="slider__content">
                            <h2 class="title" data-animation="fadeInUp" data-delay=".1s">Photographic <br> Studio</h2>
                        </div>
                    </div>
                </div>
                <div class="slider__social-wrap">
                    <div class="container custom-width">
                        <div class="row flex-row-reverse align-items-center justify-content-lg-between">
                            <div class="col-lg-6 col-md-6">
                                <div class="border__video text-md-end mt-20">
                                    <a class="popup-video text-uppercase" href="https://www.youtube.com/watch?v=cRXm1p-CNyk">
                                        <small>Play Demo</small>
                                        <span><i class="fal fa-play"></i></span>
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <ul class="slider__social ul_li text-uppercase">
                                    <li><a href="#"><i class="fab fa-facebook-f"></i> facebook</a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i> twitter</a></li>
                                    <li><a href="#"><i class="fab fa-youtube"></i> youtube</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slider__contact-info">
                    <div class="container custom-width">
                        <div class="row align-items-center">
                            <div class="col-lg-6 col-md-8">
                                <div class="number_info ul_li">
                                    <div class="ul_li mb-25">
                                        <div class="sn_img-wrap ul_li">
                                            <span class="sn_icon"><i class="fas fa-phone"></i></span>
                                            <span class="sn_img">
                                                <img src="assets/img/slider/sn_img.jpg" alt="">
                                            </span>
                                        </div>
                                        <h4 class="sn_number">+089 883 3445</h4>
                                    </div>
                                    <p>Mauris rhoncus orci in imperdiet placerat. Vestibulum euismod nisl suscipit ligula volutpat, a feugiat urna maximus</p>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4">
                                <div class="experiece_text text-md-end">
                                    <h4>21 year +</h4>
                                    <span>Of Experiece in this ground</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- slider end -->

            <!-- about start -->
            <section class="about__area pt-120 pb-120 pos-rel">
                <div class="container">
                    <div class="row flex-row-reverse align-items-center">
                        <div class="col-lg-6">
                            <div class="about__right text-end pos-rel">
                                <div class="img_01">
                                    <img src="assets/img/about/img-01.jpg" alt="">
                                </div>
                                <div class="img_02">
                                    <img src="assets/img/about/img-02.jpg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="about__left">
                                <div class="sec_title mb-50">
                                    <span class="sub_title">About us</span>
                                    <h2 class="title mb-50">We've been  photographing since 1998</h2>
                                    <p>Rorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
                                    <p>Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis undey.</p>
                                </div>
                                <a class="thm_btn" href="about.html">Work With us<i class="fal fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sec__shape">
                    <div class="sec__shape--1">
                        <img src="assets/img/about/shape-01.png" alt="">
                    </div>
                    <div class="sec__shape--2">
                        <img src="assets/img/about/shape-02.png" alt="">
                    </div>
                </div>
            </section>
            <!-- about end -->

            <!-- services start -->
            <section class="services__area dark-bg pt-120">
                <div class="container">
                    <div class="sec_title sec_title-white mb-100 text-md-center">
                        <span class="sub_title">what we Provide</span>
                        <h2 class="title">Excellence in every <br> single pixel</h2>
                    </div>
                    <div class="services__bg pb-50" data-background="assets/img/bg/service-bg.jpg">
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="services__single mb-30">
                                    <div class="icon mb-35">
                                        <img src="assets/img/icon/s-01.png" alt="">
                                    </div>
                                    <h3 class="title">High-quality bodies</h3>
                                    <p>Mauris rhoncus orci in imperdiet placerat. Vestibulum euismod nisl suscipit ligula volutpat, a feugiat urnaey.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="services__single mb-30">
                                    <div class="icon mb-35">
                                        <img src="assets/img/icon/s-02.png" alt="">
                                    </div>
                                    <h3 class="title">Huge range of lenses</h3>
                                    <p>Reauris rhoncus orci in imperdiet placerat. Vestibulum euismod nisl suscipit volutpat, a feugiat.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="services__single mb-30">
                                    <div class="icon mb-35">
                                        <img src="assets/img/icon/s-03.png" alt="">
                                    </div>
                                    <h3 class="title">Lighting sets</h3>
                                    <p>Mauris rhoncus orci in imperdiet placerat. Vestibulum euismod nisl suscipit ligula volutpat, a feugiat urna maximus</p>
                                </div>
                            </div>
                        </div>
                        <div class="btns mt-40 text-md-center">
                            <a class="thm_btn" href="about.html">Learn more<i class="fal fa-long-arrow-right"></i></a>
                            <a class="thm_btn thm_btn-2" href="contact.html">Contact us<i class="fal fa-long-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- services end -->

            <!-- portfolio start -->
            <section class="portfolio__area dark-bg pt-80 pb-120">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-md-9">
                            <div class="sec_title sec_title-white mb-80">
                                <span class="sub_title">Our Portfolio</span>
                                <h2 class="title">Recent project</h2>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio__active owl-carousel">
                        <div class="portfolio__single pos-rel">
                            <div class="thumb">
                                <img src="assets/img/portfolio/img-01.jpg" alt="">
                            </div>
                            <div class="content">
                                <a class="icon" href="portfolio-details.html"><i class="fal fa-arrow-right"></i></a>
                                <div class="info">
                                    <h3 class="title"><a href="portfolio-details.html">Rasalina de with Portraits Artist</a></h3>
                                    <span><i class="fal fa-tags"></i>fashion Design</span>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio__single pos-rel">
                            <div class="thumb">
                                <img src="assets/img/portfolio/img-02.jpg" alt="">
                            </div>
                            <div class="content">
                                <a class="icon" href="portfolio-details.html"><i class="fal fa-arrow-right"></i></a>
                                <div class="info">
                                    <h3 class="title"><a href="portfolio-details.html">Rasalina de with Portraits Artist</a></h3>
                                    <span><i class="fal fa-tags"></i>fashion Design</span>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio__single pos-rel">
                            <div class="thumb">
                                <img src="assets/img/portfolio/img-01.jpg" alt="">
                            </div>
                            <div class="content">
                                <a class="icon" href="portfolio-details.html"><i class="fal fa-arrow-right"></i></a>
                                <div class="info">
                                    <h3 class="title"><a href="portfolio-details.html">Rasalina de with Portraits Artist</a></h3>
                                    <span><i class="fal fa-tags"></i>fashion Design</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- portfolio end -->

            <!-- team start -->
            <section class="team__area pt-120 pb-90 pos-rel">
                <div class="container">
                    <div class="sec_title mb-80 text-center">
                        <span class="sub_title">Our Team</span>
                        <h2 class="title">Meet our team</h2>
                    </div>
                    <div class="row g-0">
                        <div class="col-lg-3 col-md-6">
                            <div class="team__single mb-30">
                                <div class="thumb">
                                    <img src="assets/img/team/img-01.jpg" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="name">Rasalina De Willam</h3>
                                    <p>Rorem ipsudol oramec onsectetur teni adipisicing elit, sed do eiusmod tempor incididue tenis of </p>
                                    <div class="team__social">
                                        <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-instagram"></i></a>
                                        <a href="#!"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="team__single mb-30">
                                <div class="thumb">
                                    <img src="assets/img/team/img-02.jpg" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="name">Alextina Redexa</h3>
                                    <p>Rorem ipsudol oramec onsectetur teni adipisicing elit, sed do eiusmod tempor incididue tenis of </p>
                                    <div class="team__social">
                                        <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-instagram"></i></a>
                                        <a href="#!"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="team__single mb-30">
                                <div class="thumb">
                                    <img src="assets/img/team/img-03.jpg" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="name">Hilexa  Dimariya</h3>
                                    <p>Rorem ipsudol oramec onsectetur teni adipisicing elit, sed do eiusmod tempor incididue tenis of </p>
                                    <div class="team__social">
                                        <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-instagram"></i></a>
                                        <a href="#!"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="team__single mb-30">
                                <div class="thumb">
                                    <img src="assets/img/team/img-04.jpg" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="name">Johan Sponds</h3>
                                    <p>Rorem ipsudol oramec onsectetur teni adipisicing elit, sed do eiusmod tempor incididue tenis of </p>
                                    <div class="team__social">
                                        <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-instagram"></i></a>
                                        <a href="#!"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sec__shape">
                    <div class="sec__shape--1">
                        <img src="assets/img/team/shape-01.png" alt="">
                    </div>
                    <div class="sec__shape--2">
                        <img src="assets/img/team/shape-02.png" alt="">
                    </div>
                </div>
            </section>
            <!-- team end -->

            <!-- contact start -->
            <section class="contact__area dark-bg pt-120 pb-50">
                <div class="container">
                    <div class="sec_title sec_title-white mb-60">
                        <span class="sub_title">Get in touch</span>
                        <h2 class="title">Contact us</h2>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <form class="contact__inner" action="#">
                                <div class="row align-items-center">
                                    <div class="col-lg-3">
                                        <div class="input_field">
                                            <input type="text" placeholder="Enter name*">
                                            <i class="fal fa-user"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="input_field">
                                            <input type="email" placeholder="Enter Your Mail">
                                            <i class="fal fa-envelope"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="input_field">
                                            <textarea name="message" id="message" cols="30" rows="10" placeholder="Enter your massage"></textarea>
                                            <i class="fal fa-pencil"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="contact__btn text-lg-end mb-30">
                                            <button class="thm_btn thm_btn-2">Submit<i class="fal fa-long-arrow-right"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
            <!-- contact end -->

            <!-- shop start -->
            <section class="shop__banner dark-bg">
                <div class="container">
                    <div class="shop__banner--bg pos-rel" data-background="assets/img/bg/shop-banner-bg.jpg">
                        <div class="row">
                            <div class="col-lg-6 offset-lg-6 col-md-7 offset-md-5">
                                <div class="shop__banner--info">
                                    <h3 class="title">Shotop EOS 5D Mark</h3>
                                    <ul class="shop_list list-unstyled mb-40">
                                        <li><i class="fal fa-check"></i>Every pixel is clear & Quality photo </li>
                                        <li><i class="fal fa-check"></i>Trendy Body Comes From Chaina</li>
                                        <li><i class="fal fa-check"></i>Canon EOS5D  Now Available in mitako Stock</li>
                                    </ul>
                                    <a class="thm_btn" href="shop.html">Shop Now<i class="fal fa-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="camera_lens">
                            <img src="assets/img/shop/camera-lens.png" alt="">
                        </div>
                    </div>
                </div>
            </section>
            <!-- shop end -->

            <!-- testimonial start -->
            <section class="testimonial__area dark-bg pt-120 pb-120">
                <div class="container">
                    <div class="sec_title sec_title-white mb-50 text-md-center">
                        <span class="sub_title">Customer Feedback</span>
                        <h2 class="title">Client testimonial</h2>
                    </div>
                    <div class="border border-white mb-50"></div>
                    <div class="row">
                        <div class="col-12">
                            <div class="testimonial__active owl-carousel">
                                <div class="testimonial__single ul_li">
                                    <div class="thumb">
                                        <img src="assets/img/testimonial/tm-img.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <p>“Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis undey.t, sunt in culpa qui officia deserunt mollit anim identy.”</p>
                                        <h4 class="name">Rasalina De Willam</h4>
                                        <span>Founder & CO</span>
                                    </div>
                                </div>
                                <div class="testimonial__single ul_li">
                                    <div class="thumb">
                                        <img src="assets/img/testimonial/tm-img.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <p>“Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis undey.t, sunt in culpa qui officia deserunt mollit anim identy.”</p>
                                        <h4 class="name">Rasalina De Willam</h4>
                                        <span>Founder & CO</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- testimonial end -->

            <!-- blog start -->
            <section class="blog__area pt-120 pb-90">
                <div class="container">
                    <div class="row align-items-end mb-30">
                        <div class="col-lg-8">
                            <div class="sec_title mb-30">
                                <span class="sub_title">news & Blog</span>
                                <h2 class="title">Recent Article</h2>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="blog_btn text-lg-end mb-30">
                                <a class="thm_btn" href="blog.html">View More<i class="fal fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-md-center">
                        <div class="col-lg-4 col-md-6">
                            <div class="blog__single mb-30">
                                <div class="thumb">
                                    <a href="blog-details.html"><img src="assets/img/blog/img-01.jpg" alt=""></a>
                                </div>
                                <div class="content">
                                    <h3 class="title border_effect"><a href="blog-details.html">David sculpture by Michelangelo</a></h3>
                                    <p>Has been the industry's standard dummy text ever since the 1500s when an unknown.Has been the industry's standard dummey</p>
                                    <ul class="blog__meta list-unstyled ul_li">
                                        <li><a href="#!"><i class="fal fa-user"></i>Rasalina</a></li>
                                        <li><a href="#!"><i class="fal fa-comments"></i>30</a></li>
                                        <li><i class="fal fa-calendar-alt"></i>04/02/ 2021</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="blog__single mb-30">
                                <div class="thumb">
                                    <a href="blog-details.html"><img src="assets/img/blog/img-02.jpg" alt=""></a>
                                </div>
                                <div class="content">
                                    <h3 class="title border_effect"><a href="blog-details.html">Wedding things, what are important in this case</a></h3>
                                    <p>Has been the industry's standard dummy text ever since the 1500s when an unknown.</p>
                                    <ul class="blog__meta list-unstyled ul_li">
                                        <li><a href="#!"><i class="fal fa-user"></i>Rasalina</a></li>
                                        <li><a href="#!"><i class="fal fa-comments"></i>30</a></li>
                                        <li><i class="fal fa-calendar-alt"></i>04/02/ 2021</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="blog__single mb-30">
                                <div class="thumb">
                                    <a href="blog-details.html"><img src="assets/img/blog/img-03.jpg" alt=""></a>
                                </div>
                                <div class="content">
                                    <h3 class="title border_effect"><a href="blog-details.html">What inside you? Show for all your ideas</a></h3>
                                    <p>Has been the industry's standard dummy text ever since the 1500s when an unknown.</p>
                                    <ul class="blog__meta list-unstyled ul_li">
                                        <li><a href="#!"><i class="fal fa-user"></i>Rasalina</a></li>
                                        <li><a href="#!"><i class="fal fa-comments"></i>30</a></li>
                                        <li><i class="fal fa-calendar-alt"></i>04/02/ 2021</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- blog 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/home-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Sep 2023 11:15:36 GMT -->
</html>

Zerion Mini Shell 1.0