How To Make A Responsive Construction Website Design [ HTML / CSS / SASS / JavaScript ] From Scratch

create a complete responsive construction firm website design using html css / sass and vanilla javascript step by step.
create a complete responsive construction firm, interior design, house builder, architecture website design tutorial for beginners.

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive about section using flexbox and grid.
✅ responsive services section using grid.
✅ responsive projects light gallery section using grid.
✅ responsive contact section using flexbox.
✅ responsive footer section.

* SOURCE CODES *

font awesome cdn link:

google fonts:

clip-path generator:

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
Images / Video / SVG : -

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

Timestamp:
0:00 demo
3:21 file structure
4:28 header
44:14 home
56:36 about
1:03:37 services
1:08:06 projects
1:16:34 reviews
1:22:28 pricing
1:28:44 contact
1:36:14 blogs
1:42:32 clients logo
1:46:02 footer
1:48:28 final demo

#FrontEnd
#ConstructionDesign
#SinglePage

[nguyenduyhung]

The web is so beautiful. I don't know what to say other than have a nice day

[TEEJAY-di]

Great work! But I couldn’t identify the image links in the description

[keemeshrampersad]

And i was just gonna request a construction Website and My Guy read my mind... Bro you are a legend😄

[arnavsingh]

Please Make a Multipage Portfolio website With Option To Change To Dark And Light Mode By The User Like Professional Websites Please

[AsifDawood]

Very good video and website. Thank you very much brother. it would have been better if there was voice so that some concepts can be explained briefly. If not voice, atleast small notes in the video to explain some concepts. On the whole very good work. And i see in your youtube channel you have made websites for every conceivable business👍👍

[icsebabaofficial]

Really man you are mr web designer👏❣️❣️

[aryatands]

Very good video and website. Thank you very much bro like this chaenel

God bless u and your family bro

[rahee]

Why *rem* for font-size, why not *vw* ?

[alisonmanning]

why does the contact-info stop functioning when the login icon and login form are removed??

[MusicCreator-bd]

You are one of the best helpful person i have ever see. Thank you so much.

[botwood]

The logo doesn't change for me at 13:56

[kholidfajar]

Can you make tutorial video how to create website for reading online comic, sir?

[balajiravi]

Where I can get beautiful images free. This will help all of us to get started

[yungxix]

We can thank you enough for You're amazing

[jamijordan]

Hi is it just me or is the css in the video completely different from the css in source code? On my end litereally nothing is the same from lines 120 to 900.

[howgreatisourgodgreatminds]

Wow!! This is awesome. Can you please do a tutorial on how to build a church website?

[CodeSpark]

why the media queries are not working ..and you did show the actual compilation of scss to css

[botwood]

css/style.css mistake for those who don't understand bro, should be just style.scss in your case

[southmoviehdlife]

Please reply how can access many class or id in one class...??

[mrCetus]

thank you very much. I hope you make videos that incorporate React Js too