-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinDex.html
218 lines (197 loc) · 7.55 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
<!DOCTYPE html>
<html>
<title>Kess.com</title>
<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="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="./images/images.png">
</head>
<body>
</body>
<style>
</style>
<header>
<a href="#" class="logo"><span>Kess</span>.com</a>
<div class=menutoggle onclick="toggleMenu();"></div>
<ul class="navbar">
<li><a href="#banniere" onclick="toggleMenu();">Hub</a></li>
<li><a href="#apropos" onclick="toggleMenu();">About</a></li>
<li><a href="#menu" onclick="toggleMenu();">Products</a></li>
<li><a href="#temoignage" onclick="toggleMenu();">Testimony</a></li>
<li><a href="#contact" onclick="toggleMenu();">Contact</a></li>
<a href="#" class="TheBestOne" onclick="toggleMenu();">The Best One</a>
</ul>
</header>
<section class="banniere" id="banniere">
<div class="contenu">
<h2>In Kess.com we have everything you need</h2>
<p>Just buy and you will get back quickly, our company is safe, just pay with a click and don't be afraid for your boncaire card
</p>
<a href="#" class="btn1">JustBuy</a>
<a href="#" class="btn2">TheBestOne</a>
</div>
</section>
<section class="apropos" id="apropos">
<div class="row">
<div class="col50">
<h2 class="titre-texte"><span>A</span>bout us</h2>
<p class="p3">It's a troll site and represents things that are useless and bizarre on the internet. We just want to steal your money or your boncaire card.</p>
</div>
<div class="col50">
</div class="img">
<img src="./images/rick-and-morty.webp" alt="image" height="320" width="500">
</div>
</div>
</section>
<section class="menu" id="menu">
<div class="titre">
<h2 class="titre-texte"><span>P</span>roducts</h2>
<p>We just want to steal your money or your boncaire card if you want</p>
</div >
<div class="contenu">
<div class="box">
<div class="imbox">
<img class="img" src="./images/Novelty-Vent-Toys-Big-USB-Enter-Key-Anti-Stress-Button-Decompression-Computer-Any-Vent-Pillows-Button.jpg_Q90.jpg_.jpg" alt="">
</div>
<div class="text">
<h3>big enter button</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/29314_101_1.jpg" alt="">
</div>
<div class="text">
<h3>the bobcat mullet</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/téléchargement.jpg" alt="">
</div>
<div class="text">
<h3>auto arrosoir</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/51UpXLcyYaL._AC_SY355_.jpg" alt="">
</div>
<div class="text">
<h3>nothing</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/8aff9a6a9b54e21c1289ee80dfadde64bfb8a870_original.jpeg" alt="">
</div>
<div class="text">
<h3>bread cushion</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/thanksgiving-turkey-hat-xl.jpg" alt="">
</div>
<div class="text">
<h3>chicken bonnet</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/téléchargement (7).jpg" alt="">
</div>
<div class="text">
<h3>head basketball</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/3018933-inline-ostrich-pillow-jnstudiobananathings05.webp" alt="">
</div>
<div class="text">
<h3>ostrich pillow</h3>
</div>
</div>
</div>
</div>
<div class="titre">
<a href="#" class="btn1">See more</a>
</div>
</section>
<section class="temoignage" id="temoignage">
<div class="titre blanc">
<h2 class="titre-texte">What our <span>C</span>ustomers say</h2>
<p>We just want to steal your money or your boncaire card if you want</p>
</div >
<div class="contenu">
<div class="box">
<div class="imbox">
<img class="img" src="./images/depositphotos_38585251-stock-photo-unnamed.jpg" alt="" height="200px" width="200px">
</div>
<div class="text">
<p>The platform is rebusten and easy to use and great service , fast shipping and very resonable prices for products of such quality! </p>
<h3 class="h3">Inconnu</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/images (1).jpg" alt="" height="200px" width="200px">
</div>
<div class="text">
<p>I think it's a good website the products are of good quality the shipping time is fast I think your site is the best in this area.</p>
<h3 class="h3">A person</h3>
</div>
</div>
<div class="box">
<div class="imbox">
<img class="img" src="./images/téléchargement (1).jpg" alt="" height="200px" width="200px">
</div>
<div class="text">
<p>A very nice collaboration, in respect and trust. A real force of proposals, personalized follow-up and great availability for each of our digital marketing projects. Thank you for this quality of service which is a real added value for your company.</p>
<h3 class="h3">Homer Simpson</h3>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="titre noir">
<h2 class="titre-texte"> <span>C</span>ontact</h2>
<p class="p2">Contact us for more information or to purchase.</p>
</div>
<div class="contactform">
<h3 class="h3">Send a message</h3>
<div class="inputboite">
<input type="text" placeholder="name">
</div>
<div class="inputboite">
<input type="text" placeholder="email">
</div>
<div class="inputboite">
<textarea placeholder="message"></textarea>
</div>
<div class="inputboite">
<input type="submit" value="Send">
</div>
</div>
</section>
<div class="copyright">
<p>© 2022 <a href="#"> Adam Loumame</a>, Inc. All rights reserved</p>
</div>
<script type="text/javascript">
window.addEventListener('scroll', function(){
const header =document.querySelector('header');
header.classList.toggle("sticky", window.scrollY > 0 );
});
function toggleMenu(){
const toggleMenu = document.querySelector('.menutoggle');
const navbar = document.querySelector('navbar');
menutoggle.classList.toggle('active');
navbar.classList.toggle('active');
}
</script>
</html>