Build a Complete Responsive Website | HTML and CSS Tutorial

Published: 18 August 2019
on channel: Julio Codes
322,449
10k

In this video tutorial you will learn how you can build a complete responsive website using html 5 and css 3. There will also be modern ES6 JavaScript used to handle click events. Responsive web design is very important so we have to make sure that when we create a website it is mobile friendly. We will use many different techniques and new css technologies such as css flexbox and grid to build this website from scratch. No libraries or frameworks.

Don't forget to leave a thumbs up if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.

Subscribe ► https://bit.ly/2Q3pCiB

[ PROJECT FILES ]

GitHub ► https://bit.ly/2THGxWa

[TIME STAMPS]

Header & Hero HTML - 1:15
Header & Hero CSS - 7:16
Experience outdoors section HTML - 30:35
Experience outdoors section CSS - 35:20
Testimonials section HTML - 44:55
Testimonials section CSS - 47:25
Begin adventure section & Footer HTML - 53:55
Begin adventure section & Footer CSS - 57:43
Media queries - 1:00:20

[ SOCIAL MEDIA ]

Instagram ►   / juliocodes  

[ HOSTGATOR ]

Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.

HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ►    • Video  

[ MY GEAR ]

Programming/Video editing laptop Specs & extras

Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
-- Extras --
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti

[ DISCLAIMER No. 1 ]

In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.

[ DISCLAIMER No. 2 ]

This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!


On this page of the site you can watch the video online Build a Complete Responsive Website | HTML and CSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Julio Codes 18 August 2019, share the link with friends and acquaintances, this video has already been watched 322,449 times on youtube and it was liked by 10 thousand viewers. Enjoy your viewing!