Перейти к содержимому

Build a Personal Website with HTML & CSS (Beginner Crash Course)

Coding2GO

0:00 / 0:00

Build a Personal Website with HTML & CSS (Beginner Crash Course)

80 939 просмотров · 1 г. назад
Coding2GO
261 тыс. подписчиков
80 939 просмотров · 1 г. назад
How to build a Website for Absolute Beginners (HTML CSS Project) Learn HTML & CSS with my Complete Course 👉 https://www.udemy.com/course/learn-ht... In this hands-on project, you'll build a complete website using just HTML and CSS — no setup, no frameworks, no experience needed. We go from a blank page to a responsive layout with fonts, images, and a clean modern design. This is the perfect starting point if you're new to web development and want real results fast. It also includes a beginner Tutorial of HTML and CSS to get started. Timestamps: 00:00 About The Project 01:10 Setup a Project with HTML & CSS (for Beginners) 03:58 The Header Section 14:12 How I can help you Section 15:50 Image Gallery Grid (My Work Section) 19:17 Common Questions (FAQ Section) 22:20 Responsive Part (Make it Mobile Friendly) 🔗 Downloads (Free Assets for This Project) Header Image → https://www.pexels.com/photo/portrait... Undraw Illustration → https://undraw.co/search/product-phot... Images for Gallery Grid: img-1 → https://www.pexels.com/photo/tropical... img-2 → https://www.pexels.com/de-de/foto/fot... img-3 → https://www.pexels.com/de-de/foto/rot... img-4 → https://www.pexels.com/de-de/foto/fot... img-5 → https://www.pexels.com/de-de/foto/per... Google Fonts Poppins and Merriweather → https://fonts.google.com/share?select...|Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900 Want to Learn More? Get my JavaScript Course: 👉 https://www.udemy.com/course/javascri... 🧠 source code for this project on my website: https://coding2go.com 💜 Support the Channel and Join as Member:    / @coding2go   Tutorials on Crucial Topics of this video Flexbox Tutorial →    • Learn CSS Flexbox in 20 Minutes (Course)   Responsive Navbar with Menu Button →    • Create a RESPONSIVE NAVBAR with sidebar an...   CSS Grid Areas Explained →    • Learn GRID-AREA to Build Amazing BENTO GRI...