-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (191 loc) · 8.82 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
<!DOCTYPE html>
<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 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/9317428498.js" crossorigin="anonymous"></script>
<script src="script.js" defer></script>
<link rel="shortcut icon" href="shortcut-icon.png" type="image/x-png">
<title>Home</title>
</head>
<body>
<header>
<a href="" class="flex-header left-header">
<img src="logo.png" alt="logo" class="logo">
</a>
<ul class="flex-header right-header">
<li class="down">
<div class="product">
<p>Products</p>
<div class="product-items display-none">
<ul>
<li><a href="likes.html">Likes</a></li>
<li><a href="followers.html">Followers</a></li>
</ul>
</div>
</div>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contacat Us</a></li>
</ul>
</header>
<header class="media-header">
<div><a href="index.html">
<img src="logo.png" alt="Logo" class="media-logo"></a>
<i class="fa-solid fa-bars"></i>
</div>
<div class="media-header-dropdown display-none">
<ul>
<li class="down"><div class="product">
<p>Products</p>
<div class="product-items display-none actually-none">
<ul>
<li><a href="likes.html">Likes</a></li>
<li><a href="followers.html">Followers</a></li>
</ul>
</div></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contacat Us</a></li>
</ul>
</div>
</header>
<div class="body">
<section class="first-section">
<div class="first-section-div">
<img src="first_section_left_image" alt="+99" class="first-section-left-image">
<div class="first-section-write">
<h2 class="first-section-heading" style="color: black">Buy followers cheap</h2>
<p>Using our service you can increase the number of your followers very fast and cheap. All accounts will be only real people so you don’t need to worry about the quality. Buy 500 followers only for $4.99 and boost your account.</p>
<a href="" class="first-section-button">Buy now</a>
</div>
</div>
</section>
</div>
<section class="second-section">
<h2 class="second-section-heading">Our Features</h2>
<p>We provide complex solution for the most popular Social Media services</p>
<div class="features">
<div class="feature-list">
<div class="image-center">
<img src="feature1" alt="Feature Images"></div>
<h3>Customer Support</h3>
<p>Feel free to ask us about anything that you interested in our service 24/7. Our support will help you anytime.</p>
</div>
<div class="feature-list">
<div class="image-center">
<img src="feature2" alt="Feature Images"></div>
<h3>Fast Delivery</h3>
<p>We guarantee delivery of our services within the 24 hours. We will make you famous very fast, relax</p>
</div>
<div class="feature-list">
<div class="image-center">
<img src="feature3" alt="Feature Images"></div>
<h3>Real Accounts</h3>
<p>We provide services only from real accounts. You will receive likes, comments and views only from real people.</p>
</div>
<div class="feature-list">
<div class="image-center">
<img src="feature4" alt="Feature Images"></div>
<h3>Low Prices</h3>
<p>It's very easy and cheap to become popular in Social Media now. Our prices start from 1.24$ for 500 likes.</p>
</div>
</div>
</section>
<div class="body2">
<section class="third-section">
<h2>How it works</h2>
<p>It's easier that you think. No more hard ways to become popular!</p>
<div class="images-complex">
<div class="images-complex-container">
<div class="image-center">
<i class="fa-solid fa-arrow-pointer"></i></div>
<h3>Choose your package</h3>
<p>Select a package which you want to buy based on your needs</p>
</div>
<div class="dots">
</div>
<div class="images-complex-container">
<div class="image-center">
<i class="fa-regular fa-user"></i></div>
<h3>Fill out your profile</h3>
<p>Provide us details about what you need to boost now</p>
</div>
<div class="dots">
</div>
<div class="images-complex-container">
<div class="image-center">
<i class="fa-solid fa-money-check-dollar"></i></div>
<h3>Pay for the service</h3>
<p>You can pay via card or any other available method</p>
</div>
<div class="dots">
</div>
<div class="images-complex-container">
<div class="image-center">
<i class="fa-solid fa-face-grin-hearts"></i></div>
<h3>Enjoy your popularity</h3>
<p>We will create and proceed with an order and inform you once done</p>
</div>
</div>
</section>
</div>
<section class="forth-section">
<h2>Reviews</h2>
<p>Our happy customers feedback</p>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="review-container">
<div class="review-image-container" style="background-image: url(review1.jpg)"></div>
<h3>Maggire Valentine</h3>
<p>I was very happy when received 500 real subscribers in 1 hour after. Good job guys</p>
</div>
</div>
<div class="carousel-item">
<div class="review-container">
<div class="review-image-container" style="background-image: url(review2.jpg)"></div>
<h3>Peter Thompson</h3>
<p>Thank you for your cheap prices. Now I can make my shop instagram account very popular</p>
</div>
</div>
<div class="carousel-item">
<div class="review-container">
<div class="review-image-container" style="background-image: url(review3.jpg)"></div>
<h3>Bobby Taylor</h3>
<p>It's amazing. No more fake accounts in my followers, only real people. Thanks!</p>
</div>
</div>
<div class="carousel-item">
<div class="review-container">
<div class="review-image-container" style="background-image: url(review4.jpg)"></div>
<h3>Sam Smith</h3>
<p>I don't know how you did it but now my wife envies me because I have more followers than hers.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<footer>
<p>© 2022 All Rights Reserved</p>
</footer>
</body>
</html>