Summary
Keywords
Full Transcript
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
