How to Build Impressive Real Estate Website Using HTML CSS and JavaScript

Sadee - Aug 29 '23 - - Dev Community

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player