-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
357 lines (313 loc) · 18.2 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
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="images/logo.svg">
<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=Titillium+Web:wght@200;600;700&display=swap" rel="stylesheet">
<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=Titillium+Web:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<title>The Ultimate 14" Gaming Laptop - Razer Blade 14 | Razer United States</title>
</head>
<body>
<nav class="nav1">
<img src="images/logo.svg">
<ul>
<li style="margin-left: 20px;"><a href="#">Store</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Console</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Support</a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a><i class="fa-solid fa-cart-shopping"></i></a></li>
</ul>
</nav>
<div class="secnav">
<div class="content">
<h3>Razer Blade 14</h3>
<h5>Starting from US$1,799.99 <i style="text-decoration: line-through;">$1,999.99 </i>(10% off)</h5>
</div>
<div class="menu">
<nav>
<button onclick="Selection" class="button">Overview</button>
<button class="button">3D Tour</button>
<button class="button">Tech Specs</button>
<button class="buttonbuy">BUY</button>
</nav>
</div>
</div>
<div class="nav3">
<h5>All orders over US$79 will enjoy free standard shipping to the United States.</h5>
</div>
<section class="sec1">
<div class="image">
<img src="images/laptop image.jpg">
</div>
<div class="content">
<h6>RAZER BLADE 14</h6>
<h1>SMALL SIZE. BIG PERFORMANCE.</h1>
<h4>The most portable Blade in our arsenal now has a greater source of power at its core. At just 17.99 mm thin,<br> experience performance that’s made to move with the Razer Blade 14—featuring an AMD Ryzen™ 9 7940HS processor,<br> NVIDIA® GeForce RTX™ 40 Series graphics, and a QHD+ 240Hz 16:10 display.</h4>
</div>
<div class="logo">
<img style="width: 180px;padding-top: 20px ;padding-bottom: 25px;" src="images/logo1.png">
<img src="images/logo2.png" alt="">
<img style="width: 200px; height: 50px ; padding-bottom: 25px;padding-top: 20px;" src="images/logo3.png" alt="">
</div>
<h5>THE MOST PORTABLE RAZER BLADE</h5>
<h2>17.99 mm Thin | 1.84 kg Light</h2>
<h4>Precision-milled from a single aluminum block to achieve the optimal strength-to-weight ratio, the compact chassis is<br>complete with an anodized, fingerprint-resistant finish, to protect against the hazards of travelling.</h4>
</section>
<section class="sec2">
<video autoplay loop muted src="images/video1.mp4" type="video/mp4"></video>
<h5>UP TO 10 HOURS OF BATTERY <sup>1</sup></h5>
<h2>Play All Day</h2>
<h4>Designed with enough power to last from dawn to dusk, the Razer Blade 14 allows you to work, play, and create<br> wherever the day takes you. Upgraded with a new suite of battery health features, get more out of Blade 14 than<br>ever before.</h4>
<div class="content">
<div class="div1">
<h3>Larger</h3>
<h1>68.1 Wh</h1>
<h3>Battery</h3>
</div>
<div class="div2">
<h3>Up to</h3>
<h1>80% Charge</h1>
<h3>in 1 Hour</h3>
</div>
<div class="div3">
<h1>2-Year</h1>
<h3>Battery Warranty<sup>2</sup></h3>
</div>
</div>
</section>
<section class="sec3">
<video loop autoplay muted src="images/video2.mp4"></video>
<h5>OUR MOST POWERFUL 14-INCH LAPTOP EVER</h5>
<h2>With up to NVIDIA GeForce RTX 4070 and up to 140 W TGP</h2>
<h4>Featuring the latest generation of NVIDIA GeForce RTX 40 Series laptop graphics, the new Razer Blade 14 delivers 33%<br> more graphics power than the previous generation. Enjoy playing at higher frames and greater visual fidelity than ever<br> before, while staying on the go.
</h4>
</section>
<section class="sec4">
<div class="image">
<video src="images/razer-blade-14-2023-chamber-cooling-video.mp4" autoplay loop width="450px"></video>
</div>
<h5>NVIDIA<sup>®</sup> GEFORCE<sup>™</sup> RTX 40 SERIES LAPTOP GPU</h5>
<h2>Beyond Fast for Gamers and Creators</h2>
<h4>NVIDIA® GeForce RTX™ 40 Series Laptop GPUs power the world’s fastest laptops for gamers and creators. Built with<br> the ultra-efficient NVIDIA Ada Lovelace architecture, they bring a quantum leap in performance with AI-powered DLSS 3 <br>and enable lifelike virtual worlds with full ray tracing. Plus, the Max-Q suite of technologies optimizes system<br> performance, power, battery life, and acoustics for peak efficiency.</h4>
<a class="button" href="#">Learn More ></a>
</section>
<section class="sec5">
<div class="card1">
<div class="image">
<img src="images/card1.png" alt="">
</div>
<div class="title">
<h2>AI-Powered Performance <br>and Lifelike Graphics*</h2>
</div>
<div class="content">
<p>Get a quantum leap in performance in<br> games and creative apps with AI-<br>powered DLSS 3 and enable lifelike<br> virtual worlds with full ray tracing.</p>
</div>
</div>
<div class="card2">
<div class="image">
<img src="images/card2.png" alt="">
</div>
<div class="title">
<h2>Accelerate Your Ideas</h2>
</div>
<div class="content">
<p>NVIDIA Studio takes your creative <br>projects to the next level. Unlock RTX<br> and AI acceleration in top creative <br>apps, NVIDIA Studio drivers for max <br>stability, and a suite of exclusive tools<br> to fast-track your creativity.</p>
</div>
</div>
<div class="card3">
<div class="image">
<img src="images/card3.png" alt="">
</div>
<div class="title">
<h2>Optimized Power<br> and Performance</h2>
</div>
<div class="content">
<p>NVIDIA Max-Q is an advanced suite of<br> AI-powered technologies that<br> optimize your system for peak<br>efficiency. This enables blazing-fast<br> laptops that are thin, quiet, and have <br>amazing battery life.</p>
</div>
</div>
</section>
<div style=" text-align: center; color:rgb(154, 154, 154); background-color:black;">
<h6 style="font-size: smaller;">*Cyberpunk 2077 image captured on a desktop with new Ray Tracing: Overdrive Mode ON, shown for illustrative purposes only. Actual performance varies by system.</h6>
</div>
<section class="sec6" style="margin-top: -100px;padding-top: 150px;">
<h5>YOUR IDEAS, ACCELERATED BY NVIDIA STUDIO</h5>
<h4>Unleash your creativity with NVIDIA STUDIO laptops, purpose-built for creators, tested and validated to deliver fast and<br> fluid performance across the most challenging creator workflows, and preconfigured to take advantage of all the<br> NVIDIA Studio benefits.</h4>
<h4>Equipped with the most advanced GPUs in the world for creators, NVIDIA GeForce RTX™ 40 Series, NVIDIA STUDIO <br>systems deliver the highest fidelity digital graphics with real-time ray tracing, plus AI acceleration in your favorite<br> creative apps. Pre-installed NVIDIA STUDIO Drivers are extensively tested against top creative software to deliver<br> maximum stability. And exclusive tools like NVIDIA Omniverse grant 3D creators access to the latest AI technology <br>from NVIDIA. Finish your projects in record time with NVIDIA Studio systems.</h4>
<a class="button" href="#">Learn More ></a>
<div class="image">
<img src="images/nvidia-studio-icon.svg" alt="">
</div>
</section>
<section class="sec7">
<img style="width: 100%;" src="images/sec7 img 1.jpg" alt="">
<div class="card1">
<div class="image">
<img style="height: 400px; width: 800px;" src="images/sec7 img 2.jpg" alt="">
</div>
<div class="content">
<h2>#MADEWITHBLADE</h2>
<p>#MADEWITHBLADE is an exploration into the cutting-edge<br> creativity of some of the most talented artists in<br> the world. Come inside their studios and behind-the <br> scenes as these artists share exclusive stories about <br>how Razer Blade laptops are helping them push the<br> envelope of music production, visual effects, digital <br> illustration and 3D animation.</p>
</div>
</div>
<div class="card2">
<div class="image">
<img style="height: 400px; width: 800px;" src="images/sec7 img 3.jpg" alt="">
</div>
<div class="content">
<h2 style="color: rgb(68,214,44);">GET SKIN IN THE GAME</h2>
<p>For a limited time only, receive this exclusive<br> Razer Skin (worth $59.99) with your purchase of the<br> latest GeForce RTX™ 40 Series gaming laptops.</p>
<h4 style="color: #888; font-family: Roboto, sans-serif;
font-size: 14px; padding-top: 20px;">*T&Cs apply, valid while stocks last</h4>
<a class="button" href="#"> </a>
</div>
</div>
<section style="margin-top: -100px; padding-top: 100px;" class="sec2">
<h5>AMD RYZEN<sup>TM</sup> 9 7940HS PROCESSOR</h5>
<h2>The Ultimate Ultrathin Processor<sup>3</sup></h2>
<h4>Featuring the world’s first dedicated AI hardware on an x86 processor4, experience faster and more efficient <br>performance in AI centric workloads. Capable of achieving clock speeds of up to 5.2 GHz, power through dense<br> workloads, maximize frames in the most demanding titles, or cruise through daily tasks with new levels of ease.</h4>
<div class="content">
<div class="div1">
<h1>5.2 GH<sub>z</sub></h1>
<h3>Max Clock Speed</h3>
</div>
<div class="div2">
<h1>8 Cores</h1>
<h3>16 Threads</h3>
</div>
<div class="div3">
<h1>AMD Ryzen<sup>TM</sup> AI</h1>
<h3>Dedicated AI Engine</h3>
</div>
</div>
<video style="width: 100%;" autoplay loop muted src="images/sec7 video 1.mp4" type="video/mp4"></video>
</section>
</section>
<section style="padding-top: 1250px; height: 235vh;" class="sec2">
<h5>14" QHD+ 240 HZ 16:10 DISPLAY</h5>
<h2>Edge-to-Edge Quality and Clarity</h2>
<h4>Equipped with an all-new display featuring a higher pixel density, faster refresh rate, and lower response time, gaming<br> on the go has never looked this smooth or felt this immersive.</h4>
<div class="content">
<div class="div1">
<h1>2560 x 1600</h1>
<h3>Resolution</h3>
</div>
<div class="div2">
<h1>215</h1>
<h3>Pixels Per Inch</h3>
</div>
<div class="div3">
<h1> < 3 ms</h1>
<h3> Response Time</h3>
</div>
</div>
</section>
<section class="sec9">
<video style="width: 100%;" loop autoplay muted src="images/sec7 video2.mp4"></video>
<h5>EXPANDABLE DDR5 MEMORY</h5>
<h2>Ultra-fast and Fully Upgradeable</h2>
<h4>Operating at 5600MHz and easily upgradable to 64 GB for even better multitasking performance to overcome<br> your most demanding tasks.
</h4>
<video style="width: 100%;" loop autoplay muted src="images/sec9 video 1.mp4"></video>
</section>
<section style="margin-top: -100px; height: 370vh;" class="sec2">
<h5>OPTIMIZED VAPOR CHAMBER COOLING</h5>
<h2>Thin. Cool. Efficient.</h2>
<h4>Featuring an improved design with the world’s thinnest exhaust fins5, the vapor chamber solution cools components<br> better than ever before while maintaining the Blade’s signature low-profile design.</h4>
<div class="content">
<div class="div1">
<h1>59%</h1>
<h3>Surface Area Coverage</h3>
</div>
<div class="div2">
<h1>Dual-Fan</h1>
<h3>Exhaust</h3>
</div>
<div class="div3">
<h1> 0.05 mm</h1>
<h3> Exhaust Fins</h3>
</div>
</div>
<video style="width: 100%;" loop autoplay muted src="images/razer-blade-14-2023-chamber-cooling-video.mp4"></video>
<h5>CONSTANTLY CONNECTED</h5>
<h2>Compact and Versatile</h2>
<h4>Equipped with an abundance of ports and features to keep you connected to your accessories and the outside world.<br> From mobile livestreams to multi-monitor setups, to Thunderbolt™ docking stations, do it all without the need for a<br> dongle or adapter.</h4>
<img style="width: 100%;" src="images/razer-blade-14-2023-connected-desktop.jpg" alt="">
<div style=" padding-top: 100px; font-size: 20px; margin-left: 300px; display: flex; color: rgb(154, 154, 154);" class="list">
<div>
<ol>
<li>Full HD Webcam with Privacy Shutter</li>
<li>USB 3.2 Gen 2 Type A</li>
<li>USB4 Type-C</li>
</ol>
<h6> *Not shown: Wi-Fi 6E / BT5.2</h6>
</div>
<div style="margin-left: 300px;">
<ol>
<li>HDMI 2.1</li>
<li>3.5 mm Combo Audio Jack</li>
<li>Kensington Lock</li>
<li>Power Port</li>
</ol>
</div>
</div>
<div class="footer">
<div class="row1">
<h3>shop</h3>
<h4>RazerStores</h4>
<h4>RazerCafe</h4>
<h4>Store Locator</h4>
<h4>Purchase Programs</h4>
<h4>Education</h4>
<h4>Exclusives</h4>
<h4>RazerStore Rewards</h4>
<h4>Newsletter</h4>
</div>
<div class="row1">
<h3>Explore</h3>
<h4>Technology</h4>
<h4>Chroma RGB</h4>
<h4>Concepts</h4>
<h4>Esports</h4>
<h4>Collabs</h4>
</div>
<div class="row1">
<h3>Support</h3>
<h4>Get Help</h4>
<h4>Registration & Warranty</h4>
<h4>RazerStore Support</h4>
<h4>RazerCare</h4>
<h4>Manage Razer ID</h4>
<h4>Support Videos</h4>
<h4>Accessibility Statement</h4>
</div>
<div class="row1">
<h3>Company</h3>
<h4>About Us</h4>
<h4>Careers</h4>
<h4>Press Room</h4>
<h4>zVentures</h4>
<h4>Contact Us</h4>
</div>
<div class="row1">
<h3>Follow Us</h3>
<h4><i class="fa-brands fa-facebook fa-2xl"></i></h4>
<h4><i class="fa-brands fa-instagram fa-2xl"></i></h4>
<h4><i class="fa-brands fa-twitter fa-2xl"></i></h4>
<h4><i class="fa-brands fa-youtube fa-2xl"></i></h4>
<h4><i class="fa-brands fa-tiktok fa-2xl"></i></h4>
<h4><i class="fa-brands fa-discord fa-2xl"></i></h4>
</div>
</div>
</section>
</body>
</html>