Complete Responsive Save Nature Website Design [ HTML CSS JAVASCRIPT ] – Step By Step

create a complete responsive save nature / environment / forest website design template using html, css and vanilla javascript from scratch.
complete responsive mobile first nature website design tutorial step by step.
simple responsive website design using flexbox layout.

the main features of this website are:

✔ responsive header / navbar section with toggle menu effect
✔ responsive and simple hero / home section
✔ responsive about section using flexbox
✔ responsive service section with flexbox
✔ responsive project sections with awesome hover effects
✔ responsive donate section with video on background effect
✔ responsive post section using flexbox
✔ responsive footer section using flexbox

* SOURCE CODE *

DONWLOAD THE SOURCE CODE FROM GOOGLE DRIVE:
https://drive.google.com/file/d/1Ba-GYzN5VqKoKU2PHQkcsQWWfYd84lcF/view?usp=sharing

download the home background image from here:
https://www.freepik.com/free-vector/leaves-background-with-metallic-foil_8418704.htm#page=1&query=nature&position=0

download the images from:

https://www.freepik.com/search?dates=any&format=search&page=1&query=nature%20save&selection=1&sort=popular&type=photo

[ https://www.freepik.com/ ]

https://pixabay.com/photos/search/save%20nature/

[ https://pixabay.com/ ]

download the donate background video from here:
https://pixabay.com/videos/id-23881/

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google font ” open sans “:
https://fonts.google.com/specimen/Open+Sans?query=open+sans

New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw

0:00 demo
4:38 file structure
5:46 header / navbar section
13:15 home section
17:54 about section
23:28 service section
28:10 project section
33:02 donate / contact section
39:14 post section
43:48 footer section
49:41 mobile first

#NatureWebsite
#CompleteWebsite
#ResponsiveWebsite
#MobileFirst
#AnimatedWebsite
#HTML5
#CSS3
#JAVASCRIPT
#WebDesign
#WebDevelopment