Are you wondering how to make a website using #HTML and #CSS? Join me today to create a modern, fully responsive HTML & CSS website with animations!
π» JS Mastery Pro β https://jsmastery.pro/youtube
β
A special YOUTUBE discount code is automatically applied!
π FREE Ultimate VS Code Cheatsheet: https://resource.jsmastery.pro/vsc-extensions
βHostinger β https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
π Materials/References:
GitHub Code (give it a star β): https://github.com/adrianhajdin/project_html_css_website
Assets folder: https://drive.google.com/file/d/1feqXd1mPKjdQDjd3l4hV_JcX-l1mJRor/view?usp=sharing
GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/cad20aad1fefa9163a449e8feb91b602
Deployed site: https://modern-bussiness-website.com/
Missing navbar code: https://gist.githubusercontent.com/adrianhajdin/cad20aad1fefa9163a449e8feb91b602/raw/234a82afd7d52e13fec1ffdc8183a6f3fe7281fe/missed-navbar-code.css
In this course, you will learn how to:
β Use CSS variables
β Import CSS files into other CSS files
β Use flex and position properties in CSS
β Create smooth and subtle animations
β Use the BEM naming method
β Maintain a well-organized file and folder structure
β Embrace the principles of writing clean code
π» Join JSM on Discord β https://discord.gg/n6EdbFJ
π¦ Follow JSM on Twitter β https://twitter.com/jsmasterypro
πΌοΈ Follow JSM on Instagram β https://instagram.com/javascriptmastery
πΌ Business Inquiries: contact@jsmastery.pro
π Time Stamps:
00:00:00 Intro
00:12:35 Setup
00:14:19 Header & Navbar
00:22:48 Hero Section
00:48:57 About Us Section
01:00:19 Popular Section
01:26:39 Animations
1:33:12 Trending Section
01:56:52 Newsletter Section
02:17:58 Deployment