@extends('layouts.base')
@section('nav-active-home')
nav-current
@endsection
@section('content')
<div class="web_main index_main">
<!-- banner -->
<section class="slider_banner">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<div class="banner_item_img">
<a href=""><img src="/uploads/35a55d99.jpg" alt=""/></a>
</div>
</li>
<li class="swiper-slide">
<div class="banner_item_img">
<a href=""><img src="/uploads/6b706340.jpg" alt=""/></a>
</div>
</li>
<li class="swiper-slide">
<div class="banner_item_img">
<a href=""><img src="/uploads/ec6a2016.jpg" alt=""/></a>
</div>
</li>
</ul>
<div class="swiper-control index_swiper_control">
<div class="swiper-buttons">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-pagination"></div>
</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
</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>
</div>
</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">
<a class="get_btn" href="/shopk-app">get app<i></i></a>
</div>
</div>
</div>
</li>
</ul>
</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>
<!--<li class="choose_item wow fadeInUpA" data-wow-delay=".5s" data-wow-duration=".8s">-->
<!-- <div class="item_img"><img src="/style/global/img/demo/ico05.png"></div>-->
<!-- <h2 class="item_title">high commission </h2>-->
<!--</li>-->
</ul>
</div>
</section>
<!-- index_choose -->
<section class="index_layer index_partner">
<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>
</div>
<div class="tip">Cash on Delivery (COD) option available for Payment</div>
</div>
</section>
</div>
@endsection