@extends('layouts.master')
@section('title', 'Purchase at your finger tips')
@section('content')
<div id="myCarousel" class="carousel slide" data-ride="carousel">

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active carousel-item" id="carousel-item4">
            <img src="{{asset('images/mobile/img1.jpg')}}" alt="" class="carousel-img" style="width:100%">

        </div>

        <div class="item carousel-item" id="carousel-item">
            <img src="{{asset('images/mobile/img2.JPG')}}" alt="" class="carousel-img" style="width:100%">
            <div class="carousel-caption" id="carousel-caption4"></div>
        </div>

        <div class="item carousel-item" id="carousel-item1">
            <img src="{{asset('images/mobile/img3.JPG')}}" alt="" class="carousel-img" style="width:100%">

        </div>

        <div class="item carousel-item" id="carousel-item2">
            <img src="{{asset('images/mobile/img3.JPG')}}" alt="" class="carousel-img" style="width:100%">

        </div>

        <div class="item carousel-item" id="carousel-item3">
            <img src="{{asset('images/mobile/img4.JPG')}}" alt="" class="carousel-img" style="width:100%">

        </div>

    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
<div class="top-slide-grid lg-screen">
    <div class="container-lg">
        <div class="row tg-row">
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/mobile/img11.jpg')}}" alt="computers" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Speakers</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/mobile/img55.jpg')}}" alt="Bluetooth speakers" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Phone holders</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/large/car accessories/car_mobile_charger_usb_c.jpg')}}" alt="External hard drives" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Radios</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/mobile/img53.jpg')}}" alt="Tablets" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Smart watches</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/mobile/img12.jpg')}}" alt="Solid stated disk" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Hard drives</h6>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-2">
                <a href="#" class="text-decoration-none text-reset">
                    <div class="card top-slide-cards-large">
                        <div class="top-cards-image mx-auto d-block">
                            <img src="{{asset('images/large/phones/wireless_bluetooth_earbuds.jpg')}}" alt="computers parts" class="img-fluid top-cards-img mx-auto d-block">
                        </div>
                        <div class="c-footer top-cards-footer text-center">
                            <h6 class="top-cards-label">Earbuds</h6>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>


<div class="varieties-section-large lg-screen">
    <div class="container-xxl">
        <div class="row">
            <div class="col-3 ss-column">
                <div class="card bg-white pt-1 pb-1 pl-1 pr-1 products-cards">
                    <div class="card-header">
                        <p class="font-weight-bold cards-head">Gaming Accessories</p>
                    </div>
                    <div class="container pt-4">
                        <div class="row">
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="product-image"><img src="{{asset('images/large/gaming/gaming_headsets.jpg')}}" alt="gaming keyboards" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center gaming-label  text-decoration-none product-label">Gaming headsets</p>
                                </a>
                            </div>
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="product-image"><img src="{{asset('images/large/gaming/gaming_keyboards.jpg')}}" alt="gaming headsets" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center gaming-label  text-decoration-none product-label">Gaming keyboard</p>
                                </a>
                            </div>
                        </div>
                        <div class="row gaming-products-row">
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="product-image"><img src="{{asset('images/large/gaming/Gaming_chairs.jpg')}}" alt="gaming mice" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center gaming-label  text-decoration-none product-label">Gaming chairs</p>
                                </a>
                            </div>
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="product-image"><img src="{{asset('images/large/gaming/gaming_mouse.jpg')}}" alt="gaming chairs" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center gaming-label  text-decoration-none product-label">Gaming mouse</p>
                                </a>
                            </div>
                        </div>
                        <a href="#" class="call-to-action-large text-decoration-none">Shop now <i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-3 ss-column">

                <div class="card bg-white pt-1 pb-1 pl-1 pr-1 products-cards">
                    <div class="card-header">
                        <p class="font-weight-bold cards-head">Audio Accessories</p>
                    </div>
                    <div class="container pt-4">
                        <div class="row">
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="audio-product-image"><img src="{{asset('images/large/audio/jbl_flip_portable bluetooth_speaker.webp')}}" alt="bluetooth speakers" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center audio-label  text-decoration-none product-label">Bluetooth speakers</p>
                                </a>
                            </div>
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="audio-product-image"><img src="{{asset('images/large/audio/bose_headphones.webp')}}" alt="Music headsets" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center audio-label  text-decoration-none product-label">Wireless headsets</p>
                                </a>
                            </div>
                        </div>
                        <div class="row audio-products-row">
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="audio-product-image"><img src="{{asset('images/large/audio/amazon_echo_pop.jpg')}}" alt="Earphones" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center audio-label  text-decoration-none product-label">echo pop</p>
                                </a>
                            </div>
                            <div class="col-6 products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="audio-product-image"><img src="{{asset('images/large/audio/yamaha_compact_sound_bar_with_wireless_subwoofer.webp')}}" alt="Portable radios" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center audio-label  text-decoration-none product-label">Wired headsets</p>
                                </a>
                            </div>
                        </div>
                        <a href="#" class="call-to-action-large top-cards-cta text-decoration-none">Shop audio accessories <i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>

            <div class="col-3 ss-column">

                <div class="card bg-white pt-1 pb-1 pl-1 pr-1 products-cards">
                    <div class="card-header">
                        <p class="font-weight-bold cards-head">Computers</p>
                    </div>
                    <div class="container pt-4">
                        <div class="row">
                            <div class="col-6 varieties-column products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="computer-product-image"><img src="{{asset('images/large/computers/wireless_keyboards.jpg')}}" alt="Wireless keyboards" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center computer-label  text-decoration-none product-label">Wireless Keyboard</p>
                                </a>
                            </div>
                            <div class="col-6 varieties-column products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="computer-product-image"><img src="{{asset('images/large/computers/wireless_mouse.jpg')}}" alt="External speakers" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center computer-label  text-decoration-none product-label">Wireless mouse</p>
                                </a>
                            </div>
                        </div>
                        <div class="row computer-products-row">
                            <div class="col-6 varieties-column products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="computer-product-image"><img src="{{asset('images/large/computers/dual_monitor_mountup.jpg')}}" alt="Wireless mice" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center computer-label  text-decoration-none product-label">Monitor mounts</p>
                                </a>
                            </div>
                            <div class="col-6 varieties-column products-column">
                                <a href="#" class="text-reset text-decoration-none">
                                    <div class="computer-product-image"><img src="{{asset('images/large/computers/high_definition_computer_monitors.jpeg')}}" alt="USB Hubs" class="img-fluid mx-auto d-block varieties-image"></div>
                                    <p class="text-black text-center computer-label text-decoration-none product-label">Computer monitors</p>
                                </a>
                            </div>
                        </div>
                        <a href="#" class="call-to-action-large text-decoration-none">Shop accessories <i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-3 acc-clm">
                <div class="row acc-row">
                    <div class="col-12">
                        <div class="card sign-in-large pt-1 pb-1">
                            <p class="text-center font-weight-bold signin-head">Sign in for personalised experience</p>
                            <input type="button" class="btn mx-auto d-block mb-2 text-decoration-none" name="signin-link" id="sign-in-large" value="Sign in securely" style="color: white; background-color: goldenrod">
                            <a href="#">
                                <p class="text-center account-create-large text-decoration-none">Create account</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row text-center">
                    <div class="col-12">
                        <a href="#" class="text-decoration-none">
                            <div class="card pt-1 pb-1">
                                <div class="advert-image-large"><img src="{{asset('images/large/audio/bose_wireless_headphones.webp')}}" alt="USB Hubs" class="img-fluid mx-auto d-block advert-image"></div>
                                <div class="advert-image-description">
                                    <p class="text-dark font-weight-bold advert-text">The power of sound</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="home-electric bg-white lg-screen">
    <div class="container-xxl pt-2 pb-2 pl-1 pr-1">
        <p class="font-weight-bold cards-head">Home electric</p>
        <div class="slider owl-carousel">
            <a href="#" class="text-decoration-none">
                <div class="card home-electric-card slider-card">
                    <div class="h-gadge slider-card-image">
                        <div class="home-electric-image mx-auto d-block"><img src="{{asset('images/large/home electric/extension_cords_with_usb_ports.jpg')}}" class="img-fluid home-electric-product" alt=""></div>
                    </div>
                    <div class="content text-center">
                        <p class="home-electric-label text-dark product-label">Extension cords</p>
                    </div>
                    <div class="card-footer slider-card-footer">
                    </div>
                </div>
            </a>

            <a href="#" class="text-decoration-none">
                <div class="card home-electric-card slider-card">
                    <div class="h-gadge slider-card-image">
                        <div class="home-electric-image mx-auto d-block"><img src="{{asset('images/large/home electric/extension_cord_surge_protector.webp')}}" class="img-fluid home-electric-product" alt=""></div>
                    </div>
                    <div class="content text-center">
                        <p class="home-electric-label text-dark product-label">Extension core surge protector</p>
                    </div>
                    <div class="card-footer slider-card-footer">
                    </div>
                </div>
            </a>

            <a href="#" class="text-decoration-none">
                <div class="card home-electric-card slider-card">
                    <div class="h-gadge slider-card-image">
                        <div class="home-electric-image mx-auto d-block"><img src="{{asset('images/large/home electric/smart_light_switches.jpg')}}" class="img-fluid home-electric-product" alt=""></div>
                    </div>
                    <div class="content text-center">
                        <p class="home-electric-label text-dark product-label">Smart light switches</p>
                    </div>
                    <div class="card-footer slider-card-footer">
                    </div>
                </div>
            </a>

            <a href="#" class="text-decoration-none">
                <div class="card home-electric-card slider-card">
                    <div class="h-gadge slider-card-image">
                        <div class="home-electric-image mx-auto d-block"><img src="{{asset('images/large/home electric/wall_charger_surge_protectors.webp')}}" class="img-fluid home-electric-product" alt=""></div>
                    </div>
                    <div class="content text-center">
                        <p class="home-electric-label text-dark product-label">Wall charger</p>
                    </div>
                    <div class="card-footer slider-card-footer">
                    </div>
                </div>
            </a>

            <a href="#" class="text-decoration-none">
                <div class="card home-electric-card slider-card">
                    <div class="h-gadge slider-card-image">
                        <div class="home-electric-image mx-auto d-block"><img src="{{asset('images/large/home electric/desktop_power_strip_5ft.webp')}}" class="img-fluid home-electric-product" alt=""></div>
                    </div>
                    <div class="content text-center">
                        <p class="home-electric-label text-dark product-label">Power strips</p>
                    </div>
                    <div class="card-footer slider-card-footer">
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
<div class="other-product lg-screen">
    <div class="container-xxl">
        <div class="row">
            <div class="col-md-6 bg-white pb-2 pt-2">
                <div class="row pl-1">
                    <div class="col-md-6">
                        <div class="card bg-white pt-1 pb-1 pl-1 pr-1 home-appliances-card">
                            <div class="card-header">
                                <p class="font-weight-bold cards-head">Home appliances</p>
                            </div>
                            <div class="container pt-4">
                                <div class="row">
                                    <div class="col-12 other-products-column single-column-top">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="single-column-image mx-auto d-block"><img src="{{asset('images/large/home improvement/kasa_smart_dimmable_wifi_light_bulbs.webp')}}" alt="gaming keyboards" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center home-appliances-labels product-label">Dimmable bulbs</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row home-appliance-row">
                                    <div class="col-6">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="home-appliance-image mx-auto d-block"><img src="{{asset('images/large/home improvement/wireless_door_bell_waterproof.webp')}}" alt="gaming mice" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center home-appliances-labels product-label">Wireless door bell</p>
                                        </a>
                                    </div>
                                    <div class="col-6 ">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="home-appliance-image mx-auto d-block"><img src="{{asset('images/large/home improvement/touchless_kitchen_faucet_pull_down_sprayer.webp')}}" alt="gaming chairs" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center home-appliances-labels product-label">Touchless faucet</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <a href="#" class="call-to-action-large text-decoration-none">Shop phone accessories</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card bg-white pt-1 pb-1 pl-1 pr-1 phone-accessories-card">
                            <div class="card-header">
                                <p class="font-weight-bold cards-head">Phone Accessories</p>
                            </div>
                            <div class="container pt-4">
                                <div class="row">
                                    <div class="col-6 product-column">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="phone-accessories-image mx-auto d-block"><img src="{{asset('images/large/phones/magnetic_wireless_charger.jpg')}}" alt="bluetooth speakers" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center phone-accessories-labels product-label">Wireless chargers</p>
                                        </a>
                                    </div>
                                    <div class="col-6 product-column">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="phone-accessories-image mx-auto d-block"><img src="{{asset('images/large/phones/tozo_mini_wireless_earbuds.webp')}}" alt="Music headsets" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center phone-accessories-labels product-label">Wireless Earpods</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row phone-accessories-row">
                                    <div class="col-6 product-column">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="phone-accessories-image mx-auto d-block"><img src="{{asset('images/large/phones/miracase_magnetic_phone_bumper.webp')}}" alt="Earphones" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center phone-accessories-labels product-label">Phone bumpers</p>
                                        </a>
                                    </div>
                                    <div class="col-6 product-column">
                                        <a href="#" class="text-reset text-decoration-none">
                                            <div class="phone-accessories-image mx-auto d-block"><img src="{{asset('images/large/phones/ailun_glass_screen_protector.webp')}}" alt="Portable radios" class="img-fluid mx-auto d-block"></div>
                                            <p class="text-black text-center phone-accessories-labels product-label">Screen protector</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <a href="#" class="call-to-action-large text-decoration-none">Shop phone accessories</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card bg-white deal-products-card pt-1 pb-1 pl-1 pr-1">
                    <p class="font-weight-bold cards-head">Top deals</p>
                    <div class="row">
                        <div class="col-6 deal-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="card deal-products-card-large">
                                    <div class="deal-image-large mx-auto d-block"><img src="{{asset('images/large/top deals/mooka_air_purifiers.webp')}}" alt="Wireless keyboards" class="img-fluid mx-auto d-block deal-image-product"></div>
                                </div>
                                <div class="deal-description-row-large  mx-auto d-block">
                                    <p class="deal-description-large">
                                        <span class="text-light bg-danger pl-2 pr-2 pt-1 pb-1">51% off</span><span class="text-danger pl-2 product-label">Limited time deal</span>
                                    </p>
                                </div>

                            </a>
                        </div>
                        <div class="col-6 deal-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="card deal-products-card-large">
                                    <div class="deal-image-large mx-auto d-block"><img src="{{asset('images/large/top deals/cartman_hand_toolset.jpg')}}" alt="External speakers" class="img-fluid mx-auto d-block  deal-image-product"></div>
                                </div>
                                <div class="deal-description-row-large">
                                    <p class="deal-description-large">
                                        <span class="text-light bg-danger pl-2 pr-2 pt-1 pb-1">51% off</span><span class="text-danger pl-2 product-label">Limited time deal</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="row deal-row-large">
                        <div class="col-6 deal-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="card deal-products-card-large">
                                    <div class="deal-image-large mx-auto d-block"><img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" alt="Wireless mice" class="img-fluid mx-auto d-block deal-image-product"></div>
                                </div>
                                <div class="deal-description-row-large">
                                    <p class="deal-description-large">
                                        <span class="text-light bg-danger pl-2 pr-2 pt-1 pb-1">51% off</span><span class="text-danger pl-2 product-label">Limited time deal</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="col-6 deal-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="card deal-products-card-large">
                                    <div class="deal-image-large mx-auto d-block"><img src="{{asset('images/large/top deals/men_waist_belt.jpg')}}" alt="USB Hubs" class="img-fluid mx-auto d-block deal-image-product"></div>
                                </div>
                                <div class="deal-description-row-large">
                                    <p class="deal-description-large">
                                        <span class="text-light bg-danger pl-2 pr-2 pt-1 pb-1">51% off</span><span class="text-danger pl-2 product-label">Limited time deal</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <a href="#" class="call-to-action-large text-decoration-none">See all deals <i class="fa fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="products-ribbon-large lg-screen">
    <div class="container-xxl bg-white pl-2 pt-2">
        <p class="font-weight-bold cards-head">Best selling products</p>
        <div class="slider3 owl-carousel best-selling-strip">
            <a href="#">
                <div class="best-selling-column">
                    <img src=" {{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
            <a href="#">
                <div class="best-selling-column">
                    <img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
            <a href="#">
                <div class="best-selling-column">
                    <img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
            <a href="#">
                <div class="best-selling-column">
                    <img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
            <a href="#">
                <div class="best-selling-column">
                    <img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
            <a href="#">
                <div class="best-selling-column">
                    <img src="{{asset('images/large/top deals/hair_trimmers.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image1" alt="">
                </div>
            </a>
        </div>
    </div>
</div>
</div>
<div class="fast-moving-products lg-screen">
    <div class="container-xxl pl-2 pt-2">
        <div class="row">
            <div class="col-md-5 bg-white card pt-1">

                <div class="card-header">
                    <p class="font-weight-bold cards-head">Best for the office</p>
                </div>
                <div class="container pt-4">
                    <div class="row">
                        <div class="col-4 products-column office-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="office-products-large">
                                    <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/under_desk_office_foot_rest.webp')}}" alt="gaming keyboards" class="img-fluid"></div>
                                </div>
                                <p class="text-dark text-center  office-products-label product-label">Foot rest</p>
                            </a>
                        </div>
                        <div class="col-4  products-column office-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="office-products-large">
                                    <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/koonie_usb_desk_fan_strong_wind_ultra_quite.webp')}}" alt="gaming keyboards" class="img-fluid"></div>
                                </div>
                                <p class="text-dark text-center  office-products-label product-label">Desktop fan</p>
                            </a>
                        </div>
                        <div class="col-4  products-column office-products-column">
                            <a href="#" class="text-decoration-none">
                                <div class="office-products-large">
                                    <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/led_desk_lamp_5_colors.webp')}}" alt="gaming keyboards" class="img-fluid"></div>
                                </div>
                                <p class="text-dark text-center office-products-label product-label">Desktop lamp</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row office-products-row">
                    <div class="col-4  products-column office-products-column">
                        <a href="#" class="text-decoration-none">
                            <div class="office-products-large">
                                <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/desktop_vacuum_cleaner_dust_sweeper.webp')}}" alt="gaming keyboards" class="img-fluid"></div>
                            </div>
                            <p class="text-dark text-center  office-products-label product-label">Vaccum cleaner</p>
                        </a>
                    </div>
                    <div class="col-4  products-column office-products-column">
                        <a href="#" class="text-decoration-none">
                            <div class="office-products-large">
                                <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/cord_organizer_and_holder.jpg')}}" alt="gaming keyboards" class="img-fluid"></div>
                            </div>
                            <p class="text-dark text-center  office-products-label product-label">Cable organizer</p>
                        </a>
                    </div>
                    <div class="col-4  products-column office-products-column">
                        <a href="#" class="text-decoration-none">
                            <div class="office-products-large">
                                <div class="office-product-image mx-auto d-block"><img src="{{asset('images/large/office/office_stable_machine.jpg')}}" alt="gaming keyboards" class="img-fluid"></div>
                            </div>
                            <p class="text-dark text-center office-products-label product-label">Stapple machine</p>
                        </a>
                    </div>
                </div>
            </div>

            <div class="col-md-7">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card bg-white baby-products-card pl-1 pt-1">
                            <div class="card-header">
                                <p class="font-weight-bold cards-head">Baby products</p>
                            </div>
                            <div class="container pt-4">
                                <div class="row">
                                    <div class="col-md-12 baby-products-top">
                                        <a href="#" class="text-decoration-none">
                                            <div class="baby-product-top-large mx-auto d-block"><img src="{{asset('images/large/baby products/bedside_sleeper.jpg')}}" alt="Wireless keyboards" class="img-fluid">
                                            </div>
                                            <p class="text-dark text-center baby-products-label product-label">Bedside sleeper</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row baby-products-row">
                                    <div class="col-6 baby-product-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="baby-products-large mx-auto d-block"><img src="{{asset('images/large/baby products/rainshower_baby_bathtub.jpg')}}" alt="Wireless keyboards" class="img-fluid baby-product-image"></div>
                                            <p class="text-dark text-center baby-products-label mx-auto d-block">Rain shower bathtub</p>
                                        </a>
                                    </div>
                                    <div class="col-6 baby-product-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="baby-products-large mx-auto d-block"><img src="{{asset('images/large/baby products/portable_diaper_changing_pad.jpg')}}" alt="Wireless keyboards" class="img-fluid baby-product-image"></div>
                                            <p class="text-dark text-center baby-products-label product-label">Diaper changing pad</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="cta-group mt-4">
                                    <a href="#" class="call-to-action-large text-decoration-none">Shop baby products <i class="fa fa-arrow-right"></i></a>
                                </div>
                            </div>

                        </div>
                    </div>



                    <div class="col-md-6">
                        <div class="card bg-white pl-1 pt-1 pb-2 hardware-products-card">
                            <div class="card-header">
                                <p class="font-weight-bold cards-head">Hardware &amp; Tools</p>
                            </div>
                            <div class="container pt-4">
                                <div class="row">
                                    <div class="col-6 hardware-products-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="hardware-product-image mx-auto d-block"><img src="{{asset('images/large/hardware/angle_grinder.jpeg')}}" alt="Wireless keyboards" class="img-fluid"></div>
                                            <p class="text-dark text-center hardware-products-label product-label">Power tools</p>
                                        </a>
                                    </div>
                                    <div class="col-6 hardware-products-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="hardware-product-image mx-auto d-block"><img src="{{asset('images/large/hardware/bosch_hand_toolkit.jpeg')}}" alt="External speakers" class="img-fluid"></div>
                                            <p class="text-dark text-center hardware-products-label product-label">Hand tools</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="row hardware-products-row">
                                    <div class="col-6 hardware-products-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="hardware-product-image mx-auto d-block"><img src="{{asset('images/large/hardware/reel_measuring_tape.jpeg')}}" alt="Wireless keyboards" class="img-fluid"></div>
                                            <p class="text-dark text-center hardware-products-label product-label">Measuring tools</p>
                                        </a>
                                    </div>
                                    <div class="col-6 hardware-products-column">
                                        <a href="#" class="text-decoration-none">
                                            <div class="hardware-product-image mx-auto d-block"><img src="{{asset('images/large/hardware/henglobe_wrenches_set.webp')}}" alt="External speakers" class="img-fluid"></div>
                                            <p class="text-dark text-center hardware-products-label product-label">Wrenches set</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="cta-group mt-2">
                                    <a href="#" class="call-to-action-large text-decoration-none">Shop more hardware <i class="fa fa-arrow-right"></i></a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="people-viewed-large bg-white">
    <div class="container-xxl lg-screen">
        <p class="font-weight-bold">People also viewed these</p>
        <div class="row">
            <div class="col-2">
                <div class="card">
                    <div class="card-body">
                        <div class="pv-img"><img src="images/img35.jpg" class="img-fluid" alt="Smart watches &amp; trackers"></div>
                        <p class="text-left pv-text">Smart watches</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$34</div>
                            <div class="sub-title text-danger">$4 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="card">
                    <div class="card-body">
                        <div class="pv-img"><img src="images/img43.jpg" class="img-fluid" alt="rain shower baby bathtub"></div>
                        <p class="text-left pv-text">Hard drive</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$34</div>
                            <div class="sub-title text-danger">$4 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="card">
                    <div class="card-body">
                        <div class="pv-img"><img src="images/img38.jpg" class="img-fluid" alt="organic newborn swaddle">
                        </div>
                        <p class="text-left pv-text">Laptops</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$524</div>
                            <div class="sub-title text-danger">$12 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="card">

                    <div class="card-body">
                        <div class="pv-img"><img src="images/img40.jpg" class="img-fluid" alt="organic newborn swaddle">
                        </div>
                        <p class="text-left pv-text">Earbuds</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$34</div>
                            <div class="sub-title text-danger">$3 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="card">
                    <div class="card-body">
                        <div class="pv-img"><img src="images/img55.jpg" class="img-fluid" alt="organic newborn swaddle">
                        </div>
                        <p class="text-left pv-text">Phone holder</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$43</div>
                            <div class="sub-title text-danger">$5 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="card">
                    <div class="card-body">
                        <div class="pv-img"><img src="images/img41.jpg" class="img-fluid" alt="organic newborn swaddle">
                        </div>
                        <p class="text-left pv-text">Hair trimmers</p>
                        <div class="stars">
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star checked"></span>
                            <span class="fa fa-star"></span>
                            <span class="fa fa-star"></span>
                        </div>
                        <div class="content fv-content">
                            <div class="title font-weight-bold text-danger">$56</div>
                            <div class="sub-title text-danger">$2 shipping</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- End of large screen view -->
<!-- mobile view -->
<div class="container-xl">
    <div class="mobile-slide mobile">
        <div class="slider1 owl-carousel pt-1 pb-1">
            <div class="card t-card  mx-auto d-block">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/audio/bluetooth_speaker.jpg')}}" class="img-fluid top-slider-mobile" alt=""></div>

                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Wireless speakers</p>
                </div>
            </div>

            <div class="card t-card">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/home improvement/mooka_air_purifiers.webp')}}" class="img-fluid my-vibe" alt=""></div>
                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Air purifier</p>
                </div>
            </div>

            <div class="card t-card">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/phones/portable_slimmest_powerbank.webp')}}" class="img-fluid my-vibe" alt=""></div>
                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Power bank</p>
                </div>
            </div>

            <div class="card t-card">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/computers/computer_external_speakers.jpeg')}}" class="img-fluid my-vibe" alt=""></div>
                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Computer Speakers</p>
                </div>
            </div>

            <div class="card t-card">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/phones/wireless_bluetooth_earbuds.jpg')}}" class="img-fluid my-vibe" alt=""></div>
                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Earbuds</p>
                </div>
            </div>
            <div class="card t-card">
                <div class="top-slider-image-mobile  mx-auto d-block"><img src="{{asset('images/mobile/office/koonie_usb_desk_fan_strong_wind_ultra_quite.webp')}}" class="img-fluid my-vibe" alt=""></div>
                <div class="vm-footer">
                    <p class="text-center v-mobile text-decoration-none">Desktop fans</p>
                </div>
            </div>

        </div>
    </div>



    <div class="deals-section bg-white mobile">
        <div class="container-lg">
            <p class="font-weight-bold head">Deals of the season</p>
            <div class="row top-row-deal-mobile">
                <div class="col-6 deal-item">
                    <a href="#">
                        <div class="card pt-2">
                            <div class="deal-image mx-auto d-block">
                                <img src="{{asset('images/mobile/top deals/multifunctional_wireless_charging_station.png')}}" class="img-fluid  mx-auto d-block deal" alt="">
                            </div>
                        </div>
                        <div class="deal-row">
                            <p class="text-decoration-none"><span class="bg-danger text-light discount-percentage-mobile">28% off</span><span class="text-danger font-weight-bold discount-description-mobile">Limited time deal</span></p>
                        </div>
                    </a>
                </div>
                <div class="col-6 deal-item">
                    <a href="#">
                        <div class="card pt-2">
                            <div class="deal-image mx-auto d-block">
                                <img src="{{asset('images/mobile/top deals/rainshower_baby_bathtub.jpg')}}" class="img-fluid  mx-auto d-block deal" alt="">
                            </div>
                        </div>
                        <div class="deal-row">
                            <p class="text-decoration-none"><span class="bg-danger text-light discount-percentage-mobile">28% off</span><span class="text-danger font-weight-bold discount-description-mobile">Limited time deal</span></p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row bottom-row-deal-mobile">
                <div class="col-6 deal-item">
                    <a href="#">
                        <div class="card pt-2">
                            <div class="deal-image mx-auto d-block">
                                <img src="{{asset('images/mobile/top deals/cartman_hand_toolset.jpg')}}" class="img-fluid  mx-auto d-block deal" alt="">
                            </div>
                        </div>
                        <div class="deal-row">
                            <p class="text-decoration-none"><span class="bg-danger text-light discount-percentage-mobile">28% off</span><span class="text-danger font-weight-bold discount-description-mobile">Limited time deal</span></p>
                        </div>
                    </a>
                </div>
                <div class="col-6 deal-item">
                    <a href="#">
                        <div class="card pt-2">
                            <div class="deal-image mx-auto d-block">
                                <img src="{{asset('images/mobile/top deals/mooka_air_purifiers.webp')}}" class="img-fluid  mx-auto d-block deal" alt="">
                            </div>
                        </div>
                        <div class="deal-row">
                            <p class="text-decoration-none"><span class="bg-danger text-light discount-percentage-mobile">28% off</span><span class="text-danger font-weight-bold discount-description-mobile">Limited time deal</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="bg-white popular mobile">
        <div class="container-lg pb-1">
            <p class="font-weight-bold head">Popular items this season</p>
            <div class="container">

                <div class="row populars-rows">
                    <div class="col-5">
                        <div class="card populars-image pt-1">
                            <img src="{{asset('images/mobile/popular/handheld_massage_gun_for_athlets.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                        </div>
                    </div>
                    <div class="col-7 product-description">
                        <p class="text-left popular-text text-decoration-none">Muscle massage gun for athlets, electric deep tissue back massage<br>
                            <span class="text-decoration-none text-danger">3 years guaranteee</span>
                        </p>
                    </div>
                </div>
                <div class="row populars-rows">
                    <div class="col-5">
                        <div class="card populars-image pt-1">
                            <img src="{{asset('images/mobile/popular/adjustable_cellphone_stand.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                        </div>
                    </div>
                    <div class="col-7 product-description">
                        <p class="text-left popular-text text-decoration-none">Adjustable desktop stand for mobile phones and tablets<br>
                            <span class="text-decoration-none text-danger">3 years guaranteee</span>
                        </p>
                    </div>
                </div>
                <div class="row populars-rows">
                    <div class="col-5">
                        <div class="card populars-image pt-1">
                            <img src="{{asset('images/mobile/popular/smart_watch_multifunctional.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                        </div>
                    </div>
                    <div class="col-7 product-description">
                        <p class="text-left popular-text text-decoration-none">Fitness tracker, heart rate monitor, sleep monitor waterproof smart watch<br>
                            <span class="text-decoration-none text-danger">3 years guaranteee</span>
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <hr>
    <div class="best-seller bg-white">
        <div class="products-ribbon-mobile mobile">
            <div class="container-xxl bg-white pl-2 pt-2">
                <p class="font-weight-bold cards-head">Best selling products</p>
                <div class="slider3 owl-carousel">
                    <a href="#"><img src="{{asset('images/mobile/best selling/baby_bathtub.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image9" alt=""></a>
                    <a href="#"><img src="{{asset('images/mobile/best selling/smart_watch_multifunctional.webp')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image10" alt=""></a>
                    <a href="#"><img src="{{asset('images/mobile/best selling/wireless_door_bell_waterproof.webp')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image11" alt=""></a>
                    <a href="#"><img src="{{asset('images/mobile/best selling/touchless_kitchen_faucet_pull_down_sprayer.webp')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image12" alt=""></a>
                    <a href="#"><img src="{{asset('images/mobile/best selling/sunction_cup_phone_holder_for_wind_shield.jpg')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image13" alt=""></a>
                    <a href="#"><img src="{{asset('images/mobile/best selling/hilife_steamer_for_clothes.webp')}}" class="img-fluid ribbon-product-image" id="ribbon-product-image14" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="bg-white sign-in-mobile pb-2 mobile">
        <div class="container">
            <p class="signin-head-mobile font-weight-bold head">Sign in for the personalized experience</p>
            <input type="button" class="btn mx-auto d-block" name="signin-mobile" id="signin-mobile" value="Sign in" style="background-color: darkgoldenrod">
            <p class="signin-text-mobile text-center pt-2">Sign-in securely for even better experience and personalized deals</p>
            <a href="#" class="text-center mx-auto d-block text-decoration-none">Create an account</a>
        </div>
    </div>
    <hr>
    <div class="bg-white babies-section mobile">
        <div class="container-lg">
            <div class="row baby-products">
                <div class="col mobile-gird">
                    <p class="font-weight-bold head">Must have baby products</p>
                    <div class="row top-row">
                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card baby-products-card-mobile pt-2">
                                    <div class="img-row-bb-mobile pb-2">
                                        <img src="{{asset('images/mobile/baby products/portable_diaper_changing_pad.jpg')}}" class="img-fluid baby-products-mobile mx-auto d-block" alt="">
                                    </div>
                                    <div class="small" style="background-color: goldenrod; color:goldenrod">Paune shopping</div>
                                </div>
                                <div class="description-row-bb-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">Diaper changing pad</p>
                                </div>
                            </a>
                        </div>
                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card baby-products-card-mobile pt-2">
                                    <div class="img-row-bb-mobile pb-2">
                                        <img src="{{asset('images/mobile/baby products/rainshower_baby_bathtub.jpg')}}" class="img-fluid baby-products-mobile mx-auto d-block" alt="">
                                    </div>
                                    <div class="small" style="background-color: goldenrod; color:goldenrod">Paune shopping</div>
                                </div>
                                <div class="description-row-bb-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">rain shower bathtub</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="row babies-bottom-row">

                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card baby-products-card-mobile pt-2">
                                    <div class="img-row-bb-mobile pb-2">
                                        <img src="{{asset('images/mobile/baby products/bedside_sleeper.jpg')}}" class="img-fluid baby-products-mobile mx-auto d-block" alt="">
                                    </div>
                                    <div class="small" style="background-color: goldenrod; color:goldenrod">Paune shopping</div>
                                </div>
                                <div class="description-row-bb-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">Bedside sleeper</p>
                                </div>
                            </a>
                        </div>

                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card baby-products-card-mobile pt-2">
                                    <div class="img-row-bb-mobile pb-2">
                                        <img src="{{asset('images/mobile/baby products/baby_bottle_silicone_nipples.webp')}}" class="img-fluid baby-products-mobile mx-auto d-block" alt="">
                                    </div>
                                    <div class="small" style="background-color: goldenrod; color:goldenrod">Paune shopping</div>
                                </div>
                                <div class="description-row-bb-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">Silicone bottle nipples</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#">
                <p class="call-ta">Shop baby products</p>
            </a>
        </div>
    </div>
    <hr>

    <div class="phone-accessories bg-white mobile">
        <div class="container-lg">
            <div class="row phone-access">
                <div class="col mobile-gird">
                    <p class="font-weight-bold head">Phone accessories for you</p>
                    <div class="row top-row">
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">wireless earbuds</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="row bottom-row mt-1">
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="row bottom-row mt-1">
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-4 cr-clm">
                            <a href="#">
                                <div class="card pt-1">
                                    <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid phone-accessories-mobile mx-auto d-block" alt="">
                                    <div class="phones-title">
                                        <p class="text-center phone-title-mobile text-decoration-none text-dark">Phone holder</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#">
                <p class="call-ta mt-2">Shop phone accessories</p>
            </a>
        </div>
    </div>
    <hr>
    <div class="bg-white popular mobile">
        <div class="container-lg pb-1">
            <p class="font-weight-bold head">Tech accessories</p>
            <div class="container">
                <div class="row populars-rows">
                    <div class="col-5">
                        <a href="#">
                            <div class="card populars-image pt-1">
                                <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="col-7 product-description">
                        <a href="#" class="text-reset text-decoration-none">
                            <p class="text-left popular-text text-decoration-none">External speakers for laptops and desktop computers<br>
                                <span class="small text-decoration-none text-light pl-1 pr-1 bg-danger">3 years guaranteee</span>
                            </p>
                        </a>
                    </div>
                </div>
                <div class="row populars-rows">
                    <div class="col-5">
                        <a href="#">
                            <div class="card populars-image pt-1">
                                <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="col-7 product-description">
                        <a href="#" class="text-reset text-decoration-none">
                            <p class="text-left popular-text text-decoration-none">External speakers for laptops and desktop computers<br>
                                <span class="small text-decoration-none text-light pl-1 pr-1 bg-danger">3 years guaranteee</span>
                            </p>
                        </a>
                    </div>
                </div>
                <div class="row populars-rows">
                    <div class="col-5">
                        <a href="#">
                            <div class="card populars-image pt-1">
                                <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid this-popular mx-auto d-block" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="col-7 product-description">
                        <a href="#" class="text-reset text-decoration-none">
                            <p class="text-left popular-text text-decoration-none">External speakers for laptops and desktop computers<br>
                                <span class="small text-decoration-none text-light pl-1 pr-1 bg-danger">3 years guaranteee</span>
                            </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="bg-white babies-section mobile">
        <div class="container-lg">
            <div class="row baby-products">
                <div class="col mobile-gird">
                    <p class="font-weight-bold head">Accessories for your car</p>
                    <div class="row top-row">
                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card pt-2 pb-2">
                                    <div class="img-row-bs-mobile">
                                        <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid car-products-mobile mx-auto d-block" alt="">
                                    </div>
                                </div>
                                <div class="description-car-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">AC extension</p>
                                </div>

                            </a>

                        </div>
                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card pt-2 pb-2">
                                    <div class="img-row-bs-mobile">
                                        <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid car-products-mobile mx-auto d-block" alt="">
                                    </div>
                                </div>
                                <div class="description-car-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">AC extension</p>
                                </div>

                            </a>

                        </div>
                    </div>
                    <div class="row babies-bottom-row">

                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card pt-2 pb-2">
                                    <div class="img-row-bs-mobile">
                                        <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid car-products-mobile mx-auto d-block" alt="">
                                    </div>
                                </div>
                                <div class="description-car-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">AC extension</p>
                                </div>

                            </a>

                        </div>

                        <div class="col bp-clm">
                            <a href="#">
                                <div class="card pt-2 pb-2">
                                    <div class="img-row-bs-mobile">
                                        <img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid car-products-mobile mx-auto d-block" alt="">
                                    </div>
                                </div>
                                <div class="description-car-mobile">
                                    <p class="bs-description-mobile text-decoration-none text-dark">AC extension</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#">
                <p class="call-ta">Shop car accessories</p>
            </a>
        </div>
    </div>
</div>
<div class="bg-white people-view mobile">
    <div class="container-lg">
        <p class="font-weight-bold head">People also viewed</p>
        <div class="slider owl-carousel">
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>
                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>
                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>
                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>
                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>

                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                        <span class="fa fa-star"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
            <div class="card t-card pv-card">
                <div class="card-body pv-body">
                    <div class="pv-image-section-mobile mx-auto d-block"><img src="{{asset('images/mobile/phones/tozo_mini_wireless_earbuds.webp')}}" class="img-fluid peoplev-product" alt=""></div>
                </div>
                <div class="pv-description-mobile">
                    <div class="stars">
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star checked"></span>
                        <span class="fa fa-star"></span>
                    </div>
                    <div class="title font-weight-bold text-danger text-decoration-none">$34</div>
                    <div class="sub-title text-danger text-decoration-none">$4 shipping</div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@endsection