├── 000_CSS_Syntax ├── index.html └── style.css ├── 001_CSS_Selectors ├── index.html └── style.css ├── 002_CSS_Comments ├── index.html └── style.css ├── 003_CSS_Colors ├── bg.jpg ├── index.html └── style.css ├── 004_CSS_Background ├── bg.jpg ├── css.png ├── index.html └── style.css ├── 005_CSS_Border ├── index.html └── style.css ├── 006_CSS_Margins_Paddings ├── index.html └── style.css ├── 007_CSS_Width_Height ├── index.html └── style.css ├── 008_CSS_Box_Model ├── box-model.jpg ├── index.html └── style.css ├── 009_CSS_Text_formating ├── box.jpg ├── index.html └── style.css ├── 010_CSS_Font_Style ├── index.html └── style.css ├── 011_CSS_Icons ├── facebook.svg ├── fontawesome-free-6.4.0-web │ ├── css │ │ ├── all.min.css │ │ └── fontawesome.min.css │ └── webfonts │ │ ├── fa-brands-400.ttf │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.ttf │ │ ├── fa-regular-400.woff2 │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff2 │ │ ├── fa-v4compatibility.ttf │ │ └── fa-v4compatibility.woff2 ├── index.html └── style.css ├── 012_CSS_links ├── button.html ├── index.html └── style.css ├── 013_CSS_Lists ├── box.jpg ├── hand.png ├── index.html └── style.css ├── 014_CSS_Tables ├── index.html └── style.css ├── 015_CSS_Display ├── index.html └── style.css ├── 016_CSS_Position ├── index.html └── style.css ├── 017_CSS_Z_Index ├── bg.jpg ├── bg2.jpg ├── index.html ├── style.css └── text.html ├── 018_CSS_Overflow ├── index.html └── style.css ├── 019_CSS_Layout ├── bg2.jpg ├── index.html └── style.css ├── 020_CSS_Combinators ├── index.html └── style.css ├── 021_CSS_Pseudo_Classes_Element ├── bg2.jpg ├── index.html └── style.css ├── 022_CSS_Opacity ├── bg2.jpg ├── index.html └── style.css ├── 023_CSS_Navigation_Menu ├── index.html └── style.css ├── 024_CSS_Attr_Selector ├── index.html └── style.css ├── 025_CSS_Forms ├── form.png ├── index.html └── style.css ├── 026_CSS_Child_selectors ├── index.html └── style.css ├── 027_CSS_Website_layout ├── Untitled-1.jpg ├── img │ ├── 1.webp │ ├── 2.webp │ ├── app.png │ ├── favicon.png │ ├── footer_logo.png │ └── logo.png ├── index.html └── style.css ├── 028_CSS_Specificity ├── index.html └── style.css ├── 029_CSS_Math ├── index.html └── style.css ├── 030_CSS_Box_Sizing ├── index.html └── style.css ├── 031_CSS_Transitions ├── index.html └── style.css ├── 032_CSS_Transform ├── index.html └── style.css ├── 033_CSS_Animations ├── index.html └── style.css ├── 034_CSS_Variables ├── index.html └── style.css ├── 035_CSS_Flex ├── flex.css ├── flex.html ├── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── 6.jpg ├── index.html ├── index2.html └── style.css ├── 036_CSS_Grid ├── index.html └── style.css ├── 037_CSS_RWD ├── index.html ├── newspraper │ ├── img │ │ ├── 1.webp │ │ ├── 2.webp │ │ ├── app.png │ │ ├── favicon.png │ │ ├── footer_logo.png │ │ └── logo.png │ ├── index.html │ ├── responsive.css │ └── style.css └── style.css ├── 038_Facebook_clone ├── img │ ├── favicon.webp │ └── logo.svg ├── index.html └── style.css ├── 039_newspraperv2.0 ├── img │ ├── 1.webp │ ├── 2.webp │ ├── 3.webp │ ├── 4.webp │ ├── 5.webp │ ├── 6.webp │ ├── app.png │ ├── favicon.png │ ├── footer_logo.png │ └── logo.png ├── index.html ├── responsive.css └── style.css ├── 040_CSS_Projects ├── product-preview-card-component-main │ ├── images │ │ ├── favicon-32x32.png │ │ ├── icon-cart.svg │ │ ├── image-product-desktop.jpg │ │ └── image-product-mobile.jpg │ ├── index.html │ └── style.css ├── qr-code-component-main │ ├── images │ │ ├── favicon-32x32.png │ │ └── image-qr-code.png │ ├── index.html │ └── style.css └── zenon │ ├── img │ ├── call-to-action.jpg │ └── me.jpg │ ├── index.html │ └── style.css └── README.md /000_CSS_Syntax/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/000_CSS_Syntax/index.html -------------------------------------------------------------------------------- /000_CSS_Syntax/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/000_CSS_Syntax/style.css -------------------------------------------------------------------------------- /001_CSS_Selectors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/001_CSS_Selectors/index.html -------------------------------------------------------------------------------- /001_CSS_Selectors/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/001_CSS_Selectors/style.css -------------------------------------------------------------------------------- /002_CSS_Comments/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/002_CSS_Comments/index.html -------------------------------------------------------------------------------- /002_CSS_Comments/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/002_CSS_Comments/style.css -------------------------------------------------------------------------------- /003_CSS_Colors/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/003_CSS_Colors/bg.jpg -------------------------------------------------------------------------------- /003_CSS_Colors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/003_CSS_Colors/index.html -------------------------------------------------------------------------------- /003_CSS_Colors/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/003_CSS_Colors/style.css -------------------------------------------------------------------------------- /004_CSS_Background/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/004_CSS_Background/bg.jpg -------------------------------------------------------------------------------- /004_CSS_Background/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/004_CSS_Background/css.png -------------------------------------------------------------------------------- /004_CSS_Background/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/004_CSS_Background/index.html -------------------------------------------------------------------------------- /004_CSS_Background/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/004_CSS_Background/style.css -------------------------------------------------------------------------------- /005_CSS_Border/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/005_CSS_Border/index.html -------------------------------------------------------------------------------- /005_CSS_Border/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/005_CSS_Border/style.css -------------------------------------------------------------------------------- /006_CSS_Margins_Paddings/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/006_CSS_Margins_Paddings/index.html -------------------------------------------------------------------------------- /006_CSS_Margins_Paddings/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/006_CSS_Margins_Paddings/style.css -------------------------------------------------------------------------------- /007_CSS_Width_Height/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/007_CSS_Width_Height/index.html -------------------------------------------------------------------------------- /007_CSS_Width_Height/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/007_CSS_Width_Height/style.css -------------------------------------------------------------------------------- /008_CSS_Box_Model/box-model.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/008_CSS_Box_Model/box-model.jpg -------------------------------------------------------------------------------- /008_CSS_Box_Model/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/008_CSS_Box_Model/index.html -------------------------------------------------------------------------------- /008_CSS_Box_Model/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/008_CSS_Box_Model/style.css -------------------------------------------------------------------------------- /009_CSS_Text_formating/box.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/009_CSS_Text_formating/box.jpg -------------------------------------------------------------------------------- /009_CSS_Text_formating/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/009_CSS_Text_formating/index.html -------------------------------------------------------------------------------- /009_CSS_Text_formating/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/009_CSS_Text_formating/style.css -------------------------------------------------------------------------------- /010_CSS_Font_Style/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/010_CSS_Font_Style/index.html -------------------------------------------------------------------------------- /010_CSS_Font_Style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/010_CSS_Font_Style/style.css -------------------------------------------------------------------------------- /011_CSS_Icons/facebook.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/facebook.svg -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/css/all.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/css/all.min.css -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/css/fontawesome.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/css/fontawesome.min.css -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-v4compatibility.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-v4compatibility.ttf -------------------------------------------------------------------------------- /011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-v4compatibility.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/fontawesome-free-6.4.0-web/webfonts/fa-v4compatibility.woff2 -------------------------------------------------------------------------------- /011_CSS_Icons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/index.html -------------------------------------------------------------------------------- /011_CSS_Icons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/011_CSS_Icons/style.css -------------------------------------------------------------------------------- /012_CSS_links/button.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/012_CSS_links/button.html -------------------------------------------------------------------------------- /012_CSS_links/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/012_CSS_links/index.html -------------------------------------------------------------------------------- /012_CSS_links/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/012_CSS_links/style.css -------------------------------------------------------------------------------- /013_CSS_Lists/box.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/013_CSS_Lists/box.jpg -------------------------------------------------------------------------------- /013_CSS_Lists/hand.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/013_CSS_Lists/hand.png -------------------------------------------------------------------------------- /013_CSS_Lists/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/013_CSS_Lists/index.html -------------------------------------------------------------------------------- /013_CSS_Lists/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/013_CSS_Lists/style.css -------------------------------------------------------------------------------- /014_CSS_Tables/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/014_CSS_Tables/index.html -------------------------------------------------------------------------------- /014_CSS_Tables/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/014_CSS_Tables/style.css -------------------------------------------------------------------------------- /015_CSS_Display/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/015_CSS_Display/index.html -------------------------------------------------------------------------------- /015_CSS_Display/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/015_CSS_Display/style.css -------------------------------------------------------------------------------- /016_CSS_Position/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/016_CSS_Position/index.html -------------------------------------------------------------------------------- /016_CSS_Position/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/016_CSS_Position/style.css -------------------------------------------------------------------------------- /017_CSS_Z_Index/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/017_CSS_Z_Index/bg.jpg -------------------------------------------------------------------------------- /017_CSS_Z_Index/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/017_CSS_Z_Index/bg2.jpg -------------------------------------------------------------------------------- /017_CSS_Z_Index/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/017_CSS_Z_Index/index.html -------------------------------------------------------------------------------- /017_CSS_Z_Index/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/017_CSS_Z_Index/style.css -------------------------------------------------------------------------------- /017_CSS_Z_Index/text.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/017_CSS_Z_Index/text.html -------------------------------------------------------------------------------- /018_CSS_Overflow/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/018_CSS_Overflow/index.html -------------------------------------------------------------------------------- /018_CSS_Overflow/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/018_CSS_Overflow/style.css -------------------------------------------------------------------------------- /019_CSS_Layout/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/019_CSS_Layout/bg2.jpg -------------------------------------------------------------------------------- /019_CSS_Layout/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/019_CSS_Layout/index.html -------------------------------------------------------------------------------- /019_CSS_Layout/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/019_CSS_Layout/style.css -------------------------------------------------------------------------------- /020_CSS_Combinators/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/020_CSS_Combinators/index.html -------------------------------------------------------------------------------- /020_CSS_Combinators/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/020_CSS_Combinators/style.css -------------------------------------------------------------------------------- /021_CSS_Pseudo_Classes_Element/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/021_CSS_Pseudo_Classes_Element/bg2.jpg -------------------------------------------------------------------------------- /021_CSS_Pseudo_Classes_Element/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/021_CSS_Pseudo_Classes_Element/index.html -------------------------------------------------------------------------------- /021_CSS_Pseudo_Classes_Element/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/021_CSS_Pseudo_Classes_Element/style.css -------------------------------------------------------------------------------- /022_CSS_Opacity/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/022_CSS_Opacity/bg2.jpg -------------------------------------------------------------------------------- /022_CSS_Opacity/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/022_CSS_Opacity/index.html -------------------------------------------------------------------------------- /022_CSS_Opacity/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/022_CSS_Opacity/style.css -------------------------------------------------------------------------------- /023_CSS_Navigation_Menu/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/023_CSS_Navigation_Menu/index.html -------------------------------------------------------------------------------- /023_CSS_Navigation_Menu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/023_CSS_Navigation_Menu/style.css -------------------------------------------------------------------------------- /024_CSS_Attr_Selector/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/024_CSS_Attr_Selector/index.html -------------------------------------------------------------------------------- /024_CSS_Attr_Selector/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/024_CSS_Attr_Selector/style.css -------------------------------------------------------------------------------- /025_CSS_Forms/form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/025_CSS_Forms/form.png -------------------------------------------------------------------------------- /025_CSS_Forms/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/025_CSS_Forms/index.html -------------------------------------------------------------------------------- /025_CSS_Forms/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/025_CSS_Forms/style.css -------------------------------------------------------------------------------- /026_CSS_Child_selectors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/026_CSS_Child_selectors/index.html -------------------------------------------------------------------------------- /026_CSS_Child_selectors/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/026_CSS_Child_selectors/style.css -------------------------------------------------------------------------------- /027_CSS_Website_layout/Untitled-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/Untitled-1.jpg -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/1.webp -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/2.webp -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/app.png -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/favicon.png -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/footer_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/footer_logo.png -------------------------------------------------------------------------------- /027_CSS_Website_layout/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/img/logo.png -------------------------------------------------------------------------------- /027_CSS_Website_layout/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/index.html -------------------------------------------------------------------------------- /027_CSS_Website_layout/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/027_CSS_Website_layout/style.css -------------------------------------------------------------------------------- /028_CSS_Specificity/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/028_CSS_Specificity/index.html -------------------------------------------------------------------------------- /028_CSS_Specificity/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/028_CSS_Specificity/style.css -------------------------------------------------------------------------------- /029_CSS_Math/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/029_CSS_Math/index.html -------------------------------------------------------------------------------- /029_CSS_Math/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/029_CSS_Math/style.css -------------------------------------------------------------------------------- /030_CSS_Box_Sizing/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/030_CSS_Box_Sizing/index.html -------------------------------------------------------------------------------- /030_CSS_Box_Sizing/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/030_CSS_Box_Sizing/style.css -------------------------------------------------------------------------------- /031_CSS_Transitions/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/031_CSS_Transitions/index.html -------------------------------------------------------------------------------- /031_CSS_Transitions/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/031_CSS_Transitions/style.css -------------------------------------------------------------------------------- /032_CSS_Transform/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/032_CSS_Transform/index.html -------------------------------------------------------------------------------- /032_CSS_Transform/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/032_CSS_Transform/style.css -------------------------------------------------------------------------------- /033_CSS_Animations/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/033_CSS_Animations/index.html -------------------------------------------------------------------------------- /033_CSS_Animations/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/033_CSS_Animations/style.css -------------------------------------------------------------------------------- /034_CSS_Variables/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/034_CSS_Variables/index.html -------------------------------------------------------------------------------- /034_CSS_Variables/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/034_CSS_Variables/style.css -------------------------------------------------------------------------------- /035_CSS_Flex/flex.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/flex.css -------------------------------------------------------------------------------- /035_CSS_Flex/flex.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/flex.html -------------------------------------------------------------------------------- /035_CSS_Flex/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/1.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/2.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/3.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/4.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/5.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/img/6.jpg -------------------------------------------------------------------------------- /035_CSS_Flex/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/index.html -------------------------------------------------------------------------------- /035_CSS_Flex/index2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/index2.html -------------------------------------------------------------------------------- /035_CSS_Flex/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/035_CSS_Flex/style.css -------------------------------------------------------------------------------- /036_CSS_Grid/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/036_CSS_Grid/index.html -------------------------------------------------------------------------------- /036_CSS_Grid/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/036_CSS_Grid/style.css -------------------------------------------------------------------------------- /037_CSS_RWD/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/index.html -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/1.webp -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/2.webp -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/app.png -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/favicon.png -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/footer_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/footer_logo.png -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/img/logo.png -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/index.html -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/responsive.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/responsive.css -------------------------------------------------------------------------------- /037_CSS_RWD/newspraper/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/newspraper/style.css -------------------------------------------------------------------------------- /037_CSS_RWD/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/037_CSS_RWD/style.css -------------------------------------------------------------------------------- /038_Facebook_clone/img/favicon.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/038_Facebook_clone/img/favicon.webp -------------------------------------------------------------------------------- /038_Facebook_clone/img/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/038_Facebook_clone/img/logo.svg -------------------------------------------------------------------------------- /038_Facebook_clone/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/038_Facebook_clone/index.html -------------------------------------------------------------------------------- /038_Facebook_clone/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/038_Facebook_clone/style.css -------------------------------------------------------------------------------- /039_newspraperv2.0/img/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/1.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/2.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/3.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/4.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/5.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/5.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/6.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/6.webp -------------------------------------------------------------------------------- /039_newspraperv2.0/img/app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/app.png -------------------------------------------------------------------------------- /039_newspraperv2.0/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/favicon.png -------------------------------------------------------------------------------- /039_newspraperv2.0/img/footer_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/footer_logo.png -------------------------------------------------------------------------------- /039_newspraperv2.0/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/img/logo.png -------------------------------------------------------------------------------- /039_newspraperv2.0/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/index.html -------------------------------------------------------------------------------- /039_newspraperv2.0/responsive.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/responsive.css -------------------------------------------------------------------------------- /039_newspraperv2.0/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/039_newspraperv2.0/style.css -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/images/favicon-32x32.png -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/images/icon-cart.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/images/icon-cart.svg -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/images/image-product-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/images/image-product-desktop.jpg -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/images/image-product-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/images/image-product-mobile.jpg -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/index.html -------------------------------------------------------------------------------- /040_CSS_Projects/product-preview-card-component-main/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/product-preview-card-component-main/style.css -------------------------------------------------------------------------------- /040_CSS_Projects/qr-code-component-main/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/qr-code-component-main/images/favicon-32x32.png -------------------------------------------------------------------------------- /040_CSS_Projects/qr-code-component-main/images/image-qr-code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/qr-code-component-main/images/image-qr-code.png -------------------------------------------------------------------------------- /040_CSS_Projects/qr-code-component-main/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/qr-code-component-main/index.html -------------------------------------------------------------------------------- /040_CSS_Projects/qr-code-component-main/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/qr-code-component-main/style.css -------------------------------------------------------------------------------- /040_CSS_Projects/zenon/img/call-to-action.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/zenon/img/call-to-action.jpg -------------------------------------------------------------------------------- /040_CSS_Projects/zenon/img/me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/zenon/img/me.jpg -------------------------------------------------------------------------------- /040_CSS_Projects/zenon/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/zenon/index.html -------------------------------------------------------------------------------- /040_CSS_Projects/zenon/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/040_CSS_Projects/zenon/style.css -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/CSS-Course/HEAD/README.md --------------------------------------------------------------------------------