|
@@ -4,7 +4,8 @@ |
|
@@ -4,7 +4,8 @@ |
4
|
nav-current
|
4
|
nav-current
|
5
|
@endsection
|
5
|
@endsection
|
6
|
@section('content')
|
6
|
@section('content')
|
7
|
- <div class="web_main index_main">
|
7
|
+ <!-- web_main start -->
|
|
|
8
|
+ <div class="web_main page_main">
|
8
|
|
9
|
|
9
|
<!-- banner -->
|
10
|
<!-- banner -->
|
10
|
<section class="slider_banner">
|
11
|
<section class="slider_banner">
|
|
@@ -34,221 +35,56 @@ |
|
@@ -34,221 +35,56 @@ |
34
|
</div>
|
35
|
</div>
|
35
|
</section>
|
36
|
</section>
|
36
|
|
37
|
|
37
|
- <div id="partner" class="section">
|
|
|
38
|
- <div class="layout_style01">
|
|
|
39
|
- <h2>What partners are we looking for?</h2>
|
|
|
40
|
-
|
|
|
41
|
- <div class="items">
|
|
|
42
|
- <div class="item">
|
|
|
43
|
- <img class="img-responsive" alt="p1" src="/uploads/p1.jpg">
|
|
|
44
|
- <div class="text">
|
|
|
45
|
- <div class="group">
|
|
|
46
|
- <div class="title">You are a blogger or YouTube product reviewer who loves creating valuable.</div>
|
|
|
47
|
- <div class="description">Create an online shop with one click for free</div>
|
|
|
48
|
- </div>
|
|
|
49
|
- <a href=""
|
|
|
50
|
- class="btn btn-large btn-large-orange">Join US
|
|
|
51
|
- </a>
|
|
|
52
|
- </div>
|
|
|
53
|
- </div>
|
|
|
54
|
- <div class="item">
|
|
|
55
|
- <img class="img-responsive" alt="p1" src="/uploads/p2.jpg">
|
|
|
56
|
- <div class="text">
|
|
|
57
|
- <div class="group">
|
|
|
58
|
- <div class="title">You are an educator, tutor or social media influencer (on TIKTOK, INS, FACEBOOK) and have an certain amount of audience.</div>
|
|
|
59
|
- <div class="description">Share ShopK products to your audience.</div>
|
|
|
60
|
- </div>
|
|
|
61
|
- <a href=""
|
|
|
62
|
- class="btn btn-large btn-large-orange">Join US
|
|
|
63
|
- </a>
|
|
|
64
|
- </div>
|
|
|
65
|
- </div>
|
|
|
66
|
- <div class="item">
|
|
|
67
|
- <img class="img-responsive" alt="p1" src="/uploads/p3.jpg">
|
|
|
68
|
- <div class="text">
|
|
|
69
|
- <div class="group">
|
|
|
70
|
- <div class="title">You are a store owner, developer or freelancer who would like to try dropshipping business.</div>
|
|
|
71
|
- <div class="description">Let your customers and friends know about our products.</div>
|
|
|
72
|
- </div>
|
|
|
73
|
- <a href=""
|
|
|
74
|
- class="btn btn-large btn-large-orange">Join US
|
|
|
75
|
- </a>
|
|
|
76
|
- </div>
|
|
|
77
|
- </div>
|
|
|
78
|
- </div>
|
|
|
79
|
- </div>
|
|
|
80
|
- </div>
|
|
|
81
|
- <style>
|
|
|
82
|
- #partner {
|
|
|
83
|
- text-align: center;
|
|
|
84
|
- }
|
|
|
85
|
- #partner .items {
|
|
|
86
|
- display: flex;
|
|
|
87
|
- justify-content: space-between;
|
|
|
88
|
- flex-wrap: wrap;
|
|
|
89
|
- }
|
|
|
90
|
- #partner .item {
|
|
|
91
|
- width: 27%;
|
|
|
92
|
- background: #FFFFFF;
|
|
|
93
|
- box-shadow: 0px 4px 50px #E8E8E8;
|
|
|
94
|
- border-radius: 5px;
|
|
|
95
|
- }
|
|
|
96
|
- #partner .text {
|
|
|
97
|
- padding: 23px 35px;
|
|
|
98
|
- }
|
|
|
99
|
- #partner .title {
|
|
|
100
|
- font-weight: 500;
|
|
|
101
|
- font-size: 22px;
|
|
|
102
|
- line-height: 140%;
|
|
|
103
|
- margin-bottom: 17px;
|
|
|
104
|
- text-align: left;
|
|
|
105
|
- }
|
|
|
106
|
- #partner .description {
|
|
|
107
|
- margin-bottom: 20px;
|
|
|
108
|
- text-align: left;
|
|
|
109
|
- }
|
|
|
110
|
- #partner .group {
|
|
|
111
|
- min-height: 289px;
|
|
|
112
|
- }
|
|
|
113
|
- #partner h2 {
|
|
|
114
|
- margin-bottom: 30px;
|
|
|
115
|
- font-size: 30px;
|
|
|
116
|
- }
|
|
|
117
|
- #partner .info {
|
|
|
118
|
- margin-bottom: 48px;
|
|
|
119
|
- max-width: 574px;
|
|
|
120
|
- margin-right: auto;
|
|
|
121
|
- margin-left: auto;
|
|
|
122
|
- }
|
|
|
123
|
- #partner h3 {
|
|
|
124
|
- margin-bottom: 60px;
|
|
|
125
|
- }
|
|
|
126
|
- #partner .btn {
|
|
|
127
|
- width: 200px;
|
|
|
128
|
- }
|
|
|
129
|
- .section {
|
|
|
130
|
- padding: 70px 0;
|
|
|
131
|
- }
|
|
|
132
|
- @media only screen and (max-width: 950px) {
|
|
|
133
|
- #partner .item{width:100%; margin-bottom:20px;}
|
|
|
134
|
- }
|
|
|
135
|
- </style>
|
|
|
136
|
- <!-- index_earn_step -->
|
|
|
137
|
- <section class="index_earn_step index_layer">
|
|
|
138
|
- <div class="layout_style01">
|
|
|
139
|
- <div class="index_title_bar">
|
|
|
140
|
- <h1 class="title">KOL HOW TO WORK WITH SHOPK?</h1>
|
38
|
+ <!-- blog_list -->
|
|
|
39
|
+ <section class="blog_list">
|
|
|
40
|
+ <div class="layout_style03">
|
|
|
41
|
+ <div class="main_hd">
|
|
|
42
|
+ <h1 class="page_title">LATEST POSTS</h1>
|
|
|
43
|
+ {{-- <div class="share_this"><img src="template/img/demo/share_this.png" alt=""></div>--}}
|
141
|
</div>
|
44
|
</div>
|
142
|
- <ul class="step_items">
|
|
|
143
|
- <li class="step_item wow fadeInRightA" data-wow-delay=".1s" data-wow-duration=".8s">
|
|
|
144
|
- <div class="item_img"><img src="/style/global/img/demo/ab_banner01.jpg"></div>
|
|
|
145
|
- <div class="item_content">
|
|
|
146
|
- <div class="item_info">
|
|
|
147
|
- <h2 class="item_title wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
|
|
|
148
|
- Add The Products You Like To Create An Online Shop Of Your Own For Free
|
|
|
149
|
- </h2>
|
|
|
150
|
- <div class="item_text wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
151
|
- <strong>ShopK</strong> provides hot selling products at wholesale<br/> price, and ships orders to your fans/friends.
|
|
|
152
|
- </div>
|
|
|
153
|
- <div class="web_search_wrap web_search_style01 wow fadeInLeftA" data-wow-delay=".3s" data-wow-duration=".8s">
|
|
|
154
|
-
|
|
|
155
|
- <a class="get_btn" href="/shopk-app">get app<i></i></a>
|
|
|
156
|
- </div>
|
|
|
157
|
- </div>
|
|
|
158
|
- </div>
|
|
|
159
|
- </li>
|
|
|
160
|
- <li class="step_item wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
161
|
- <div class="item_img"><img src="/style/global/img/demo/ad_banner02.jpg"></div>
|
|
|
162
|
- <div class="item_content">
|
|
|
163
|
- <div class="item_info">
|
|
|
164
|
- <h2 class="item_title wow fadeInRightA" data-wow-delay=".1s" data-wow-duration=".8s">Share the products on<br/>
|
|
|
165
|
- WhatsApp, Facebook,<br/>
|
|
|
166
|
- Tiktok and Instagram</h2>
|
|
|
167
|
- <div class="item_text wow fadeInRightA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
168
|
- You can share product images and videos<br/>
|
|
|
169
|
- from your online store<br/>
|
|
|
170
|
- with your customers as easy as 1-2-3<br/>
|
|
|
171
|
- </div>
|
|
|
172
|
- <div class="web_search_wrap web_search_style01 wow fadeInRightA" data-wow-delay=".3s" data-wow-duration=".8s">
|
|
|
173
|
-
|
|
|
174
|
- <a class="get_btn" href="/shopk-app">get app<i></i></a>
|
|
|
175
|
- </div>
|
|
|
176
|
- </div>
|
|
|
177
|
- </div>
|
45
|
+ <ul>
|
|
|
46
|
+ @foreach($lists['data']??[] as $list)
|
|
|
47
|
+ <li class="blog-item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
|
|
|
48
|
+ <figure class="item-wrap">
|
|
|
49
|
+ <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>
|
|
|
50
|
+ <figcaption class="item-info">
|
|
|
51
|
+ <a href="{{route('blog.info',['id'=>$list['blog_id']])}}">
|
|
|
52
|
+ <div class="item-tip">{{strtoupper($list['blog_seo_keywords'])}}</div>
|
|
|
53
|
+ <h2 class="item-title">
|
|
|
54
|
+ {{$list['blog_title']}}
|
|
|
55
|
+ {{-- Make money online as a side business:--}}
|
|
|
56
|
+ {{-- <strong>Top</strong> 3 ways!--}}
|
|
|
57
|
+ </h2>
|
|
|
58
|
+ <time>{{$list['blog_push_time']}} / {{ucwords($list['blog_push_author'])}}</time>
|
|
|
59
|
+ <div class="item-detail">
|
|
|
60
|
+ {{$list['blog_seo_description']}}
|
|
|
61
|
+ </div>
|
|
|
62
|
+ </a>
|
|
|
63
|
+ <a href="{{route('blog.info',['id'=>$list['blog_id']])}}" title="Read more" class="item-more">Read more</a>
|
|
|
64
|
+ </figcaption>
|
|
|
65
|
+ </figure>
|
178
|
</li>
|
66
|
</li>
|
179
|
- <li class="step_item wow fadeInRightA" data-wow-delay=".3s" data-wow-duration=".8s">
|
|
|
180
|
- <div class="item_img"><img src="/style/global/img/demo/ad_banner03.jpg"></div>
|
|
|
181
|
- <div class="item_content">
|
|
|
182
|
- <div class="item_info">
|
|
|
183
|
- <h2 class="item_title wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">Start Your Online Business<br/>From Home</h2>
|
|
|
184
|
- <div class="item_text wow fadeInLeftA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
185
|
- You don’t have to worry about stocking or shipping, it’s surprisingly hands-off!
|
|
|
186
|
- </div>
|
|
|
187
|
- <div class="web_search_wrap web_search_style01 wow fadeInLeftA" data-wow-delay=".3s" data-wow-duration=".8s">
|
67
|
+ @endforeach
|
188
|
|
68
|
|
189
|
- <a class="get_btn" href="/shopk-app">get app<i></i></a>
|
|
|
190
|
- </div>
|
|
|
191
|
- </div>
|
|
|
192
|
- </div>
|
|
|
193
|
- </li>
|
|
|
194
|
</ul>
|
69
|
</ul>
|
195
|
- </div>
|
|
|
196
|
- </section>
|
|
|
197
|
- <!-- index_choose -->
|
|
|
198
|
- <section class=" index_choose" style="background-image:url('/style/global/img/demo/bg01.png');">
|
|
|
199
|
- <div class="layout">
|
|
|
200
|
- <div class="index_title_bar">
|
|
|
201
|
- <h1 class="title">Why choose SHopK</h1>
|
70
|
+ <div class="page_bar">
|
|
|
71
|
+ <div class="pages">
|
|
|
72
|
+ @foreach($lists['links']??[] as $p)
|
|
|
73
|
+ <a href="?page={{$p['page']}}" class="@if($p['active']) current @endif">{!! $p['label'] !!}</a>
|
|
|
74
|
+ @endforeach
|
|
|
75
|
+ <span class='current2'>Page 1 / 2</span>
|
|
|
76
|
+ </div>
|
202
|
</div>
|
77
|
</div>
|
203
|
- <ul class="choose_items flex_row">
|
|
|
204
|
- <li class="choose_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
|
|
|
205
|
- <div class="item_img"><img src="/style/global/img/demo/ico01.png"></div>
|
|
|
206
|
- <h2 class="item_title">Various commodities</h2>
|
|
|
207
|
- </li>
|
|
|
208
|
- <li class="choose_item wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
209
|
- <div class="item_img"><img src="/style/global/img/demo/ico02.png"></div>
|
|
|
210
|
- <h2 class="item_title">Upper quality</h2>
|
|
|
211
|
- </li>
|
|
|
212
|
- <li class="choose_item wow fadeInUpA" data-wow-delay=".3s" data-wow-duration=".8s">
|
|
|
213
|
- <div class="item_img"><img src="/style/global/img/demo/ico03.png"></div>
|
|
|
214
|
- <h2 class="item_title">Fast logistics</h2>
|
|
|
215
|
- </li>
|
|
|
216
|
- <li class="choose_item wow fadeInUpA" data-wow-delay=".4s" data-wow-duration=".8s">
|
|
|
217
|
- <div class="item_img"><img src="/style/global/img/demo/ico04.png"></div>
|
|
|
218
|
- <h2 class="item_title">Simple operation </h2>
|
|
|
219
|
- </li>
|
|
|
220
|
- </ul>
|
|
|
221
|
</div>
|
78
|
</div>
|
222
|
</section>
|
79
|
</section>
|
223
|
- <!-- index_choose -->
|
|
|
224
|
- <section class="index_layer index_partner">
|
80
|
+ <section class="learn_tip wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
|
225
|
<div class="layout">
|
81
|
<div class="layout">
|
226
|
- <div class="index_title_bar">
|
|
|
227
|
- <h1 class="title">our partners</h1>
|
|
|
228
|
- </div>
|
|
|
229
|
- <div class="partner_wrap">
|
|
|
230
|
- <h2 class="title">Shipping</h2>
|
|
|
231
|
- <ul class="partner_items flex_row wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
|
|
|
232
|
- <li class="partner_item"><img src="/uploads/7ab23542.png"></li>
|
|
|
233
|
- <li class="partner_item"><img src="/uploads/JT.png"></li>
|
|
|
234
|
- <li class="partner_item"><img src="/uploads/7edf99e2.png"></li>
|
|
|
235
|
- <li class="partner_item"><img src="/uploads/pa02.png"></li>
|
|
|
236
|
- <li class="partner_item"><img src="/uploads/pa06.png"></li>
|
|
|
237
|
- <li class="partner_item"><img src="/uploads/pa03.png"></li>
|
|
|
238
|
- <li class="partner_item"><img src="/uploads/2f31928a.png"></li>
|
|
|
239
|
- <li class="partner_item"><img src="/uploads/22429879.png"></li>
|
|
|
240
|
- </ul>
|
|
|
241
|
- </div>
|
|
|
242
|
- <div class="partner_wrap">
|
|
|
243
|
- <h2 class="title">Payments</h2>
|
|
|
244
|
- <ul class="partner_items flex_row wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
|
|
|
245
|
- <li class="partner_item sub_title">Payments</li>
|
|
|
246
|
- <li class="partner_item"><img src="/uploads/a2e2cfda.png"></li>
|
|
|
247
|
- <li class="partner_item"><img src="/uploads/76fe1bdf.png"></li>
|
|
|
248
|
- <li class="partner_item"><img src="/uploads/9051ff0d.png"></li>
|
|
|
249
|
- </ul>
|
82
|
+ <h1 class="title">Learn How To Resell, Find Work From Home Jobs & Earn Money Online</h1>
|
|
|
83
|
+ <div class="text">
|
|
|
84
|
+ <p>Have you ever considered selling online? Starting an e-commerce business can be a bit overwhelming. </p>
|
|
|
85
|
+ <p>It involves a lot of investment and the time that is spent on researching the product and target audience can be daunting</p>
|
|
|
86
|
+ <p>But, with Shop101, you can start a nation-wide business with ‘zero investment’ and that too from the comfort of your home!</p>
|
250
|
</div>
|
87
|
</div>
|
251
|
- <div class="tip">Cash on Delivery (COD) option available for Payment</div>
|
|
|
252
|
</div>
|
88
|
</div>
|
253
|
</section>
|
89
|
</section>
|
254
|
|
90
|
|