
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!
Ultimate Next 14 Course: https://www.jsmastery.pro/next15
๐ 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
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