| 
...
 | 
...
 | 
@@ -4,7 +4,8 @@ | 
| 
 | 
 | 
     nav-current
 | 
| 
 | 
 | 
 @endsection
 | 
| 
 | 
 | 
 @section('content')
 | 
| 
 | 
 | 
     <div class="web_main index_main">
 | 
| 
 | 
 | 
     <!-- web_main start -->
 | 
| 
 | 
 | 
     <div class="web_main page_main">
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
         <!-- banner -->
 | 
| 
 | 
 | 
         <section class="slider_banner">
 | 
| 
...
 | 
...
 | 
@@ -34,221 +35,56 @@ | 
| 
 | 
 | 
             </div>
 | 
| 
 | 
 | 
         </section>
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
         <div id="partner" class="section">
 | 
| 
 | 
 | 
             <div class="layout_style01">
 | 
| 
 | 
 | 
                 <h2>What partners are we looking for?</h2>
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
                 <div class="items">
 | 
| 
 | 
 | 
                     <div class="item">
 | 
| 
 | 
 | 
                         <img class="img-responsive" alt="p1" src="/uploads/p1.jpg">
 | 
| 
 | 
 | 
                         <div class="text">
 | 
| 
 | 
 | 
                             <div class="group">
 | 
| 
 | 
 | 
                                 <div class="title">You are a blogger or YouTube product reviewer who loves creating valuable.</div>
 | 
| 
 | 
 | 
                                 <div class="description">Create an online shop with one click for free</div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                             <a href=""
 | 
| 
 | 
 | 
                                class="btn btn-large btn-large-orange">Join US
 | 
| 
 | 
 | 
                             </a>
 | 
| 
 | 
 | 
                         </div>
 | 
| 
 | 
 | 
                     </div>
 | 
| 
 | 
 | 
                     <div class="item">
 | 
| 
 | 
 | 
                         <img class="img-responsive" alt="p1" src="/uploads/p2.jpg">
 | 
| 
 | 
 | 
                         <div class="text">
 | 
| 
 | 
 | 
                             <div class="group">
 | 
| 
 | 
 | 
                                 <div class="title">You are an educator, tutor or social media influencer (on TIKTOK, INS, FACEBOOK) and have an certain amount of audience.</div>
 | 
| 
 | 
 | 
                                 <div class="description">Share ShopK products to your audience.</div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                             <a href=""
 | 
| 
 | 
 | 
                                class="btn btn-large btn-large-orange">Join US
 | 
| 
 | 
 | 
                             </a>
 | 
| 
 | 
 | 
                         </div>
 | 
| 
 | 
 | 
                     </div>
 | 
| 
 | 
 | 
                     <div class="item">
 | 
| 
 | 
 | 
                         <img class="img-responsive" alt="p1" src="/uploads/p3.jpg">
 | 
| 
 | 
 | 
                         <div class="text">
 | 
| 
 | 
 | 
                             <div class="group">
 | 
| 
 | 
 | 
                                 <div class="title">You are a store owner, developer or freelancer who would like to try dropshipping business.</div>
 | 
| 
 | 
 | 
                                 <div class="description">Let your customers and friends know about our products.</div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                             <a href=""
 | 
| 
 | 
 | 
                                class="btn btn-large btn-large-orange">Join US
 | 
| 
 | 
 | 
                             </a>
 | 
| 
 | 
 | 
                         </div>
 | 
| 
 | 
 | 
                     </div>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
             </div>
 | 
| 
 | 
 | 
         </div>
 | 
| 
 | 
 | 
         <style>
 | 
| 
 | 
 | 
             #partner {
 | 
| 
 | 
 | 
                 text-align: center;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .items {
 | 
| 
 | 
 | 
                 display: flex;
 | 
| 
 | 
 | 
                 justify-content: space-between;
 | 
| 
 | 
 | 
                 flex-wrap: wrap;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .item {
 | 
| 
 | 
 | 
                 width: 27%;
 | 
| 
 | 
 | 
                 background: #FFFFFF;
 | 
| 
 | 
 | 
                 box-shadow: 0px 4px 50px #E8E8E8;
 | 
| 
 | 
 | 
                 border-radius: 5px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .text {
 | 
| 
 | 
 | 
                 padding: 23px 35px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .title {
 | 
| 
 | 
 | 
                 font-weight: 500;
 | 
| 
 | 
 | 
                 font-size: 22px;
 | 
| 
 | 
 | 
                 line-height: 140%;
 | 
| 
 | 
 | 
                 margin-bottom: 17px;
 | 
| 
 | 
 | 
                 text-align: left;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .description {
 | 
| 
 | 
 | 
                 margin-bottom: 20px;
 | 
| 
 | 
 | 
                 text-align: left;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .group {
 | 
| 
 | 
 | 
                 min-height: 289px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner h2 {
 | 
| 
 | 
 | 
                 margin-bottom: 30px;
 | 
| 
 | 
 | 
                 font-size: 30px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .info {
 | 
| 
 | 
 | 
                 margin-bottom: 48px;
 | 
| 
 | 
 | 
                 max-width: 574px;
 | 
| 
 | 
 | 
                 margin-right: auto;
 | 
| 
 | 
 | 
                 margin-left: auto;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner h3 {
 | 
| 
 | 
 | 
                 margin-bottom: 60px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             #partner .btn {
 | 
| 
 | 
 | 
                 width: 200px;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             .section {
 | 
| 
 | 
 | 
                 padding: 70px 0;
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
             @media only screen and (max-width: 950px) {
 | 
| 
 | 
 | 
                 #partner .item{width:100%; margin-bottom:20px;}
 | 
| 
 | 
 | 
             }
 | 
| 
 | 
 | 
         </style>
 | 
| 
 | 
 | 
         <!-- index_earn_step -->
 | 
| 
 | 
 | 
         <section class="index_earn_step index_layer">
 | 
| 
 | 
 | 
             <div class="layout_style01">
 | 
| 
 | 
 | 
                 <div class="index_title_bar">
 | 
| 
 | 
 | 
                     <h1 class="title">KOL HOW TO WORK WITH SHOPK?</h1>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <ul class="step_items">
 | 
| 
 | 
 | 
                     <li class="step_item wow fadeInRightA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ab_banner01.jpg"></div>
 | 
| 
 | 
 | 
                         <div class="item_content">
 | 
| 
 | 
 | 
                             <div class="item_info">
 | 
| 
 | 
 | 
                                 <h2 class="item_title wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                                     Add The Products You Like To Create An Online Shop Of Your Own For Free
 | 
| 
 | 
 | 
         <!-- blog_list -->
 | 
| 
 | 
 | 
         <section class="blog_list">
 | 
| 
 | 
 | 
             <div class="layout_style03">
 | 
| 
 | 
 | 
                 <div class="main_hd">
 | 
| 
 | 
 | 
                     <h1 class="page_title">LATEST POSTS</h1>
 | 
| 
 | 
 | 
                     {{--                    <div class="share_this"><img src="template/img/demo/share_this.png" alt=""></div>--}}
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <ul>
 | 
| 
 | 
 | 
                     @foreach($lists['data']??[] as $list)
 | 
| 
 | 
 | 
                     <li class="blog-item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <figure class="item-wrap">
 | 
| 
 | 
 | 
                             <a href="{{route('blog.info',['id'=>$list['blog_id']])}}" class="item-img"><img src="/style/template/img/demo/new.jpg" alt="{{$list['blog_title']}}" /></a>
 | 
| 
 | 
 | 
                             <figcaption class="item-info">
 | 
| 
 | 
 | 
                                 <a href="{{route('blog.info',['id'=>$list['blog_id']])}}">
 | 
| 
 | 
 | 
                                     <div class="item-tip">{{strtoupper($list['blog_seo_keywords'])}}</div>
 | 
| 
 | 
 | 
                                     <h2 class="item-title">
 | 
| 
 | 
 | 
                                         {{$list['blog_title']}}
 | 
| 
 | 
 | 
                                         {{--                                        Make money online as a side business:--}}
 | 
| 
 | 
 | 
                                         {{--                                        <strong>Top</strong> 3 ways!--}}
 | 
| 
 | 
 | 
                                     </h2>
 | 
| 
 | 
 | 
                                 <div class="item_text wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                                     <strong>ShopK</strong> provides hot selling products at wholesale<br/> price, and ships orders to your fans/friends.
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                                 <div class="web_search_wrap web_search_style01 wow fadeInLeftA" data-wow-delay=".3s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
                                     <a class="get_btn" href="/shopk-app">get app<i></i></a>
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                         </div>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                     <li class="step_item wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ad_banner02.jpg"></div>
 | 
| 
 | 
 | 
                         <div class="item_content">
 | 
| 
 | 
 | 
                             <div class="item_info">
 | 
| 
 | 
 | 
                                 <h2 class="item_title wow fadeInRightA" data-wow-delay=".1s" data-wow-duration=".8s">Share the products on<br/>
 | 
| 
 | 
 | 
                                     WhatsApp, Facebook,<br/>
 | 
| 
 | 
 | 
                                     Tiktok and Instagram</h2>
 | 
| 
 | 
 | 
                                 <div class="item_text wow fadeInRightA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                                     You can share product images and videos<br/>
 | 
| 
 | 
 | 
                                     from your online store<br/>
 | 
| 
 | 
 | 
                                     with your customers as easy as 1-2-3<br/>
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                                 <div class="web_search_wrap web_search_style01 wow fadeInRightA" data-wow-delay=".3s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
                                     <a class="get_btn" href="/shopk-app">get app<i></i></a>
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                                     <time>{{$list['blog_push_time']}} / {{ucwords($list['blog_push_author'])}}</time>
 | 
| 
 | 
 | 
                                     <div class="item-detail">
 | 
| 
 | 
 | 
                                         {{$list['blog_seo_description']}}
 | 
| 
 | 
 | 
                                     </div>
 | 
| 
 | 
 | 
                                 </a>
 | 
| 
 | 
 | 
                                 <a href="{{route('blog.info',['id'=>$list['blog_id']])}}" title="Read more" class="item-more">Read more</a>
 | 
| 
 | 
 | 
                             </figcaption>
 | 
| 
 | 
 | 
                         </figure>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                     <li class="step_item wow fadeInRightA" data-wow-delay=".3s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ad_banner03.jpg"></div>
 | 
| 
 | 
 | 
                         <div class="item_content">
 | 
| 
 | 
 | 
                             <div class="item_info">
 | 
| 
 | 
 | 
                                 <h2 class="item_title wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">Start Your Online Business<br/>From Home</h2>
 | 
| 
 | 
 | 
                                 <div class="item_text wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                                     You don’t have to worry about stocking or shipping, it’s surprisingly hands-off!
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                                 <div class="web_search_wrap web_search_style01 wow fadeInLeftA" data-wow-delay=".3s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                     @endforeach
 | 
| 
 | 
 | 
 
 | 
| 
 | 
 | 
                                     <a class="get_btn" href="/shopk-app">get app<i></i></a>
 | 
| 
 | 
 | 
                                 </div>
 | 
| 
 | 
 | 
                             </div>
 | 
| 
 | 
 | 
                         </div>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                 </ul>
 | 
| 
 | 
 | 
                 <div class="page_bar">
 | 
| 
 | 
 | 
                     <div class="pages">
 | 
| 
 | 
 | 
                         @foreach($lists['links']??[] as $p)
 | 
| 
 | 
 | 
                         <a href="?page={{$p['page']}}" class="@if($p['active']) current @endif">{!! $p['label'] !!}</a>
 | 
| 
 | 
 | 
                         @endforeach
 | 
| 
 | 
 | 
                         <span class='current2'>Page 1 / 2</span>
 | 
| 
 | 
 | 
                     </div>
 | 
| 
 | 
 | 
         </section>
 | 
| 
 | 
 | 
         <!-- index_choose -->
 | 
| 
 | 
 | 
         <section class="  index_choose" style="background-image:url('/style/global/img/demo/bg01.png');">
 | 
| 
 | 
 | 
             <div class="layout">
 | 
| 
 | 
 | 
                 <div class="index_title_bar">
 | 
| 
 | 
 | 
                     <h1 class="title">Why choose SHopK</h1>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <ul class="choose_items flex_row">
 | 
| 
 | 
 | 
                     <li class="choose_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ico01.png"></div>
 | 
| 
 | 
 | 
                         <h2 class="item_title">Various commodities</h2>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                     <li class="choose_item wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ico02.png"></div>
 | 
| 
 | 
 | 
                         <h2 class="item_title">Upper quality</h2>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                     <li class="choose_item wow fadeInUpA" data-wow-delay=".3s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ico03.png"></div>
 | 
| 
 | 
 | 
                         <h2 class="item_title">Fast logistics</h2>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                     <li class="choose_item wow fadeInUpA" data-wow-delay=".4s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <div class="item_img"><img src="/style/global/img/demo/ico04.png"></div>
 | 
| 
 | 
 | 
                         <h2 class="item_title">Simple operation  </h2>
 | 
| 
 | 
 | 
                     </li>
 | 
| 
 | 
 | 
                 </ul>
 | 
| 
 | 
 | 
             </div>
 | 
| 
 | 
 | 
         </section>
 | 
| 
 | 
 | 
         <!-- index_choose -->
 | 
| 
 | 
 | 
         <section class="index_layer index_partner">
 | 
| 
 | 
 | 
         <section class="learn_tip wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
             <div class="layout">
 | 
| 
 | 
 | 
                 <div class="index_title_bar">
 | 
| 
 | 
 | 
                     <h1 class="title">our partners</h1>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <div class="partner_wrap">
 | 
| 
 | 
 | 
                     <h2 class="title">Shipping</h2>
 | 
| 
 | 
 | 
                     <ul class="partner_items flex_row wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/7ab23542.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/JT.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/7edf99e2.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/pa02.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/pa06.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/pa03.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/2f31928a.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/22429879.png"></li>
 | 
| 
 | 
 | 
                     </ul>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <div class="partner_wrap">
 | 
| 
 | 
 | 
                     <h2 class="title">Payments</h2>
 | 
| 
 | 
 | 
                     <ul class="partner_items flex_row wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
 | 
| 
 | 
 | 
                         <li class="partner_item sub_title">Payments</li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/a2e2cfda.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/76fe1bdf.png"></li>
 | 
| 
 | 
 | 
                         <li class="partner_item"><img src="/uploads/9051ff0d.png"></li>
 | 
| 
 | 
 | 
                     </ul>
 | 
| 
 | 
 | 
                 <h1 class="title">Learn How To Resell, Find Work From Home Jobs & Earn Money Online</h1>
 | 
| 
 | 
 | 
                 <div class="text">
 | 
| 
 | 
 | 
                     <p>Have you ever considered selling online? Starting an e-commerce business can be a bit overwhelming. </p>
 | 
| 
 | 
 | 
                     <p>It involves a lot of investment and the time that is spent on researching the product and target audience can be daunting</p>
 | 
| 
 | 
 | 
                     <p>But, with Shop101, you can start a nation-wide business with ‘zero investment’ and that too from the comfort of your home!</p>
 | 
| 
 | 
 | 
                 </div>
 | 
| 
 | 
 | 
                 <div class="tip">Cash on Delivery (COD) option available for Payment</div>
 | 
| 
 | 
 | 
             </div>
 | 
| 
 | 
 | 
         </section>
 | 
| 
 | 
 | 
 
 | 
...
 | 
...
 | 
 |