How to Build Gmail Clone using HTML & CSS - Beginners Tutorial

Do you want to improve your HTML & CSS skills? Then Watch this video and follow along with me where we build Gmail Clone using just HTML & CSS. We will be using flexbox and Google font Icons in this project.

Hope You Guys Enjoyed the Video. Like Share Comment and Subscribe to my channel for more videos like these.

Source Code : https://gum.co/iDGOv

00:00 Introduction
02:24 Importing Google font Icons
04:17 Building Header
09:01 Styling Header
15:17 Building Sidebar
20:30 Styling Sidebar
30:04 Building Email List
32:03 Building Email List Settings
37:41 Building Email List Sections
45:14 Building Email List Row
49:04 Styling Email List Row


Watch Our Previous Videos :
➡️ Build a LinkedIn UI Clone using just HTML & CSS - For Complete Beginners
   • How to Build LinkedIn Clone using HTM...  

➡️ Build a YouTube UI Clone with just HTML & CSS - For Complete Beginners
   • How to Build Responsive YouTube Clone...  

➡️ Build A Password Generator with React JS - Beginners Tutorial
   • Build A Password Generator with React...  

➡️ Top 5 Programming Languages to Learn in 2021 | Best Programming Languages to Learn
   • Top 5 Programming Languages to Learn ...  

You can find me on:
📸 Instagram:   / somanath_goudar  
🌎 Website: https://somanath-goudar.github.io/por...
📝 LinkedIn:   / somanath-goudar-063aa21ba  
📂 GitHub: https://github.com/somanath-goudar

Background Music Used:
First Light - Atch   / atch-music  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/-first-light
Music promoted by Audio Library    • First Light – Atch (No Copyright Music)  

Credits:
Inspired from Clever Programmer
   / cleverprogrammer  

Disclaimer : This video is meant only for improving your html and css skills and purely for education purpose not for any other intentions.