Build & Deploy Responsive Websites with HTML SASS / CSS & JavaScript

In this practical HTML, SASS/CSS, and JavaScript project tutorial, I'm going to teach you, step-by-step, how to build and deploy a fully responsive hospital website from scratch! By the end of this tutorial, you will know how to create a responsive website from scratch using HTML SASS and JavaScript, how to use partials in Sass to modularize your stylesheet, how to use variables in Sass, how to use mixins in sass, how to use built-in functions in sass, how to use keyframes and transitions to animate your website, how to use media queries to make your website responsive on different screen sizes, how to use swiperJS to create slides/carousels, how to use Formspree for form submission, and more!

Timestamps
00:00:00 Intro (Project Overview)
00:02:28 Buying Hosting & Claiming Free Domain Name on Hostinger
00:05:30 Project Folder Structure & Extensions
00:10:35 Config Styles
00:16:50 General Styles
00:21:25 Mixin Styles
00:30:47 Nav HTML
00:35:30 Nav SASS/CSS
00:45:27 Responsive Navbar Design
00:53:00 Navbar Dropdown using JavaScript
00:57:28 Navbar Dropdown Animation using Keyframes
01:03:50 Header HTML
01:05:58 Header SASS/CSS
01:15:20 Services HTML
01:17:30 Services SASS/CSS
01:26:00 Specialists HTML
01:31:52 Specialists SASS/CSS
01:52:45 Testimonials HTML
01:57:52 Testimonials SASS/CSS
02:02:38 Testimonials Slides with SwiperJS
02:12:36 Appointment HTML & SASS/CSS
02:34:48 Appointment Form Submission using FormSpree
02:39:55 Footer HTML
02:42:43 Footer SASS/CSS
02:51:15 Adding More Functionalities
03:02:08 Deploying The Website

Source Code, Assets & Live Demo: https://www.buymeacoffee.com/egator/e/61533 

Become a patron: https://patreon.com/egator 

Assets: https://drive.google.com/file/d/1OzTDnjqIsKY7oA4GV-x5w68AvDWBNNW3/view?usp=sharing 

Subscribe: https://www.youtube.com/c/EGATORTUTORIALS/featured 

#html #css #javascript 

What is GEEK

Buddha Community

Responsive Personal Portfolio Website Using HTML CSS and JavaScript

Tutorial: https://youtu.be/9DDiorNZiyw

#create a portfolio website with html css javascript #personal portfolio complete website using only html css javascript #responsive portfolio website html css javascript #responsive personal portfolio website #portfolio website #responsive website

RESPONSIVE Personal PORTFOLIO Website HTML CSS And JAVASCRIPT

https://youtu.be/J8g9gyzhEoM

#responsive website using html5 and css3 #portfolio website #one page personal website html css #portfolio website design in html css #css responsive website design #responsive website html css

Responsive Personal Portfolio Website HTML CSS and JavaScript

Demo: https://cutt.ly/TvxhH2T

#portfolio website html css #personal portfolio website tutorial #portfolio website #responsive personal portfolio website #portfolio website html css javascript #responsive portfolio website html css javascript

Responsive Personal Portfolio Website using HTML CSS & JavaScript

https://youtu.be/CHQvM4oS7ww

#responsive website using html5 and css3 #responsive website html css #portfolio website #portfolio website design in html css #complete responsive website in html css javascript #one page personal website

Create a Personal Portfolio Website Using HTML CSS and JavaScript

Demo Click Here: https://cutt.ly/2vFKuxe

#portfolio website html css #personal website html css #personal portfolio website #how to create a complete peronal portfolio website #responsive portfolio website html css #responsive personal portfolio website html css