SpaceX Website Landing Page Design With Only HTML & CSS | How To Make Website Design In HTML & CSS

Hey Friends today we will make SpaceX Website Landing Page Design With Only HTML & CSS. If you find this tutorial useful give it a like and Subscribe for more awesome web development content. Fell free to ask any question in comments.

Code Editor: Vs Code

Intro Credit:

0:00 Intro
0:08 Landing Page Showcase
0:47 Files
1:04 Font Awesome link download from description
1:15 Html code for navbar
2:02 Font-families links download from description
2:07 Universal css styling
2:16 Navbar css styling
4:29 Hover effect for navbar
5:12 Hero section Html Code
5:28 Hero section content Html code
6:12 Hero section buttons Html code
6:37 Hero section Icons Html code
7:26 Hero section Image Html code
8:05 Hero section css styling
8:41 Hero section content css styling
9:38 Hero section buttons css styling
11:58 Hero section social media icons css ctyling
13:15 Hover effect for social media icons
13:31 Remove margin-top from Hero section
13:39 Final Result

[usamatabbassum]

Jumped from Instagram to here. Keep up the good work

[marcomcl]

Recently joined the channel and follow on Instagram and everything is AMAZING!

[facthain]

If u add resources links like images/icons etc that would be really nice. Please

[kunalchauhan]

Came here from instagram and really looking forward to your videos. do share resources like images, vector, icons.

[SudhanshuKumar-lpnr]

What are the import cdn you're using and fonts also

[thiagorobot]

Hello, where can I find the astronaut's img

[imran-it]

can you please tell me which color theme you use in VS code
thank you

[VFA]

please, give us the size of the image

[ankitnayak]

Bro it would be amazing if u can provide the images files