HTML-and-CSS-Exercise

These are exercises from SoftUni course - "HTML & CSS Septemeber 2021".

The course includes HTML Structure, CSS & Typography, CSS Box Model, Position & Float, Flexbox and Media Queries.

Table for Contents

Lecture	Content	Exercises
1.Introduction to HTML and CSS	What is HTML? HTML Tags Metadata Section Indentation & Code Formatting CSS Basic CSS Syntax Inheritance & Specificity CSS Selectors CSS Properties	Simple HTML Page Tags Cardio - Paragraphs Single Article Page Tags Cardio - Lists Tags Cardio - Nested Lists Tags Cardio - Table
2.HTML Structure	Semantic HTML Semantic Tags Forms Tables	Semantic Tags Semantic Article Page Semantic Blog Layout Semantic Tables Tags Cardio - Data Tables Tags Cardio - Forms
3.CSS & Typography	Typography Principles Of Readability CSS Properties Font Awesome Icons	My first CSS Document Style - Lists Styling - tables Buttons - css Fonts - Speciment - Cormorant + Lato Fonts - speciment - Great Vibes + Raleway Contrasting colors Icon font buttons Icon - font - list Create Typography CSS Fonts speciment - PT Sans
4.CSS Box Model	CSS Box Model Block and Inline Elements Width and Height Padding, Margin and Border Box Sizing	Box model containert Box sizing Simple article page Navigation inline block Photo-gallery inline block Blog layout inline block
5.Position & Float	Float property Clear property Position: static, relative, absolute, fixed and sticky Positioning Properties Z-index	Article with quotes and media Blog layout float Position playground Center position and transform Floating images and quotes Navigation float Social Media Icons
6.Flexbox	Flexbox Flexbox Properties for the Parent Flexbox Properties for the Children	Flexbox Layout FlexModel Articles FlexModel ABC Game FlexModel Calendar Navigation flexbox Photo gallery flexbox Blog layout flexbox Sticky footer flexbox Center flexbox Expanding flex cards Cards with csscolumns and flexbox
7.Media Queries	Responsive Web Design Media Queries Media Types Logical Operators @import	MQs playground MQs in typography Responsive menu Update Blog layout Responsive forms Responsive media boxes Landing page Responsive tables Responsive vertical timeline