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 prevent section using flexbox. ✔ responsive symptoms section using flexbox. ✔ responsive precautions section using flexbox. ✔ responsive doctor section using flexbox. ✔ responsive hand-wash 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/1mAtrBgQS6VsIcihR4io1hjWMSLzK_QYY?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/Poppins New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw TimeLine: 0:00 demo 3:44 file structure 4:53 header section 12:22 home section 15:42 prevent section 20:03 symptoms section 23:31 precautions section 27:25 doctor section 31:33 hand-wash section 34:24 footer section 37:53 scroll top button 39:11 scroll spy 40:43 smooth scrolling 41:30 final demo #FrontEnd #CovidWebsite #WebDesign #CompleteWebsite #ResponsiveWebsite #WebDevelopment #HTML5 #CSS3 #JQUERY
