2/12 Defining Basic CSS Classes | Create Responsive Modern Website using HTML5 & CSS3 Only HD

Follow me on Facebook: https://fb.me/tanztalks.tech Post your problems on my Facebook Group: https://www.facebook.com/groups/1199763656835372/ STARTER FILES: https://drive.google.com/open?id=1FNCP2ce-3i4dtcTjJjepBWWQWi-zxrmf Please take a moment to like and comment on my video. It helps me stay motivated! :) Create Responsive Modern Website from Scratch using HTML5 & CSS3 Only | Example 7 In this video, we will create some basic CSS classes which will be used throughout the tutorial. ----------------------------------------------------------------------------------------------------------------- ENTIRE PLAYLIST: https://www.youtube.com/playlist?list=PLnisUReSm0-kdxFZ9A6IKfUH7Wu2qzj3J 1/12 Preview: https://youtu.be/oGQFdWnnHlY 2/12 Defining Basic CSS Classes: https://youtu.be/nKQPYjUZbyQ 3/12 Navigation Bar & Animated Button: https://youtu.be/ocxlJzoDpsU 4/12 Cover Image, Banner Text, Box-Design: https://youtu.be/5k10rb6IU3s 5/12 Image-grid: https://youtu.be/-nCULvmjx2k 6/12 Text Section: https://youtu.be/vidERkQCtP8 7/12 Features 2x2 Image-Text Grid: https://youtu.be/Or8y4ao3Ve8 8/12 Parallax Image: https://youtu.be/fSRUiWmD_fA 9/12 Our Blogs Panel: https://youtu.be/2pUESM4HkwM 10/12 Text-Grid with Parallax Image: https://youtu.be/yxjuSTAh90o 11/12 Our Teams Cards: https://youtu.be/a_0G5WR9UME 12/12 Footer: https://youtu.be/mzjFG6xDBTc ----------------------------------------------------------------------------------------------------------------- In this video series, you will learn how to create a stunning Responsive Modern Website from scratch. This website is developed using HTML5 and CSS3 only. I have tried my level best to keep each section independent of each other. So, if you are not willing to create the entire website, just follow the first (intro) and second (defining CSS Classes) video and then the video of the section that you wish to create. It features: 1. Attractive Modern Responsive Design using HTML5 and CSS3 Only. No Framework required. No JavaScript required. https://drive.google.com/open?id=1fVeB673v9_8Z9huDfzkrThspNsC0tNwl 2. Responsive Multi Level Navigation Bar with Line Hovering Effect https://drive.google.com/open?id=1LjJoY4DyREdw_ljd01Q-V3tV6NHHVGQg 3. Box Design on the Cover Image with Image Parallax Scrolling Effect https://drive.google.com/open?id=1wj65FnXHWzG6oouwTYM4nwZxs0GqfS0g 4. Responsive Image Grid with Image Hovering Effect https://drive.google.com/open?id=1w7VeLiSG_ET2xwaZz-eIEaWmgYupnK-j 5. Simple Text Grid https://drive.google.com/open?id=10ZAhsH6-wJRQ03vAhQPgEDrXmQnaXmJW 6. 2x2 Image-Text Grid https://drive.google.com/open?id=12CSz-3L2Eu5b1KtJdW3VhBDmVY--OFsk 7. Panels with Hovering Effects https://drive.google.com/open?id=1a2SRTYx7jxDl9u5cRfJovDoIGIxQLRzY 8. Responsive Text Grid with Parallax Scrolling Effect https://drive.google.com/open?id=1DHVPa6_xoDa9QsZKuCeRbHgNeG3s85Ao 9. Text Grid with Parallax Scrolling Effect https://drive.google.com/open?id=1h_HaHQugFAgHMXFjUipj