Full Website Landing Page Design | HTML CSS JS | Build A Modern Website From Scratch

How to create a sleek, responsive landing page with HTML CSS and JS code. Build a website from scratch in minimal time.

Get The Source Code From All Of My Videos:

Original Design:

All images belong to Aer and the respective photographers

What you will learn:
How to-
- Build a responsive website from scratch
- Create a responsive navbar
- Create a responsive sidebar with open/close functionality using pure Javascript code (No libraries)
- Add beautiful animations to multiple elements using CSS and JS
- Create a super clean layout & design using Flexbox and CSS Grid
- Build a working and responsive slider from scratch, using only Javascript code
- Turn Adobe XD design or Photoshop Design into HTML, CSS & JS Code
- And much more...

Images Used In The Video:
Main PNG Banner Image
Thumbnails

Google Icons:

Font Used:

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

Follow me on Instagram:

My Products:

Support Me To Keep Creating And Improving My Content:

Tags:
#website
#css
#html

Landing page website portfolio from scratch
beautiful sleek modern website design
professional website design
build a complete website in minutes

[quickcodingtuts]

Check out the original design by Daniel Klopper

[geee]

This is another level of expertise and creativity

[supportvideo]

Wow amazing Please more more landing page pure HTML and Css dribbble im education for you thank you very much.

[nicolastriana]

Thank you for the video. However, it's a little bit difficult for me to follow you while watching the video due to the way you format the code. Sometimes, I really lose track of the closing </div> tag on more than one occasion.

[arkahhhzzrisingto]

really no words 😶😶 truly out of universe
epic work☕☕☕☕

[Khira.]

simple and greate thanks a lot is beautiful

[reftaindramaharani]

hello, I'm going to ask why the navbar icon doesnt appear after I follow your direction. It only appears "segment" not the hamburger menu

[slimmerTheeGamer]

Why have you enclose your html with the header tag instead of the body, im new in web development and i haven't seen that anywhere..please explain

[Karma-kxhf]

closing opening menu in small device is not working for me ...do we need to specify menu-open class in HTML..please reply:)

[kaby_ais]

my javascript and css codes are not working. my webpage is white and simple

[junaidali]

I have done all all the steps exactly as explained but my menue is not opening

[xariel]

Hey! The btn.addEventListener('click', sidenavToggle) doesn't seem to be working thus not opening the menu, I have linked the js file already and tested that is working with a console.log, still, it refuses to detect a click. Any idea why this may be the case? I'm not sure where btn comes from and my guess is that I'm missing something there, thank you!