In this video, we will re-create parts of the SpaceX website including the homepage, menus, and some inner pages. We will create some animations and use JavaScript to manipulate the DOM.
Sponsor: Hostinger (10% off):
http://hostinger.com/traversymedia
Github Repo:
https://github.com/bradtraversy/spacex-website
Live Demo:
Website & Courses:
Timestamps:
- Intro
- Hostinger Sponsor
- Project Demo
- Header/Navbar HTML & CSS
- Menu Underline Animation
- Homepage Section A
- Button & Hover Animation
- Fade In & Up Animation
- Scroll Arrow Animation
- Remaining Homepage Sections
- Footer
- Media Queries
- Hamburger Icon & Open Animation
- JavaScript For Open Toggle
- Dark Overlay
- Remove Scroll On Open
- Side Menu HTML & CSS
- Inner Page & Fade Animation
- Stats Counter HTML & CSS
- Stat Counter JavaScript
- Inner Page Responsiveness
- Remaining Inner Pages
- Deploy To Hostinger (Using Git)
1:00:21
12:08
52:41
3:23:11