Complete Responsive Website Designs - Complete Responsive Hospital Website Design [ HTML - CSS - JS - JQUERY - BOOTSTRAP ] Step By Step

4.0 (0)

7 learners

What you'll learn

This course includes

218 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

mobile first website hospital website design html hospital website design medical webdesign hospital website hospital website using html and css hospital website in html bootstrap website design tutorial bootstrap website design bootstrap website tutorial html css bootstrap website design tutorial html css bootstrap website design

Full Transcript

how to make complete responsive hospital design website using html, css, javascript, jquery and bootstrap from scratch. create an animated mobile first complete responsive hospital website design step by step. simple responsive website design tutorial for beginners using html5 css3 javascript / few lines of jquery and simple bootstrap. the main features of this website are: ✔ responsive header section with navbar / menu toggle effect ✔ responsive home section ✔ responsive about section ✔ responsive gallery / facility section with lightbox gallery / magnific popup effect. ✔ responsive review section ✔ responsive counter section ✔ responsive contact section ✔ responsive recent posts section ✔ responsive footer section. ✔ animation on scroll effect ( AOS Library ) * SOURCE CODE * https://www.buymeacoffee.com/mrwebdesigner/e/125619 download and edit svg ( home image ): https://storyset.com/illustration/doctors/bro download the png ( about image ): https://images.app.goo.gl/gVnZ3V6m6fxbBVn5A gallery ( facility and posts ) are from pixabay: https://pixabay.com/images/search/hospital/ pic ( review image ) are from pexels: https://www.pexels.com/ bootstrap cdn link: https://cdnjs.com/libraries/twitter-bootstrap font awesome cdn link: https://cdnjs.com/libraries/font-awesome jquery cdn link: https://cdnjs.com/libraries/jquery magnific popup / lightbox gallery cdn link: https://cdnjs.com/libraries/magnific-popup.js AOS cdn link: https://cdnjs.com/libraries/aos AOS website link: https://michalsnik.github.io/aos/ google fonts " Roboto " : https://fonts.google.com/specimen/Roboto New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw timestamp: 0:00 demo 4:40 file structure 6:50 header / navbar section 15:07 home section 19:01 about section 22:56 facility section 28:19 review section 33:00 counter section 35:28 contact section 40:26 post section 44:17 footer section 47:53 Adding AOS / Animation On Scroll Effect 50:17 mobile first #HospitalWebsite #CompleteWebsite #MobileFirst #AnimatedWebsite #BootstrapWebsite #ResponsiveWebsite #HTML5 #CSS3 #JQUERY #JAVASCRIPT #WebDesign #WebDevelopment