Summary
Keywords
Full Transcript
How to make a responsive real state website design using HTML CSS and JavaScript. Real estate landing page. Along with css animations and dark light theme. Developed first with the Mobile First methodology, then for desktop. 🔔 Subscribe for more! https://www.youtube.com/c/Bedimcode ❤️ Get source code https://buymeacoffee.com/bedimcode/e/69369 💙 Get template by PayPal https://ko-fi.com/s/7a45e2e9d3 ------------------------------ 👨💻 Start project from scratch https://github.com/bedimcode/responsive-real-state-website ☝ Download the project base files on GitHub. - Click on the GitHub link - Click the green button (code) - Click Download ZIP - Extract the project to the desired location 📁 Assets Icons: https://boxicons.com/ Fonts: https://fonts.google.com/ GitHub: https://github.com/bedimcode/responsive-watches-website Swiper: https://swiperjs.com/ ScrollReveal: https://scrollrevealjs.org/ ⏱ Timestamps 0:00 Intro real state website 4:06 Project Setup 6:01 Variables CSS 8:19 Reset HTML & Reusable CSS Classes 11:18 Header & Nav 18:55 Home 31:13 Buttons 33:56 Change Background Header 36:00 Logos 38:12 Popular 52:52 Value 01:13:36 Contact 01:25:47 Subscribe 01:29:27 Footer 01:41:20 Scroll Sections Active Link 01:44:14 Scroll Bar 01:45:40 Scroll Up 01:49:08 Dark/Light Theme 02:00:56 Breakpoints 02:30:30 ScrollReveal Animation 02:36:05 Final Project ------------------------------ 📬 Any questions about the project send a DM to Facebook (Bedimcode) ⌚ I answer at 6:00 PM (Perú time) ✒️ Inspiration https://dribbble.com/shots/16603527-Homyz-Property-Landing-Page-Website Images https://unsplash.com/@rarchitecture_melbourne ------------------------------ ☕️ Support me https://www.buymeacoffee.com/bedimcode 💙 Support me by PayPal https://ko-fi.com/bedimcode 👍 Thanks for watching! Make sure to like + Subscribe For More! ❤ #realstatewebsite #responsivewebsite #bedimcode
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
