@extends('layouts.appMall')
@section('css')
    @section('title',' Online Store - ')
    <link rel="stylesheet" href="{{$public}}/assets/css/mall/mall.min.css?v={{time()}}">
@endsection

@section('body')
    <div class="mallpage">
        @include('common.mallHeaderTop')
        @include('common.mallHeaderNav')
        <div class="w1200 mallindex">
            <div class="floor1 row">
                <div class="f1left boxsiz"></div>
                <div class="f1right">
                    <div class="brlbox">
                        <div class="brandroll">
                            <a class="brandrollitem" href="javascript:void(0)">
                                <img src="{{$public}}/assets/images/mall/banner-1.jpg" alt="">
                            </a>
                            <a class="brandrollitem" href="javascript:void(0)">
                                <img src="{{$public}}/assets/images/mall/banner-2.jpg" alt="">
                            </a>
                            <a class="brandrollitem" href="javascript:void(0)">
                                <img src="{{$public}}/assets/images/mall/banner-3.jpg" alt="">
                            </a>
                        </div>
                        <div class="hd">
                            <ul class="row rowCenter">
                                <li class="on"></li>
                                <li class="on"></li>
                                <li class="on"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="floor2 row  ">
                <a class="item boxsiz row verCenter">
                    <div class="qiu">
                        <i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
                    </div>
                    <div class="cong">
                        <p>PROCUREMENT</p>
                        <i class="icon iconfont icon-lansejiantou ijt"></i>
                    </div>
                </a>
                <a class="item boxsiz row verCenter">
                    <div class="qiu">
                        <i class="icon iconfont icon-a-QUALITYCONTROL-shuangse"></i>
                    </div>
                    <div class="cong">
                        <p>QUALITY CONTROL</p>
                        <i class="icon iconfont icon-lansejiantou ijt"></i>
                    </div>
                </a>
                <a class="item boxsiz row verCenter">
                    <div class="qiu">
                        <i class="icon iconfont icon-a-SUPPLYCHAIN-danse"></i>
                    </div>
                    <div class="cong">
                        <p>SUPPLY CHAIN</p>
                        <i class="icon iconfont icon-lansejiantou ijt"></i>
                    </div>
                </a>
            </div>
            <div class="floor3">
                <video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls muted></video>
            </div>
        </div>
        <div class="mall-footer">
            <div class="floor1 w1200" style="display: none;">
                <div class="row">
                    <div class="itemf3 trl bgbts1"><b>30M+</b>SKU</div>
                    <div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
                </div>
                <div class="row">
                    <div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
                    <div class="itemf3 trr bgbts4"><b>1000+</b>Catalogs</div>
                </div>
            </div>
            <div class="floor2 w1200 bannerEle">
                <div class="bannerScrollboxs">
                    <img src="{{$public}}/assets/images/brands/br1.jpg">
                    <img src="{{$public}}/assets/images/brands/br2.jpg">
                    <img src="{{$public}}/assets/images/brands/br3.jpg">
                    <img src="{{$public}}/assets/images/brands/br4.jpg">
                    <img src="{{$public}}/assets/images/brands/br5.jpg">
                    <img src="{{$public}}/assets/images/brands/br6.jpg">
                    <img src="{{$public}}/assets/images/brands/br7.jpg">
                    <img src="{{$public}}/assets/images/brands/br8.jpg">
                    <img src="{{$public}}/assets/images/brands/br9.jpg">
                    <img src="{{$public}}/assets/images/brands/br10.jpg">
                    <img src="{{$public}}/assets/images/brands/br11.jpg">
                    <img src="{{$public}}/assets/images/brands/br12.jpg">
                    <img src="{{$public}}/assets/images/brands/br13.jpg">
                    <img src="{{$public}}/assets/images/brands/br14.jpg">
                    <img src="{{$public}}/assets/images/brands/br15.jpg">
                    <img src="{{$public}}/assets/images/brands/br16.jpg">
                    <img src="{{$public}}/assets/images/brands/br17.jpg">
                    <img src="{{$public}}/assets/images/brands/br18.jpg">

                </div>
            </div>
            <div class="floor3 ">
                <div class="conh w1200">
                    <div class="row rowCenter">
                        <img src="/assets/images/home/smlogo.png" alt="" class="logoftsm">
                        <div class="itemftsm">
                            <p>Company</p>
                            <a href="/about/company">About US</a>
                            <a href="/about/certification">Certifications</a>
                            <a href="/about/quality">IQC Center</a>
                        </div>
                        <div class="itemftsm">
                            <p class="w150">Help and Information</p>
                            <a href="javascript:void(0)" class="frqbtnxs">RFQ Form</a>
                            <!-- <a href="">BOM Tools</a> -->
                            <a href="/about/refund">Exchange & Refund</a>
                        </div>
                        <div class="itemftsm lastitem">
                            <p>Legal</p>
                            <a href="/about/term">Terms and Conditions</a>
                            <a href="/about/privacy">Privacy Policy</a>
                            <a href="/about/termuser">Terms of Use</a>
                        </div>
                        <div class="itemftsp">
                            <!-- <p class="row"><span>A member of</span> <img src="/assets/images/home/lxlogo.png" alt="" class="logoftsm2"></p> -->
                            <span>Copyright © 2023 SEMOUR ELECTRONICS All rights reserved.</span>
                        </div>

                    </div>
                    <div class="row rowCenter dpbto">
                        <i class="icon iconfont icon-youxiang"></i>
                        <span>INFO@SEMOUR.COM</span>
                        <i class="icon iconfont icon-dizhi dflt"></i>
                        <span>FLOOR 9, SUNBEAM CENTER, 27 SHING YIP STREET, KWUN TONG, KOWLOON, HONG KONG</span>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="https://sz.ichunt.com/v3/dist/res/home/js/global/jquery.SuperSlide.2.1.3.js"></script>
    <script src="{{$public}}/assets/js/mall/mall.js?v={{time()}}"></script>
@endsection