How to Build Impressive Real Estate Website Using HTML CSS and JavaScript
Sadee
Posted on August 29, 2023
In this video, we'll teach you how to create an impressive real estate website with HTML, CSS, and JavaScript.
By the end of this video, you'll have everything you need to create a website that looks great on all devices and is responsive so that it looks great on any device, no matter how large. You'll also learn how to use HTML and CSS to create a sleek and elegant website, and how to use JavaScript to add interactivity and sophistication to your site. So If you want to learn how to build real estate websites, this video is for you!
What You'll Learn:
πΉ Designing a captivating and responsive user interface with HTML and CSS
πΉ Adding interactive section and some functionalities using JavaScript
πΉ Optimizing your website for various devices and screen sizes
πΉ CSS custom property & how to use them
πΉ CSS advance grid & flex layout
πDownload Starter Code
πSource Code 1
πSource Code 2
πFigma UI
πJoin our discord community to get help
β±οΈ Timestamps
ββββββββββββββββββββββββββ
0:00 - Demo
14:02 - File structure
15:16 - Project initial
35:10 - Home page - Header
47:10 - Light and dark mode
52:35 - Mobile nav
59:17 - Home page - Hero section
1:06:58 - Home page - Tab section
1:46:24 - Home page - Slider section
1:53:40 - Home page - Tag section
2:04:46 - Footer
2:08:01 - Setup API
2:15:19 - JavaScript - Tab section
2:40:34 - JavaScript - Slider section
2:51:17 - Snackbar
2:58:24 - Recipe page
4:25:18 - Recipe page - Rander recipe
4:40:48 - Detail page
2:37:26 - Detail page - Randar recipe detail
5:16:33 - Bookmark page
5:26:31 - Media queries
Posted on August 29, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.