Landing Page Build (with Parallax) #2 - Project Setup

Learn how to make a responsive landing page with a parallax and slider.

⭐⭐ Get the full course now (without ads) on the Net Ninja Pro site:

⭐⭐ Get access to all free & PREMIUM courses on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 Figma Tutorial (learn how to design this project):

🐱‍💻 Finished live project:

🐱‍💻 Tailwind Course:

🔥🔥🔥 Other resources:

[alan-overthenet]

Thank you so much. I have learnt more in this one video (video 1) than I have in the courses I have on Udmey, and YouTube :)

[window.location]

Awesome, this is very close to production level setup 👏.

[hiteshaloney]

Can you please tell me the extension name you are using for Vscode font ?

[Extiriority]

This is fantastic for my portfolio website this summer :)

[alexpiano]

ok, I'll follow along. Any tutorial using Vite these days is worth to follow IMO :)

[Bengadeer]

I notices if you use Node.js past v16 things are a little different. SVGs: can't use camelcase for 'viewBox', must be 'viewbox' or 'data-' attributes. Like 'data-slideContainer' has to be 'data-slide-container'. I also had trouble with the outline accents of the footer navigation links. There are so many class rules, I probably misspelled something but can't find it. Great use of JS code. I added a function stopSend() {setTimeout(() => location.reload(), 1500);} to bring the page back to normal. I enjoyed the challenge of this series.

[Vendetta]

What font is that you are using for ur Vscode?

[truthteachers]

I am using vite version v3. When i run tailwindcss init, it generated .cjs files instead of .js files. Please advise, tq.

[mattari]

Hey. Where can i download the images ?

[mzubair]

My font sizes are not working please help.
I did exactly like you but class="text-5xl)" (/ any other text-size) is not working :(

Edit: It is Working Now Thank you (I messed up the Clamp Brackets)

[juliannicholls]

Just my opinion, I'm sure you love that font but I don't think it's great for teaching with.

[zachfenton]

I don't hear a British accent anymore

[rrasch]

If Tailwind and Javascript knowledge is the prerequisite here…then this tutorial seems pretty pointless as those people would already know how to produce a page like this.