-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (169 loc) · 6.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./src/style.css" />
<title>KOTION EACH G2000 Gaming Headset</title>
</head>
<body id="scroll-container data-scroll-container">
<section id="hero">
<div class="m-8 sm:mt-[300px]">
<h1 class="text-5xl w-2/5 max-sm:w-3/5">
G2000 Over-ear Gaming Headphone with Mic & Stereo Bass LED
Light
</h1>
<button type="button" class="button block sm:ml-24 mt-4">
Shop Now
</button>
<div class="grow"></div>
</div>
</section>
<section id="hero-text" data-scroll data-scroll-call="hero-entry">
<div class="text-8xl font-bold text-center">
Immerse Yourself in Game <br />
Like Never Before!
</div>
</section>
<section id="spec">
<div class="flex flex-wrap">
<div class="text-7xl md:text-9xl transparent-text">
The KOTION EACH G2000 is designed to give gamers the
ultimate sound experience. Featuring a high-precision 50mm
neodymium driver, it delivers powerful sound clarity and
immersive audio, making it ideal for various gaming genres.
</div>
</div>
<div
class="chips w-full flex flex-wrap gap-3 overflow-auto justify-center items-center">
<div class="chip">
<span>Brand Name</span>
<span>KOTION EACH</span>
</div>
<div class="chip">
<span>Model Number</span>
<span>G2000</span>
</div>
<div class="chip">
<span>Style</span>
<span>Headband</span>
</div>
<div class="chip">
<span>Communication</span>
<span>Wired</span>
</div>
<div class="chip">
<span>Connectors</span>
<span>3.5mm stereo + USB (for LED lights)</span>
</div>
<div class="chip">
<span>Vocalism Principle</span>
<span>Hybrid technology</span>
</div>
<div class="chip">
<span>Control Button</span>
<span>Yes</span>
</div>
<div class="chip">
<span>Volume Control</span>
<span>Yes</span>
</div>
<div class="chip">
<span>Active Noise-Cancellation</span>
<span>Yes</span>
</div>
<div class="chip">
<span>Microphone</span>
<span>Yes (Built-in with glowing LED light)</span>
</div>
</div>
</section>
<section id="superior-sound-quality">
<div class="reversed feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">SUPERIOR SOUND QUALITY</h1>
<span class="feature-text">
The G2000 uses high-precision 50mm neodymium drivers
that provide a vivid sound field and excellent sound
clarity. Perfect for gaming, movies, and music.
</span>
</div>
</div>
</section>
<section id="comfortable-for-long-sessions">
<div class="feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">
COMFORTABLE FOR LONG SESSIONS
</h1>
<span class="feature-text">
Skin-friendly leather material and super-soft over-ear
pads ensure comfort even during extended gaming
sessions.
</span>
</div>
</div>
</section>
<section id="ambient-noise-isolation">
<div class="reversed feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">AMBIENT NOISE ISOLATION</h1>
<span class="feature-text">
Block out distractions with effective ambient noise
isolation so you can focus on the game.
</span>
</div>
</div>
</section>
<section id="led-lighting-for-gaming-atmosphere">
<div class="feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">
LED LIGHTING FOR GAMING ATMOSPHERE
</h1>
<span class="feature-text">
Glaring LED lights on the ear cups and microphone
enhance the gaming atmosphere with a cool glow.
</span>
</div>
</div>
</section>
<section id="durability">
<div class="reversed feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">DURABILITY</h1>
<span class="feature-text">
Braided wire with strong tensile resistance prevents
tangling and ensures long-lasting use.
</span>
</div>
</div>
</section>
<section id="easy-controls">
<div class="feature-section">
<div class="flex-grow"></div>
<div class="w-1/2">
<h1 class="feature-header">EASY CONTROLS</h1>
<span class="feature-text">
Equipped with a rotary volume controller and one-key mic
mute for easy access during gameplay.
</span>
</div>
</div>
</section>
<div
class="fixed inset-0 pointer-events-none select-none -z-[1]"
data-scroll
data-scroll-sticky
data-scroll-target="#scroll-container"
id="canvas"></div>
<!-- <div id="canvas" class="fixed inset-0"></div> -->
<script type="module" defer src="./src/main.ts"></script>
</body>
</html>