-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
324 lines (304 loc) · 20.6 KB
/
index.html
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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="css/media.css"> -->
<link rel="stylesheet" href="css/style.css">
<title>Portfolio</title>
</head>
<body>
<!-- header -->
<header class="header">
<div class="header__container container">
<div class="header__row">
<a href="#!" class="header__logo"><img src="img/logo.png" alt="SCALING SECRETS"></a>
<a href="#!" class="header__login">Login</a>
</div>
<div class="header__column">
<h1 class="header__title title title--big">
The Ultimate Guide To A Million
Dollar eCommerce Store Even If
<span class="font-main-color">You're A Beginner!</span>
</h1>
<p class="header__text text">
This program will transform you from someone that's just
getting started in eCommerce to a power seller within 60
days or less!
</p>
<a href="#!" class="header__button button button-main-color">Join now</a>
</div>
</div>
</header>
<!-- header -->
<!-- guide -->
<section class="guide-wrapper">
<section class="guide__container container">
<h2 class="guide__title title text--black-color">
The Ultimate Guide To A Million
Dollar eCommerce Store Even If
You're A Beginner!
</h2>
<img src="img/guide.jpg" alt="" class="guide__image">
<div class="guide-text text bg-main-accent-color text--black-color "><p> This program will transform you from someone that's just getting started in eCommerce to a power seller within 60 days or less! </p>
</div>
<a href="#!" class="guide__button button button--white">Join now</a>
</section>
</section>
<!-- guide -->
<!-- about-us -->
<section class="about-us-wrapper">
<section class="about-us__container container">
<h2 class="about-us__title title">Amaan Khan</h2>
<p class="about-us__subtitle subtitle font-main-color">7 FIGURES WALMART & FACEBOOK SHOPS ESELLER</p>
<div class="about-us__text-top">
<p class="about-us__text text">
I was once in the same boat as you, dreaming of being free from financial burdens. My mom always told me that if I worked hard enough, I could achieve anything. So that's what I did. <br>
</p>
<p class="about-us__text text">
When I got my degree, I thought it would be the ticket to a better life that I was dreaming of. Instead, like everyone else, I ended up in the 9-5 grind. The pay was good for a while. But after a few years, I noticed something. <br>
</p>
<p class="about-us__text text">
Every day I woke up exhausted, I started to hate the commute and felt stuck doing the same thing over and over again. To make matters worse, even though I graduated at the top 10% of my class, my work wasn't giving me any fulfillment. <br>
</p>
<p class="about-us__text text">
I realized that I needed to change. I wanted to be able to support my parents and myself without spending hours working at a desk -- to enjoy life and see what the rest of the world has to offer. <br>
</p>
</div>
<img src="img/about-us.png" alt="" class="about-us__img">
<div class="about-us__text-bottom">
<p class="about-us__text text">That's when I discovered eCommerce after coming across some videos of people selling stuff online. I loved how everything worked -- from sourcing products to building an online store. I was attracted to the freedom and having control of my time and my own growth.
</p>
<p class="about-us__text text">But It wasn't easy - in fact, it took years of trial and error before I finally created a blueprint for building a successful eCommerce store from scratch. And that's when things really started taking off - in total, my brother and I have made over 50 Million in sales.
</p>
<p class="about-us__text text">
I'm glad I stuck with it, because now I'm doing what I love. I've built this business from zero into a multiple 8-figure empire, and now I want to teach you how to do the same.
</p>
</div>
</section>
</section>
<!-- about-us -->
<!-- merits -->
<div class="merits-wrapper">
<div class="merits__container container">
<div class="merits__item">
<img src="img/icons/01.svg" alt="" class="merits__img">
<p class="merrits__text text">$50M+ in total
eCommerce sales</p>
</div>
<div class="merits__item">
<img src="img/icons/02.svg" alt="" class="merits__img">
<p class="merrits__text text">Affiliate Marketing
for over 10 years</p>
</div>
<div class="merits__item">
<img src="img/icons/03.svg" alt="" class="merits__img">
<p class="merrits__text text">2-3+ YEARS in FB
Shops with $2.5M Sales</p>
</div>
</div>
</div>
<!-- merits -->
<!-- programm -->
<div class="programm-wrapper">
<div class="programm__container container">
<h2 class="programm_title title"> What’s Inside The Course</h2>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 1:</span> Introduction & Facebook Shops Benefits</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">This chapter introduces you to what Facebook Marketplace is and the best that you can use it to earn money.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 2:</span> Getting Started with Store Approval</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 3:</span> Customer Service & How To Reply to Customers Inquiries</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 4:</span> What To Do Once You Get a Sale</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 5:</span> How To Win From Chargebacks</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 6:</span> How To Win From Chargebacks</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 7:</span> Focus On Your Brand</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 8:</span> Getting Help</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 9:</span> Getting Help</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
<div class="programm__chapter">
<p class="programm_chapter-title font-main-color"> <span>Chapter 10:</span> The Quickest Order Fulfillment Method</p>
<!-- <img src="./img/icons/Arrow.svg" alt="" class="programm__chapter-img"> -->
<p class="programm_chapter-text text hidden">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque totam, ratione, libero voluptate unde aliquam eos vel eum laborum cupiditate eaque iste temporibus labore corrupti, nobis accusantium molestias similique culpa.
</p>
</div>
</div>
</div>
<!-- programm -->
<!-- offer -->
<section class="offer-wrapper">
<section class="offer__container container">
<div class="offer__content">
<p class="offer__old">$10000</p>
<p class="offer__new font-main-color">$997</p>
<p class="offer__text text--italic">One Time Change</p>
<h2 class="offer__title title">COURSE NAME HERE
NORMALLY IN TWO LINES</h2>
<p class="offer__subtitle subtitle text--italic">My Personal Video Training Course
<br> <span class="font-main-color">Valued at $10,000</span></p>
</div>
<ul class="offer__list">
<li class="offer__list-item text">The training takes you by the hand and shows you exactly how to build your very first Facebook Marketplace store from A-Z.
</li>
<li class="offer__list-item text">I'll give you my secret tactics and hacks to help speed up your progress and avoid the pitfalls and risks other sellers struggle with.
</li>
<li class="offer__list-item text">After finishing this training, you'll have the blueprint and the knowledge to build any type of Facebook Marketplace store you want so that your stores are primed for success.
</li>
<li class="offer__list-item text">No more trial and error or trying to figure things out on your own. Everything will be laid out for you and all you have to do is take action.
</li>
</ul>
<p class="offer__subtitle subtitle text--italic">Access a to a Select And <br> Private Members Community
<br> <span class="font-main-color">Valued at $10,000</span></p>
<ul class="offer__list">
<li class="offer__list-item text">You’ll have access to an exclusive community of fellow Ecommerce entrepreneurs where you can post your questions and get personal support from other community members who have been where you are now.
</li>
<li class="offer__list-item text">You’ll be able to avoid the common struggles most eCommerce store owners go through, like not knowing what to do in a given situation, what's working for them, what's working in the industry, etc…
</li>
<li class="offer__list-item text">You'll be able to share best practices and even find an accountability partner to call you out when you slack off on your goals.
</li>
<li class="offer__list-item text">This is the ultimate motivation to skyrocket your progress in this amazing and generous industry!
</li>
</ul>
<div class="offer__button-wrapper">
<a href="#!" class="offer__button button button--white">Join now</a>
</div>
</section>
</section>
<!-- offer -->
<!-- slider -->
<div class="slider-wrapper">
<div class="slider-container container">
<h3 class="slider__title title">See What Others Are Saying About Us…
</h3>
<div class="slide active-slide">
<p class="slider__text">I‘ve always struggled online to make money and | knew e-commerce could change my life, but I didn’t ,
have a proven roadmap. Amaan gave me the blueprint to scale my store on Facebook to 5 figures
every month. This dude is the real deal.</p>
</div>
<div class="slide">
<p class="slider__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut similique fuga maxime nulla cupiditate magnam non perferendis, laborum sunt nemo earum voluptate veniam omnis, repellendus fugit ipsum laudantium, harum ipsam.</p>
</div>
<div class="slide">
<p class="slider__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus qui et soluta excepturi dolor aspernatur, repudiandae facilis debitis eius sunt asperiores dignissimos autem nihil sed explicabo voluptate similique quos deserunt?</p>
</div>
<div class="slider__name active-name">Leslie Alexander</div>
<div class="slider__name">Darya M.</div>
<div class="slider__name">Alexey Korotkin</div>
<div class="dots-wrapper">
<span class="dot active-dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
</div>
<!-- slider -->
<!-- closing -->
<div class="closing-wrapper">
<div class="closing__container container">
<h2 class="closing__title title">You may think getting into eCommerce is scary
</h2>
<div class="column-wrapper">
<div class="closing__column">
<p class="closing__text text">I know, because the idea of getting started in eCommerce was pretty daunting to me when I
started out.
</p>
<p class="closing__text text">But I'm here to tell you that there’s nothing scarier than being stuck in a never ending cycle of
“What Ifs.”
</p>
<p class="closing__text text font-main-color bg-main-accent-color-darkened">“You must be very patient, very persistent. The world isn’t going to shower gold coins on you just because you have a good idea. You’re going to have to work like crazy to bring that idea to the attention of people. They’re not going to buy it unless they know about it.”</p>
<p class="closing__text text">And give your loved ones the things you ́ve always dreamed of giving them.
</p>
<p class="closing__text text text--white">All you need to do is take action.
</p>
<p class="closing__text text">This training will teach you how to setup an e - commerce
store from the ground up leaving
you feeling confident and ready to outsell your competition.
</p>
<p class="closing__text text">There's no guessing involved with my proven, step
by
step system with clear strategies that
you can implement right away so you can start seeing results.
</p>
</div>
<div class="closing__column second__column">
<img src="img/Closing.png" alt="">
<p class="closing__text text">This training will teach you exactly how to profit from the world of online selling and avoid the
common pitfalls that beginners make.
</p>
<p class="closing__text text">
But to make sure I have enough time to coach each of my students, I can only accept a
limited number of registrants into the program.
</p>
<p class="closing__text text">So if you're serious about learning how to make multiple 6 to 7 figures from online selling,
</p>
<p class="closing__text text text--white">Now's the time to act!
</p>
<p class="closing__text text">Click the button below and sign up for my Ecommerce Marketing Mastery course.
</p>
<p class="closing__text text">
I'll see you on the inside!
</p>
</div>
</div>
<div class="closing__img"><img src="img/autograph.png" alt="" class="closing__img-item"></div>
<div class="closing__button-wrapper"> <a href="#!" class="closing__button button button-main-color">Yes I’m In</a></div>
</div>
</div>
<!-- closing -->
<!-- footer -->
<footer class="footer">
<div class="footer__container container">
<div class="footer__developer-info">@2022 Gold Sky</div>
<div class="footer__contacts">
<a href="#!" class="contacts-item"><img src="img/icons/Frame6.svg" alt="asdasd"></a>
<a href="#!" class="contacts-item"><img src="img/icons/inst.svg" alt=""></a>
<a href="#!" class="contacts-item"><img src="img/icons/youtube.svg" alt=""></a>
</div>
</div>
</footer>
<!-- footer -->
<script src="js/main.js"></script>
<script src="js/slider.js"></script>
</body>
</html>