Skip to content

Commit 97d725e

Browse files
kamilmysliwieckamilmysliwiec
committed
feat: new navigation
1 parent b8b97dc commit 97d725e

File tree

2 files changed

+225
-45
lines changed

2 files changed

+225
-45
lines changed

‎index.html

Lines changed: 125 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -109,26 +109,60 @@
109109
>DOCUMENTATION</a
110110
>
111111
</li>
112-
<li class="hidden-sm">
112+
<li class="hidden-sm hidden-md">
113113
<a
114114
href="https://enterprise.nestjs.com"
115115
title="Enterprise | NestJS - A progressive Node.js framework"
116116
>ENTERPRISE</a
117117
>
118118
</li>
119-
<li class="hidden-sm">
120-
<a
121-
href="https://courses.nestjs.com"
122-
title="Courses | NestJS - A progressive Node.js framework"
123-
>COURSES</a
124-
>
125-
</li>
126119
<li class="hidden-sm hidden-md">
127-
<a
128-
href="https://devtools.nestjs.com"
129-
title="Devtools | NestJS - A progressive Node.js framework"
130-
><span class="new">NEW</span> DEVTOOLS</a
131-
>
120+
<span
121+
><span class="new">NEW</span
122+
><span class="text">DISCOVER</span>
123+
<i class="fa-solid fa-chevron-down arrow"></i
124+
></span>
125+
<div class="sub-nav-outlet">
126+
<div class="sub-nav-wrapper sub-nav-wrapper--light">
127+
<span class="nav-category">Education</span>
128+
<ul>
129+
<li>
130+
<a
131+
href="https://courses.nestjs.com"
132+
title="Courses | NestJS - A progressive Node.js framework"
133+
>Courses</a
134+
>
135+
</li>
136+
</ul>
137+
<span class="nav-category">Platforms</span>
138+
<ul>
139+
<li>
140+
<a
141+
href="https://devtools.nestjs.com"
142+
title="Devtools | NestJS - A progressive Node.js framework"
143+
>Jobs</a
144+
>
145+
</li>
146+
</ul>
147+
<span class="nav-category">Tools</span>
148+
<ul>
149+
<li>
150+
<a
151+
href="https://devtools.nestjs.com"
152+
title="Devtools | NestJS - A progressive Node.js framework"
153+
>Devtools</a
154+
>
155+
</li>
156+
<li>
157+
<a
158+
href="https://courses.nestjs.com"
159+
title="Courses | NestJS - A progressive Node.js framework"
160+
>Deploy</a
161+
>
162+
</li>
163+
</ul>
164+
</div>
165+
</div>
132166
</li>
133167
<li>
134168
<a
@@ -180,26 +214,60 @@
180214
>DOCUMENTATION</a
181215
>
182216
</li>
183-
<li class="hidden-sm">
217+
<li class="hidden-sm hidden-md">
184218
<a
185219
href="https://enterprise.nestjs.com"
186220
title="Enterprise | NestJS - A progressive Node.js framework"
187221
>ENTERPRISE</a
188222
>
189223
</li>
190224
<li class="hidden-sm">
191-
<a
192-
href="https://courses.nestjs.com"
193-
title="Courses | NestJS - A progressive Node.js framework"
194-
>COURSES</a
195-
>
196-
</li>
197-
<li class="hidden-sm hidden-md">
198-
<a
199-
href="https://devtools.nestjs.com"
200-
title="Devtools | NestJS - A progressive Node.js framework"
201-
><span class="new">NEW</span> DEVTOOLS</a
202-
>
225+
<span
226+
><span class="new">NEW</span
227+
><span class="text">DISCOVER</span>
228+
<i class="fa-solid fa-chevron-down arrow"></i
229+
></span>
230+
<div class="sub-nav-outlet">
231+
<div class="sub-nav-wrapper">
232+
<span class="nav-category">Education</span>
233+
<ul>
234+
<li>
235+
<a
236+
href="https://courses.nestjs.com"
237+
title="Courses | NestJS - A progressive Node.js framework"
238+
>Courses</a
239+
>
240+
</li>
241+
</ul>
242+
<span class="nav-category">Platforms</span>
243+
<ul>
244+
<li>
245+
<a
246+
href="https://devtools.nestjs.com"
247+
title="Devtools | NestJS - A progressive Node.js framework"
248+
>Jobs</a
249+
>
250+
</li>
251+
</ul>
252+
<span class="nav-category">Tools</span>
253+
<ul>
254+
<li>
255+
<a
256+
href="https://devtools.nestjs.com"
257+
title="Devtools | NestJS - A progressive Node.js framework"
258+
>Devtools</a
259+
>
260+
</li>
261+
<li>
262+
<a
263+
href="https://courses.nestjs.com"
264+
title="Courses | NestJS - A progressive Node.js framework"
265+
>Deploy</a
266+
>
267+
</li>
268+
</ul>
269+
</div>
270+
</div>
203271
</li>
204272
<li>
205273
<a
@@ -260,22 +328,24 @@ <h4>
260328
<div class="icon-wrapper"><img src="img/3d.svg" /></div>
261329
<h5>Extensible</h5>
262330
<p>
263-
Provides unparalleled flexibility through its meticulously crafted modular architecture.
331+
Provides unparalleled flexibility through its meticulously crafted
332+
modular architecture.
264333
</p>
265334
</div>
266335
<div class="col-md-4 highlight-block">
267336
<div class="icon-wrapper"><img src="img/magic-wand.svg" /></div>
268337
<h5>Versatile</h5>
269338
<p>
270-
Serves as a robust, elegant, and well-structured foundation for all
271-
kinds of server-side applications.
339+
Serves as a robust, elegant, and well-structured foundation for
340+
all kinds of server-side applications.
272341
</p>
273342
</div>
274343
<div class="col-md-4 highlight-block">
275344
<div class="icon-wrapper"><img src="img/quality.svg" /></div>
276345
<h5>Progressive</h5>
277346
<p>
278-
Introduces design patterns and well-established solutions to the Node.js landscape.
347+
Introduces design patterns and well-established solutions to the
348+
Node.js landscape.
279349
</p>
280350
</div>
281351
</div>
@@ -286,7 +356,8 @@ <h5>Progressive</h5>
286356
<div class="heading">
287357
<h4>Everything you need..</h4>
288358
<p>
289-
Build robust, powerful, and scalable server-side applications and stop reinventing the wheel.
359+
Build robust, powerful, and scalable server-side applications and
360+
stop reinventing the wheel.
290361
</p>
291362
</div>
292363
<div class="row blocks-row">
@@ -295,7 +366,8 @@ <h4>Everything you need..</h4>
295366
<div class="icon-wrapper"><img src="img/icons/puzzle.svg" /></div>
296367
<h5>Modularity</h5>
297368
<p>
298-
Streamline upkeep by organizing applications into self-contained modules.
369+
Streamline upkeep by organizing applications into self-contained
370+
modules.
299371
</p>
300372
</div>
301373
</div>
@@ -313,25 +385,32 @@ <h5>Scalability</h5>
313385
<div class="icon-wrapper"><img src="img/icons/di.svg" /></div>
314386
<h5>Dependency injection</h5>
315387
<p>
316-
Elevate testability with a sophisticated dependency injection system.
388+
Elevate testability with a sophisticated dependency injection
389+
system.
317390
</p>
318391
</div>
319392
</div>
320393
<div class="col-md-3 col-sm-6">
321394
<div class="block">
322-
<div class="icon-wrapper"><img src="img/icons/type-safety.svg" /></div>
395+
<div class="icon-wrapper">
396+
<img src="img/icons/type-safety.svg" />
397+
</div>
323398
<h5>Type safety</h5>
324399
<p>
325-
Mitigate errors through the robust type safety features of TypeScript.
400+
Mitigate errors through the robust type safety features of
401+
TypeScript.
326402
</p>
327403
</div>
328404
</div>
329405
<div class="col-md-3 col-sm-6">
330406
<div class="block">
331-
<div class="icon-wrapper"><img src="img/icons/ecosystem.svg" /></div>
407+
<div class="icon-wrapper">
408+
<img src="img/icons/ecosystem.svg" />
409+
</div>
332410
<h5>Rich ecosystem</h5>
333411
<p>
334-
Explore a rich ecosystem offering versatile tools to craft solutions tailored to your needs.
412+
Explore a rich ecosystem offering versatile tools to craft
413+
solutions tailored to your needs.
335414
</p>
336415
</div>
337416
</div>
@@ -340,16 +419,20 @@ <h5>Rich ecosystem</h5>
340419
<div class="icon-wrapper"><img src="img/icons/chip.svg" /></div>
341420
<h5>Enterprise-ready</h5>
342421
<p>
343-
Trusted by thousands of leading companies and organizations worldwide.
422+
Trusted by thousands of leading companies and organizations
423+
worldwide.
344424
</p>
345425
</div>
346426
</div>
347427
<div class="col-md-3 col-sm-6">
348428
<div class="block">
349-
<div class="icon-wrapper"><img src="img/icons/microservices.svg" /></div>
429+
<div class="icon-wrapper">
430+
<img src="img/icons/microservices.svg" />
431+
</div>
350432
<h5>Microservices</h5>
351433
<p>
352-
Create loosely coupled, independently deployable services for increased agility and scalability.
434+
Create loosely coupled, independently deployable services for
435+
increased agility and scalability.
353436
</p>
354437
</div>
355438
</div>
@@ -358,7 +441,8 @@ <h5>Microservices</h5>
358441
<div class="icon-wrapper"><img src="img/icons/api.svg" /></div>
359442
<h5>Web apps</h5>
360443
<p>
361-
Build REST APIs, GraphQL APIs, Queues, and real-time & event-driven applications in no time.
444+
Build REST APIs, GraphQL APIs, Queues, and real-time &
445+
event-driven applications in no time.
362446
</p>
363447
</div>
364448
</div>

0 commit comments

Comments
 (0)