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
Top comments (2)
Thank you
Thanks for sharing. I'm gonna implement all these things on my Building Company Edinburgh blog.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.