how to make a complete responsive multipages real-estate / estate agency / broker / property listing website design using html, css and vanilla javascript from scratch.
create a complete responsive real estate website front-end design theme using pure html, css and vanilla javascript tutorial for begimners step by step.
Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1CWIVbAfUMD8jYjSodXK335rXnJDNHBTC/view?usp=share_link
( *you are free to use this source code )
*How To Download*
Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.
sweetalert:
https://sweetalert.js.org/
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/
clip path generator:
https://bennettfeely.com/clippy/
Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/c/MrWebDesignerAnas
timestamps:
0:00 demo
3:26 file structure
4:50 header section
27:50 footer section
39:00 home section
50:50 services section
55:40 listings section
1:16:22 view property section
1:35:00 about section
1:37:58 steps section
1:41:08 reviews section
1:46:19 contact section
1:51:05 faq section
1:57:24 search page
2:12:17 login page
2:16:16 register page
2:17:30 final demo
#frontend
#multipages
#realestate
