home.blade.php
12.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
@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