how to make a complete responsive covid-19 website design using html, css and javascript / jquery step by step.
create a complete responsive corona virus landing page website design from scratch.
the main feature of this website are:
✔ responsive sticky navbar / header with toggle and scroll effect.
✔ responsive home section using flexbox.
✔ responsive protection section using flexbox.
✔ responsive symptoms section using flexbox.
✔ responsive prevent section using flexbox.
✔ responsive hand wash section using flexbox.
✔ responsive spread section using flexbox.
✔ responsive footer section using flexbox.
* SOURCE CODE *
download the source code from google drive ( includes images ):
https://drive.google.com/drive/folders/1CzFkqMQf3ygUkeMhkIRelnMX92gw-pZC?usp=sharing
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
jquery cdn link:
https://cdnjs.com/libraries/jquery
fonts are from google fonts:
https://fonts.google.com/specimen/Roboto?preview.text_type=custom
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
TimeLine:
0:00 demo
3:14 file structure
4:10 header section
12:34 home section
16:34 protection section
19:56 symptom section
22:44 prevent section
26:00 handwash section
29:29 spread section
30:38 footer section
35:56 scroll top
37:24 scroll spy
39:01 smooth scrolling
39:55 final demo
#FrontEnd
#CovidWebsite
#WebDesign
#CompleteWebsite
#ResponsiveWebsite
#WebDevelopment
#HTML5
#CSS3
#JQUERY
create a complete responsive corona virus landing page website design from scratch.
the main feature of this website are:
✔ responsive sticky navbar / header with toggle and scroll effect.
✔ responsive home section using flexbox.
✔ responsive protection section using flexbox.
✔ responsive symptoms section using flexbox.
✔ responsive prevent section using flexbox.
✔ responsive hand wash section using flexbox.
✔ responsive spread section using flexbox.
✔ responsive footer section using flexbox.
* SOURCE CODE *
download the source code from google drive ( includes images ):
https://drive.google.com/drive/folders/1CzFkqMQf3ygUkeMhkIRelnMX92gw-pZC?usp=sharing
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
jquery cdn link:
https://cdnjs.com/libraries/jquery
fonts are from google fonts:
https://fonts.google.com/specimen/Roboto?preview.text_type=custom
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
TimeLine:
0:00 demo
3:14 file structure
4:10 header section
12:34 home section
16:34 protection section
19:56 symptom section
22:44 prevent section
26:00 handwash section
29:29 spread section
30:38 footer section
35:56 scroll top
37:24 scroll spy
39:01 smooth scrolling
39:55 final demo
#FrontEnd
#CovidWebsite
#WebDesign
#CompleteWebsite
#ResponsiveWebsite
#WebDevelopment
#HTML5
#CSS3
#JQUERY
- Category
- Web design
Be the first to comment