This repository contains my practice projects and learning materials from the Udemy course "Modern HTML & CSS From The Beginning 2.0" by Brad Traversy. Each folder includes hands-on exercises and mini-projects built while mastering modern web development fundamentals — including HTML5, CSS3, Flexbox, Grid, responsive design etc.
This course was completed as part of my professional development training at Bangladesh Software Solution(BSS).
This repository includes multiple small to medium-sized projects designed to strengthen the understanding of:
- Semantic HTML5 structure
- Modern CSS layout techniques using Flexbox/Grid.
- Responsive web design with media queries
- used FormSpree for contact form submit
- Created animations using CSS transitions, transforms, and keyframes
- Utility classes and reusable CSS components
- Integrated icons and external fonts (Font Awesome, Google Fonts)
- Organized projects with clean, maintainable folder structures
- used netlify for Hosting
| Project Name | Description | Live Demo | Source Code |
|---|---|---|---|
| Leno | Leno: A modern, responsive landing page for showcasing app features, previews, details, and downloads with a user-friendly design. | Link | Visit |
| TuTor | Tutor: A video course platform for mastering professional skills with hands‑on, project‑based lessons. | Link | Visit |
| Lumina Creative | A layout with navigation, image gallery, about, contact and footer sections. | Link | Visit |
| Bono App | A responsive contact form with gradient background. | Link | Visit |
| Pricing Grid | A simple responsive pricing grid layout. | Link | Visit |
- HTML5
- CSS3
- VS Code
- FormSpree
- Google Fonts
- Font Awesome
- Netlify for hosting
- Clone the repository
git clone https://github.com/Abs-Shagor/HTML_CSS_BY_UDEMY_x_BSS.git- Navigate to the project folder:
cd repository-name- Open the project in VS Code (or your preferred editor):
code .- Open any index.html file directly in your browser to view the project.
- Practice by modifying layouts, styles, and adding new features.
- Writing clean, semantic HTML5 code
- Creating accessible, well-structured documents
- Styling modern, responsive layouts using CSS3
- Using Flexbox and Grid for complex, responsive layouts
- Creating CSS Transitions for smooth hover effects.
- Implementing CSS Transforms (translate, rotate, scale)
- Building Keyframe Animations with
@keyframesfor complex animations - Practical use of icons and external fonts (Font Awesome, Google Fonts)
- Reusable components
- Animated hamburger menus
- Interactive navigation
- image light-box
- Basic DOM manipulation
- Scalable project structure
- Responsive design principles
- Git/GitHub workflow
- Debugging and optimization
- Real-time message sending via Formspree
I would like to express my gratitude to:
- Ahmmad Asheq Bin Mazib and Bangladesh Software Solution (BSS) for giving me the opportunity and support to complete this Udemy course as part of my professional development
- Brad Traversy for creating and teaching the "Modern HTML & CSS From The Beginning 2.0" course