Complete Responsive Hospital Website Design Template Using HTML - CSS - JavaScript || Step By Step

preview_player
Показать описание
how to make a complete responsive hospital website design using html css and vanilla javascript from scratch.
create a complete responsive hospital / medical store / medical website design template using html css and vanilla javascript tutorial for beginners.

the main feature of this website are:
✔ responsive header section using flexbox.
✔ responsive home section using css flexbox.
✔ responsive count box section using css grid.
✔ responsive services box section using css grid.
✔ responsive about section using css flexbox.
✔ responsive team card section using css grid.
✔ responsive contact / booking form section using css flexbox.
✔ responsive testimonial / review card section using css grid.
✔ responsive blogs / post / news box section using css grid.
✔ responsive footer section using css grid.

Buy Me A Coffee :

* SOURCE CODES *

font awesome cdn link:

google fonts:

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
Images / Video / SVG : -
UI Tool : - Figma

New To My Channel Subscribe Now And See More Stuff Like This:

Timestamps:
0:00 demo
3:55 file structure
4:50 header section
11:31 home section
15:23 icons section
18:37 services section
22:18 about section
24:20 doctors section
27:27 booking section
30:20 review section
33:47 blogs section
38:13 footer section
41:59 final demo

#FrontEnd
#HospitalWebsite
#Reponsive
Рекомендации по теме
Комментарии
Автор

I am backend dev. was looking to learn frontend designing, looks like i found the perfect place to get started.

keshavdutttripathi
Автор

Your videos are great but instead of music in the background, can you please explain where you're doing what???

laibaa_younas
Автор

this videos are great, im software enginer and all i learned in university were bullshits but ur guides are amazing <3

padeshahoffical
Автор

First of all thank you for all your videos because it has allowed me to evolve and better understand certain things. And also I understand that now the change to no longer put the source code on drive but at least for the images could you at least put them in drive to facilitate a little more learning. Thanks I am sincerely grateful. B

iamK.
Автор

The easiest way to learn about Web development

saadaqxanshi
Автор

Landed on perfect video...thanks YouTube..

errorfixed
Автор

Superb ❤️ I randomly see this and I am amazed to see this channel. I subscribed in just 5 minutes. Hats of to you

prashantsingh
Автор

Thanks sir for such a great help . cause of this I can complete my whole project UI.

ketakibhosale
Автор

Your channel is best!!! But will you please explain each line in detail as i am doing full stack, its okay if video time is more

farzeensayyed
Автор

adorable work, it help me lot, it inspired me to make best website in future, thanks.

vj
Автор

wow, i love ur videos, its very educational. thank you sir

MisterNop
Автор

We love when you give one zip file witch has all stuffs we need, do this instead bro plse!

rickytechbin
Автор

You are a rockstar. I love your videos and appreciate the efforts to help people like me.

sunny-handa
Автор

Your work is really great. One thing I've noticed is that the websites you create are almost the same. Will you create a variety of very cool websites for us like parallax or do you know what I mean ! So that we can learn. and
Thank you for your wonderful work...

bakhtiarhossain
Автор

Please make one video product page with css grid for e-commerce website

gousiyaart
Автор

Do backend also it will b very helpful for us

AbhayKumar-ybjv
Автор

Please, don't put music, instead of that tell us the meaning of each codes. Thank you

ТимурХайдаров-зп
Автор

Assalaam alaikum Anas. Please let me know. Source codes and images you have given in Google drive link is enough make this website? Or something more is required?

RasheedSyd
Автор

I have been trouble on making the website as it doesn't appear the same as yours, please i need help

trizahdavid
Автор

hey does it utilise the local storage of the browser or any other to store the data like when you fill the data for the appointment does it work or not

mansvibansal