How To Make Complete Responsive Real-Estate Website Design [ HTML CSS Javascript ] – From Scratch

how to a complete responsive real estate website design using html css and vanilla javascript.
create a complete responsive property selling / buying website design template using html css and vanilla javascript from scratch.

the main feature of this website are:
✔ responsive header / navbar section using flexbox.
✔ responsive home section using flexbox.
✔ responsive services card section using flexbox.
✔ responsive featured card section using flexbox.
✔ responsive agents / team card section using flexbox.
✔ responsive contact section using flexbox.
✔ responsive footer section using flexbox.


font awesome cdn link:

google fonts:

New To My Channel Subscribe Now And See More Stuff Like This:

0:00 demo
4:17 file structure
4:50 header section
13:24 home section
23:17 service section
26:03 featured section
37:54 agents section
43:37 contact section
49:44 footer section
53:38 final demo



  1. Bro…. I respect your knowledge but at the minute 31:10 you stoped the video (paused) and changed something in the code then you played the video again, now my code is not working the same as your code, to be more specific it's the moment when you made that change on the images and they got inside a box. NOT GOOD AT ALL!

  2. bro can u speak too during code coz i m weak in javascript so some times it dosen't work in my browser or i didnt understand the js code feauter so if u speak during code it was understandable too. thanks
    but your website design way is awsome keep the good work

  3. Yo no sé cómo no tiene más gente apoyando esto, se nota mucho el desinteres del ser humano por la programación, lo que haces es un ejemplo a seguir.
    Mereces Millones de vistas, likes y subs.

Leave a comment

Your email address will not be published.