diff --git a/1.SitBack_Furniture-HTML/assets/images/chairs.png b/1.SitBack_Furniture-HTML/assets/images/chairs.png deleted file mode 100644 index b46bc6a..0000000 Binary files a/1.SitBack_Furniture-HTML/assets/images/chairs.png and /dev/null differ diff --git a/1.SitBack_Furniture-HTML/assets/images/couches.png b/1.SitBack_Furniture-HTML/assets/images/couches.png deleted file mode 100644 index 2329bd1..0000000 Binary files a/1.SitBack_Furniture-HTML/assets/images/couches.png and /dev/null differ diff --git a/1.SitBack_Furniture-HTML/assets/images/css/style.css b/1.SitBack_Furniture-HTML/assets/images/css/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/1.SitBack_Furniture-HTML/assets/images/dining.png b/1.SitBack_Furniture-HTML/assets/images/dining.png deleted file mode 100644 index ae2923f..0000000 Binary files a/1.SitBack_Furniture-HTML/assets/images/dining.png and /dev/null differ diff --git a/1.SitBack_Furniture-HTML/assets/images/test.jpg b/1.SitBack_Furniture-HTML/assets/images/test.jpg deleted file mode 100644 index b0970b2..0000000 Binary files a/1.SitBack_Furniture-HTML/assets/images/test.jpg and /dev/null differ diff --git a/1.SitBack_Furniture-HTML/index.html b/1.SitBack_Furniture-HTML/index.html deleted file mode 100644 index dd0a605..0000000 --- a/1.SitBack_Furniture-HTML/index.html +++ /dev/null @@ -1,135 +0,0 @@ - - - - Sitback Furniture - - - - -
-

SITBACK FURNITURE

-
- - - -
- - - - -
- - - - - - -

COUCHES

CHAIRS

DINING

-
-
- - - - - - - - - -
-

Your Home, With Love

-

Choose from a zillion collections

-
- - - - - - - -
- - - - - - -
- Couches - - Chairs - - Dining -
-
- - - - -
- - - - - - - - - - -

Our Products, Our Pride

-

Furniture is a big deal in the design industry. A well-executed concept can result in a timeless piece od furniture that never goes out of style. "Furniture builds up over time - the more the furniture recoreder traces of the owner's whereabouts and lifestyle, the more it will increase its value for the owner", says Johansen. "The leather's ability to expand is utilized as the owner has the opportunity to influence and shape the product with time."

- - -
-

- Take me to Google -

-
-
- - - - - - - - - - -

- - \ No newline at end of file diff --git a/19.Product_Designer-SCSS/css/style.css b/19.Product_Designer-SCSS/css/style.css new file mode 100644 index 0000000..11b286b --- /dev/null +++ b/19.Product_Designer-SCSS/css/style.css @@ -0,0 +1,222 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + overflow: auto; +} + +body { + background-color: #000; + color: #fff; + font-family: "Roboto Condensed", sans-serif; +} + +/* ================================TITLE CONTENT=================================== */ +.designer { + display: flex; + flex-direction: column; + row-gap: 130px; + padding: 40px 172px 0px; + /* Designer Mail */ + /* Designer Name*/ +} +.designer .designer-mail { + display: flex; + flex-direction: row; + justify-content: flex-end; + font-size: 24px; +} +.designer .designer-name { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + row-gap: 6px; +} +.designer .designer-name h1 { + font-weight: 300; + font-size: 150px; +} +.designer .designer-name h1 .bold { + font-weight: 900; +} +.designer .designer-name h3 { + font-size: 50px; + color: #cecece; +} +.designer .designer-name h3 .blue { + color: #4990e2; +} + +/* ================================End Of TITLE CONTENT=================================== */ +/* =================================GALLERY CONTENT================================ */ +.gallery { + margin-top: 100px; + padding: 0px 50px; + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; + row-gap: 20px; + column-gap: 20px; +} +.gallery .gallery-image { + width: 400px; +} +.gallery .gallery-image img { + width: 100%; +} + +/* =================================End Of GALLERY CONTENT================================ */ +/* =================================BRANDS CONTENT================================= */ +.brands-content { + display: flex; + flex-direction: column; + row-gap: 100px; + margin-top: 175px; + /* ----------Brands Heading--------------- */ + /* --------Brands Logos Wrapper----------- */ +} +.brands-content .brand-heading { + display: flex; + flex-direction: row; + justify-content: center; +} +.brands-content .brand-heading h3 { + font-size: 50px; + color: #cecece; +} +.brands-content .brand-heading h3 .green { + color: #87d979; +} +.brands-content .brands-wrapper { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + column-gap: 100px; +} +.brands-content .brands-wrapper .brand-logo { + display: flex; + flex-direction: row; + justify-content: center; + width: 120px; +} + +/* =================================End Of BRANDS CONTENT================================= */ +/* ===============================FOOTER CONTENT=================================== */ +footer { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + row-gap: 120px; + margin: 280px auto 170px; + /* -----------Designer Border---------- */ + /* ------------Social Icons------------- */ + /* -------- Caption for the page---------- */ +} +footer .divider { + display: flex; + flex-direction: row; + justify-content: center; +} +footer .divider .small-divider { + width: 35px; + margin-right: 35px; +} +footer .divider .large-divider { + width: 200px; +} +footer .social-icons { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + column-gap: 20px; +} +footer .social-icons .icon { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 50px; + height: 50px; + font-size: 32px; + border-radius: 50%; + border: 1px solid #bab6b6; +} +footer .footer-caption { + display: flex; + flex-direction: row; + justify-content: center; +} +footer .footer-caption p { + font-size: 20px; + font-weight: 600; +} + +/* ===============================End Of FOOTER CONTENT=================================== */ +@media (max-width: 786px) { + /* ================================TITLE CONTENT=================================== */ + .designer { + flex-direction: column-reverse; + row-gap: 6px; + padding: 210px 0px 0px; + /* Designer Name */ + /* Designer Mail */ + } + .designer .designer-name { + row-gap: 12px; + } + .designer .designer-name h1 { + font-size: 50px; + } + .designer .designer-name h3 { + font-size: 30px; + } + .designer .designer-mail { + font-weight: 600; + justify-content: center; + font-size: 16px; + } + /* ================================End Of TITLE CONTENT=================================== */ + /* =================================GALLERY CONTENT================================ */ + .gallery { + padding: 0px 20px; + } + /* =================================End Of GALLERY CONTENT================================ */ + /* =================================BRANDS CONTENT================================= */ + .brands-content { + /* Brands logo */ + } + .brands-content .brand-heading h3 { + font-size: 35px; + } + .brands-content .brands-wrapper { + justify-content: space-between; + column-gap: 0px; + } + .brands-content .brands-wrapper .brand-logo { + width: 200px; + padding: 45px; + } + /* =================================End Of BRANDS CONTENT================================= */ + /* ===============================FOOTER CONTENT=================================== */ + footer { + row-gap: 40px; + margin: 150px auto 50px; + /* Designer border */ + } + footer .divider .small-divider { + width: 25px; + margin-right: 25px; + } + footer .divider .large-divider { + width: 125px; + } + /* ===============================End Of FOOTER CONTENT=================================== */ +} + +/*# sourceMappingURL=style.css.map */ diff --git a/19.Product_Designer-SCSS/css/style.css.map b/19.Product_Designer-SCSS/css/style.css.map new file mode 100644 index 0000000..00f8063 --- /dev/null +++ b/19.Product_Designer-SCSS/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/_mixins.scss","../scss/_variables.scss","../scss/_phone-screen-variables.scss"],"names":[],"mappings":"AAGA;ECFI;EACA;EACA;EACA;;;ADGJ;EACI;EACA;EACA;;;AAGJ;AACA;ECHI;EACA;EDIA,SELe;EFMf,SELe;AFOf;AAOA;;AANA;ECbA;EACA;EDcI;EACA,WEdkB;;AFkBtB;EChBA;EACA;EAGA;EACA;EDcI,SEtBgB;;AFwBhB;EACI;EACA,WE/BI;;AFiCJ;EACI;;AAGR;EACI,WErCG;EFsCH,OE1CC;;AF4CD;EACI,OE5CG;;;AFmDnB;AAGA;AACA;EACI;EACA,SE5Cc;EDPd;EACA;EDoDA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;;AAKZ;AAGA;AACA;ECnEI;EACA;EDoEA;EACA;AAEA;AAgBA;;AAfA;EC7EA;EACA;ED8EI;;AAEA;EACI,WErFG;EFsFH,OE1FC;;AF4FD;EACI,OE3FG;;AFkGf;EC7FA;EACA;ED8FI;ECvFJ;EACA;EDwFI,YExFoB;;AF0FpB;ECnGJ;EACA;EDoGQ;EACA,OE5FC;;;AFiGb;AAGA;AACA;EC3GI;EACA;ED6GA;EACA;EACA,SExGa;EFyGb,QExGY;AF0GZ;AAcA;AAcA;;AA3BA;ECxHA;EACA;EDyHI;;AAEA;EACI,OE9GY;EF+GZ,cE/GY;;AFiHhB;EACI,OEjHW;;AFsHnB;ECtIA;EACA;EAOA;EACA;EDgII;;AAEA;EC3IJ;EACA;EAOA;EACA;EAGA;EACA;EACA;EACA;EDgIQ;;AAKR;ECpJA;EACA;EDqJI;;AAEA;EACI,WE3JE;EF4JF;;;AAKZ;AAGA;AAEQ;EACI;IACI;IACA,SGvKG;IHwKH,SGvKG;AHyKH;AAUA;;EATA;IACI,SG/KI;;EHgLJ;IACI,WGrLT;;EHuLK;IACI,WGvLT;;EH2LC;IACI;IACA;IACA,WG1LM;;AH6LlB;AAGA;EACI;IACI,SG7LE;;AH+LN;AAGA;EACA;AAMI;;EAJI;IACA;;EAIJ;IACI;IACA,YG1MQ;;EH4MR;IACI,OG5MX;IH6MW;;AAIZ;AAIA;EACA;IACI,SGrNC;IHsND,QGrNA;AHuNA;;EAEI;IACI,OGxNA;IHyNA,cGzNA;;EH2NJ;IACI,OG3ND;;AH+NX","file":"style.css"} \ No newline at end of file diff --git a/19.Product_Designer-SCSS/images/logos/Adidas.png b/19.Product_Designer-SCSS/images/logos/Adidas.png new file mode 100644 index 0000000..ed97f0d Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/Adidas.png differ diff --git a/19.Product_Designer-SCSS/images/logos/Audi.png b/19.Product_Designer-SCSS/images/logos/Audi.png new file mode 100644 index 0000000..dd34244 Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/Audi.png differ diff --git a/19.Product_Designer-SCSS/images/logos/IKEA.png b/19.Product_Designer-SCSS/images/logos/IKEA.png new file mode 100644 index 0000000..b65702f Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/IKEA.png differ diff --git a/19.Product_Designer-SCSS/images/logos/Lufthansa.png b/19.Product_Designer-SCSS/images/logos/Lufthansa.png new file mode 100644 index 0000000..e31355f Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/Lufthansa.png differ diff --git a/19.Product_Designer-SCSS/images/logos/MontBlanc.png b/19.Product_Designer-SCSS/images/logos/MontBlanc.png new file mode 100644 index 0000000..60f1c81 Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/MontBlanc.png differ diff --git a/19.Product_Designer-SCSS/images/logos/Spotify.png b/19.Product_Designer-SCSS/images/logos/Spotify.png new file mode 100644 index 0000000..aa464aa Binary files /dev/null and b/19.Product_Designer-SCSS/images/logos/Spotify.png differ diff --git a/19.Product_Designer-SCSS/images/products/fancycrave-329196-unsplash.png b/19.Product_Designer-SCSS/images/products/fancycrave-329196-unsplash.png new file mode 100644 index 0000000..ef5ce26 Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/fancycrave-329196-unsplash.png differ diff --git a/19.Product_Designer-SCSS/images/products/fikri-rasyid-689579-unsplash.png b/19.Product_Designer-SCSS/images/products/fikri-rasyid-689579-unsplash.png new file mode 100644 index 0000000..8a35e56 Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/fikri-rasyid-689579-unsplash.png differ diff --git a/19.Product_Designer-SCSS/images/products/jeff-sheldon-3219-unsplash.png b/19.Product_Designer-SCSS/images/products/jeff-sheldon-3219-unsplash.png new file mode 100644 index 0000000..0b38a9d Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/jeff-sheldon-3219-unsplash.png differ diff --git a/19.Product_Designer-SCSS/images/products/marc-mueller-654355-unsplash.png b/19.Product_Designer-SCSS/images/products/marc-mueller-654355-unsplash.png new file mode 100644 index 0000000..9d6ea48 Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/marc-mueller-654355-unsplash.png differ diff --git a/19.Product_Designer-SCSS/images/products/nadine-shaabana-1112616-unsplash.png b/19.Product_Designer-SCSS/images/products/nadine-shaabana-1112616-unsplash.png new file mode 100644 index 0000000..7e57f9e Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/nadine-shaabana-1112616-unsplash.png differ diff --git a/19.Product_Designer-SCSS/images/products/rawpixel-769308-unsplash.png b/19.Product_Designer-SCSS/images/products/rawpixel-769308-unsplash.png new file mode 100644 index 0000000..e468125 Binary files /dev/null and b/19.Product_Designer-SCSS/images/products/rawpixel-769308-unsplash.png differ diff --git a/19.Product_Designer-SCSS/index.html b/19.Product_Designer-SCSS/index.html new file mode 100644 index 0000000..b0d24fb --- /dev/null +++ b/19.Product_Designer-SCSS/index.html @@ -0,0 +1,120 @@ + + + + + + + Product Designer + + + + + + + + + + + + + +
+
+

shruthi.bhatt@siriuscom.com

+
+ +
+

Shruthi Bhatt

+

a product designer

+
+
+ + +
+
+ Shirt +
+
+ Book +
+
+ Coffee +
+
+ Printer +
+
+ Phone +
+
+ Speaker +
+
+ + + +
+ + +
+

Big names to show off

+
+ + +
+ + + + + + +
+
+ + + + + + \ No newline at end of file diff --git a/19.Product_Designer-SCSS/scss/_mixins.scss b/19.Product_Designer-SCSS/scss/_mixins.scss new file mode 100644 index 0000000..f8aae52 --- /dev/null +++ b/19.Product_Designer-SCSS/scss/_mixins.scss @@ -0,0 +1,24 @@ +@mixin css-reset{ + margin:0; + padding:0; + box-sizing: border-box; + overflow:auto; +} +@mixin flex-row{ + display: flex; + flex-direction: row; +} +@mixin flex-column{ + display: flex; + flex-direction: column; +} +@mixin flex-centering{ + justify-content: center; + align-items: center; +} +@mixin social-icons-sizing{ + width: 50px; + height: 50px; + font-size:32px; + border-radius:50%; +} \ No newline at end of file diff --git a/19.Product_Designer-SCSS/scss/_phone-screen-variables.scss b/19.Product_Designer-SCSS/scss/_phone-screen-variables.scss new file mode 100644 index 0000000..c519979 --- /dev/null +++ b/19.Product_Designer-SCSS/scss/_phone-screen-variables.scss @@ -0,0 +1,19 @@ +$text-size-h1: 50px; +$text-size-h3: 30px; + +$designer-name-row-gap: 12px; +$designer-mail-font-size: 16px; + +$designer-row-gap: 6px; +$designer-padding: 210px 0px 0px; + +$gallery-padding: 0px 20px; + +$brands-wrapper-column-gap: 0px; +$logo-width :200px; + +$footer-row-gap: 40px; +$footer-margin: 150px auto 50px; + +$divider-smaller-width: 25px; +$divider-larger-width: 125px; \ No newline at end of file diff --git a/19.Product_Designer-SCSS/scss/_variables.scss b/19.Product_Designer-SCSS/scss/_variables.scss new file mode 100644 index 0000000..4acc852 --- /dev/null +++ b/19.Product_Designer-SCSS/scss/_variables.scss @@ -0,0 +1,23 @@ +$text-dull : #cecece; +$text-color-blue : #4990e2; +$text-color-green: #87d979; +$text-size-h1 : 150px; +$text-size-h3: 50px; +$text-size-p: 20px; + +$designer-name-row-gap: 6px; +$designer-mail-font-size: 24px; + +$designer-row-gap: 130px; +$designer-padding: 40px 172px 0px; + +$gallery-padding: 0px 50px; + +$brands-wrapper-column-gap: 100px; +$logo-width: 120px; + +$footer-row-gap: 120px; +$footer-margin: 280px auto 170px; + +$divider-smaller-width: 35px; +$divider-larger-width: 200px; \ No newline at end of file diff --git a/19.Product_Designer-SCSS/scss/styles.scss b/19.Product_Designer-SCSS/scss/styles.scss new file mode 100644 index 0000000..1cf4382 --- /dev/null +++ b/19.Product_Designer-SCSS/scss/styles.scss @@ -0,0 +1,245 @@ +@import "./variables"; +@import "./mixins"; + +*{ + @include css-reset; +} + +body{ + background-color: #000; + color: #fff; + font-family: 'Roboto Condensed', sans-serif; +} + +/* ================================TITLE CONTENT=================================== */ +.designer{ + @include flex-column; + row-gap: $designer-row-gap; + padding: $designer-padding; + + /* Designer Mail */ + .designer-mail{ + @include flex-row; + justify-content: flex-end; + font-size: $designer-mail-font-size; + } + + /* Designer Name*/ + .designer-name{ + @include flex-column; + @include flex-centering; + row-gap: $designer-name-row-gap; + + h1{ + font-weight: 300; + font-size: $text-size-h1; + + .bold{ + font-weight: 900; + } + } + h3{ + font-size: $text-size-h3; + color: $text-dull; + + .blue{ + color: $text-color-blue; + } + } + + + } +} +/* ================================End Of TITLE CONTENT=================================== */ + + +/* =================================GALLERY CONTENT================================ */ +.gallery{ + margin-top:100px; + padding: $gallery-padding; + @include flex-row; + justify-content: center; + flex-wrap: wrap; + row-gap: 20px; + column-gap: 20px; + + .gallery-image{ + width: 400px; + + img{ + width: 100%; + } + } +} + +/* =================================End Of GALLERY CONTENT================================ */ + + +/* =================================BRANDS CONTENT================================= */ +.brands-content{ + @include flex-column; + row-gap:100px; + margin-top: 175px; + + /* ----------Brands Heading--------------- */ + .brand-heading{ + @include flex-row; + justify-content: center; + + h3{ + font-size: $text-size-h3; + color: $text-dull; + + .green{ + color: $text-color-green; + } + } + + } + + /* --------Brands Logos Wrapper----------- */ + .brands-wrapper{ + @include flex-row; + flex-wrap: wrap; + @include flex-centering; + column-gap: $brands-wrapper-column-gap; + + .brand-logo{ + @include flex-row; + justify-content: center; + width: $logo-width; + } + } + +} +/* =================================End Of BRANDS CONTENT================================= */ + + +/* ===============================FOOTER CONTENT=================================== */ +footer{ + + @include flex-column; + flex-wrap: wrap; + justify-content: center; + row-gap: $footer-row-gap; + margin: $footer-margin; + + /* -----------Designer Border---------- */ + .divider{ + @include flex-row; + justify-content:center; + + .small-divider{ + width: $divider-smaller-width; + margin-right: $divider-smaller-width; + } + .large-divider{ + width: $divider-larger-width; + } + } + + /* ------------Social Icons------------- */ + .social-icons{ + @include flex-row; + @include flex-centering; + column-gap: 20px; + + .icon{ + @include flex-row; + @include flex-centering; + @include social-icons-sizing; + border: 1px solid #bab6b6; + } + } + + /* -------- Caption for the page---------- */ + .footer-caption{ + @include flex-row; + justify-content: center; + + p{ + font-size: $text-size-p; + font-weight: 600; + } + } +} + +/* ===============================End Of FOOTER CONTENT=================================== */ + + +@media (max-width: 786px) { + @import "./phone-screen-variables"; + /* ================================TITLE CONTENT=================================== */ + .designer{ + flex-direction:column-reverse; + row-gap: $designer-row-gap; + padding: $designer-padding; + + /* Designer Name */ + .designer-name{ + row-gap: $designer-name-row-gap; + h1{ + font-size: $text-size-h1; + } + h3{ + font-size: $text-size-h3; + } + } + /* Designer Mail */ + .designer-mail{ + font-weight: 600; + justify-content: center; + font-size: $designer-mail-font-size; + } + } + /* ================================End Of TITLE CONTENT=================================== */ + + + /* =================================GALLERY CONTENT================================ */ + .gallery{ + padding: $gallery-padding; + } + /* =================================End Of GALLERY CONTENT================================ */ + + + /* =================================BRANDS CONTENT================================= */ + .brands-content{ + .brand-heading{ + h3{ + font-size: $text-size-h3+5; + } + } + /* Brands logo */ + .brands-wrapper{ + justify-content: space-between; + column-gap:$brands-wrapper-column-gap; + + .brand-logo{ + width: $logo-width; + padding: 45px; + } + } + } + /* =================================End Of BRANDS CONTENT================================= */ + + + + /* ===============================FOOTER CONTENT=================================== */ + footer{ + row-gap: $footer-row-gap; + margin: $footer-margin; + + /* Designer border */ + .divider{ + .small-divider{ + width: $divider-smaller-width; + margin-right: $divider-smaller-width; + } + .large-divider{ + width: $divider-larger-width; + } + } + } + /* ===============================End Of FOOTER CONTENT=================================== */ + +} \ No newline at end of file diff --git a/2.Enchanting_TamilNadu-CSS/css/style.css b/2.Enchanting_TamilNadu-CSS/css/style.css deleted file mode 100644 index 3c0cbde..0000000 --- a/2.Enchanting_TamilNadu-CSS/css/style.css +++ /dev/null @@ -1,115 +0,0 @@ -/* CSS spacing reset */ -body{ - margin:0; /*to remove the default margin of body tag*/ - font-family: 'Roboto'; -} - -/* Colour Theme of the page */ -.title-box{ - background-color: #43133e; - color: #ffffff; -} -.footer-box, button{ - background-color: #7a1655; - color:#ffffff; -} -button{ - cursor: pointer; -} - -/* Title */ -header{ - text-align: center; -} -header h1{ - margin:0; - padding:50px; - font-weight: 900; - font-size: 50px; - font-family: 'Roboto Condensed'; -} - -/* Cover Image */ -#cover-pic{ - width:100%; - height:1000px; - padding-bottom:80px; -} - -/* Desciptive cards */ -.container-box{ - margin:auto; - width:88%; -} -.row{ - padding-top:0px; - padding-bottom:60px; -} -.cols{ - width:31.35%; - display: inline-block; - padding:0.9%; - font-family: 'Roboto'; -} -.cols h2{ - font-size:35px; - color: #383838; - font-weight: 300; - margin-top:18px; - margin-bottom:0px; -} -.cols h3{ - margin-top:10px; - font-weight: 700; -} -.cols p{ - font-size: 19px; - padding-top: 7px; - font-weight: 300; -} -.cols img{ - width:100%; -} -.cols button{ - border:0px; - padding:13px 25px; - font-size:18px; -} - -/* Caption for the page */ -.content-wrapper{ - margin:auto; - width:76%; - margin-bottom: 90px; - font-family: 'Roboto'; -} -.content-wrapper h1{ - color:#7a1655; - font-size:75px; - font-weight: 300; - text-align: center; - margin-bottom:10px; -} -.content-wrapper p{ - font-size: 31px; - font-weight: 100; - line-height: 45px; - text-align: justify; - font-family: 'Roboto'; -} - -/* Copyright footer */ -footer{ - padding:15px; - font-family: 'Roboto'; -} -footer h2{ - margin-bottom: 0px; - font-weight: 500; -} -footer p{ - line-height:13px; - font-size:19px; - font-weight: 300; - margin-top: 8px; -} \ No newline at end of file diff --git a/2.Enchanting_TamilNadu-CSS/images/chidambaram.png b/2.Enchanting_TamilNadu-CSS/images/chidambaram.png deleted file mode 100644 index a0f768c..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/chidambaram.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/cover.png b/2.Enchanting_TamilNadu-CSS/images/cover.png deleted file mode 100644 index adc1fd3..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/cover.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/kumbakonam.png b/2.Enchanting_TamilNadu-CSS/images/kumbakonam.png deleted file mode 100644 index d3a7630..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/kumbakonam.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/masangudi.png b/2.Enchanting_TamilNadu-CSS/images/masangudi.png deleted file mode 100644 index e461593..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/masangudi.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/pollachi.png b/2.Enchanting_TamilNadu-CSS/images/pollachi.png deleted file mode 100644 index e829c5f..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/pollachi.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/thanjavur.png b/2.Enchanting_TamilNadu-CSS/images/thanjavur.png deleted file mode 100644 index 42d8d72..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/thanjavur.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/images/tirunelveli.png b/2.Enchanting_TamilNadu-CSS/images/tirunelveli.png deleted file mode 100644 index f05e730..0000000 Binary files a/2.Enchanting_TamilNadu-CSS/images/tirunelveli.png and /dev/null differ diff --git a/2.Enchanting_TamilNadu-CSS/index.html b/2.Enchanting_TamilNadu-CSS/index.html deleted file mode 100644 index bf764b5..0000000 --- a/2.Enchanting_TamilNadu-CSS/index.html +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - Enchanting TN - - - - - - - - - - - -
-

ENCHANTING TAMIL NADU

-
- - -
- Background cover pic -
- - -
-
-
- Pollachi -

Never Ending Paddy Fields and Narrow Roads

-

Pollachi

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
- Thanjavur -

Small Ride across town in mid summer heat

-

Thanjavur

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
- Chidambaram -

Catching a Short Break at the Lotus Pond

-

Chidambaram

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
- - -
-
- Masanagudi -

Energy driven drive through the windmills

-

Tirunelveli

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
- Kumbakonam -

Never Ending Paddy Fields and Narrow Roads

-

Kumbakonam

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
- Tirunelveli -

Never Ending Paddy Fields and Narrow Roads

-

Tirunelveli

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum, sint. Tempore, quam soluta! Obcaecati eum sunt, repellendus magni eos ducimus expedita corporis ab sequi adipisci dicta molestias ipsam, excepturi veritatis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi sapiente voluptas, nobis a voluptatem aliquid suscipit rerum vero ullam eos iste officia qui ipsam perferendis ab quidem maxime! Nemo, repellendus.

- -
-
-
- - - -
-

Many Wonders, One Emotion

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipselit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae modi, consectetur laboriosam, officia hic pariatur consequuntur illum, a assumenda labore harum quis culpa laudantium nostrum quas error aperiam odit. Maiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, dicta sapiente consequuntur alias earum voluptatum illo molestias soluta, voluptatibus reprehenderit fugit perspiciatis iusto -

-
- - - - - \ No newline at end of file diff --git a/4.Televisions_in_India-Floats CSS/css/style.css b/4.Televisions_in_India-Floats CSS/css/style.css deleted file mode 100644 index 86ad4fa..0000000 --- a/4.Televisions_in_India-Floats CSS/css/style.css +++ /dev/null @@ -1,69 +0,0 @@ -/* CSS reset code */ -*{ - margin:0; - padding:0; - font-family: 'Roboto', sans-serif; -} -/* Title */ -header{ - background-color: #145f94; - color: #ffffff; - padding: 32px; - text-align:center; - font-weight: 400; - font-size:14px; - letter-spacing:-0.2px; -} - -/* Outer contaier */ -.container{ - margin:40px auto 2px auto; - width: 84%; -} -.container-left{ - width:60.6555555%; - float:left; -} -.container-right{ - width:38%; - float:right; -} - -/* Cards */ -.card{ - border: 1px solid #145f94; - margin-bottom: 21px; -} -/* Cards of right container */ -.container-right .card{ - margin-bottom: 25px; -} - -/* Contents of the card parent */ -.card *{ - padding:13px 11px; -} -.card-title{ - background-color: #145f94; - color: #ffffff; - font-weight: 400; - font-size: 14px; - letter-spacing: -0.5px; - padding-top: 5px; - padding-bottom: 5px; -} -.card-description{ - line-height:26px; - font-size:18px; - font-weight:400; - color: #433E3E; - word-spacing: 1px; - text-align: justify; - background-color: #f6f6f6; -} - -/* clearfix for the container */ -.clear-fix{ - clear:both; -} - diff --git a/4.Televisions_in_India-Floats CSS/index.html b/4.Televisions_in_India-Floats CSS/index.html deleted file mode 100644 index 9c330d4..0000000 --- a/4.Televisions_in_India-Floats CSS/index.html +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - - Television Networks in India - - - - - - - - - -
-

TELEVISION NETWORKS IN INDIA

-
- - - -
- - -
- - -
-
-

DOORDHARSHAN

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, illum. Architecto, veniam odit? Et magni ducimus ab repellendus asperiores, exercitationem ut deserunt repudiandae ullam! Quo ullam quidem quos mollitia. Quasi. - Libero eveniet praesentium ipsa officiis officia. Corporis distinctio, qui dolore, odio at libero quasi cum nam alias, itaque facilis. Nesciunt, ad reiciendis? Quidem similique suscipit ducimus assumenda eos, omnis in! - Asperiores delectus accusamus aliquid, consequuntur exercitationem quod corporis nesciunt? Ullam sequi ab officiis tempora, excepturi facere sed incidunt delectus, harum, iste fuga doloribus vero dicta est dolore! Harum, amet distinct asperiores minus sint neque rerum expedita quae voluptatum mollitia porro, obcaecati aperiam. Aperiam commodi voluptates inventore omnis hic ab provident consectetur.

-
-
-
-
-

SONY NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate consectetur obcaecati quae neque, repudiandae asperiores expedita inventore deleniti quaerat veniam, quasi ad, sit iste id excepturi dicta! Placeat, nesciunt voluptatem. - Quaerat dolor omnis facilis eaque id quibusdam a dignissimos nam, error explicabo iusto voluptas magni aliquam. Eligendi, sequi iure, eius commodi unde quia omnis aperiam debitis repellat, repellendus possimus deleniti.

-
-
-
-
-

ZEE NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, atque rem a sunt obcaecati molestiae ab odio, eum doloremque ex fuga cupiditate perspiciatis praesentium quos odit quasi. Explicabo, dolorum in!aborum earum numquam. Repellendus rem tempora reiciendis nostrum hic illum maxime quis impedit, numquam autem, distinctio veritatis, sit commodi officia praesentium veniam!

-
-
- -
- - - -
-
-
-

SUN NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat assumenda quasi in perferendis molestias. Unde fugit fuga natus nulla sequi repellat, vitae, placeat voluptate adipisci consequuntur veritatis, eos excepturi cumque. - Laboriosam reprehenderit explicabo debitis odit qui rerum iure nobis modi voluptatum. Temporibus tempore eaque, reprehenderit delectus possimus quod ipsa ullam, voluptate quia optio corrupti magni placeat voluptatum aliquid obcaecati inventore. - Dolorem unde aliquid inventore totam rem moltore dolorum dignissimos impedit veritatis quos, obcaecati, vero maxime, ea autem quo iusto nostrum voluptatem! Eius repellat ad nostrum veniam accusamus. Maiores, accusantium soluta.

-
-
-
-
-

STAR NETWORK

-
-
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem obcaecati quibusdam suscipit, odio sunt similique voluptatem sint libero voluptatibus, nobis saepe molestiae incidunt iste sapiente unde ad possimus corporis aut! - Quod minus, ut, siaque imtatibus ducimus quod molestiae, ullam quis alias provident rerum enim atque. Et nesciunt provident assumenda voluptatibus inventore culpa, saepe quam eos impedit aliquam!

-
-
-
-
-

STAR NETWORK

-
-
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem obcaecati quibusdam suscipit, odio sunt similique voluptatem sint libero voluptatibus, nobis saepe molestiae incidunt iste sapiente unde ad possimus corporis aut! - Quod minus, ut, siaque imtatibus ducimus quod molestiae, ullam quis alias provident rerum enim atque. Et nesciunt provident assumenda voluptatibus inventore culpa, saepe quam eos impedit aliquam!

-
-
- -
- - - -
- -
- - - - - - \ No newline at end of file diff --git a/5.Televisions_in_India-RWD/css/phone-screen.css b/5.Televisions_in_India-RWD/css/phone-screen.css deleted file mode 100644 index 0f044fc..0000000 --- a/5.Televisions_in_India-RWD/css/phone-screen.css +++ /dev/null @@ -1,20 +0,0 @@ -*{ - /* To accomodate contents inside box, vertical scroll bar */ - box-sizing: border-box; - overflow:auto; - - /* To avoid horizontal scrolling */ - word-break: break-all; -} -/* expand container view */ -.container{ - width:90%; -} -/* Remove float */ -.container-left, .container-right{ - width:100%; - float: none; -} -.card{ - margin-bottom: 21px; -} \ No newline at end of file diff --git a/5.Televisions_in_India-RWD/css/style.css b/5.Televisions_in_India-RWD/css/style.css deleted file mode 100644 index 90630f1..0000000 --- a/5.Televisions_in_India-RWD/css/style.css +++ /dev/null @@ -1,70 +0,0 @@ -/* CSS reset code */ -*{ - margin:0; - padding:0; - font-family: 'Roboto', sans-serif; -} -/* Title */ -header{ - background-color: #145f94; - color: #ffffff; - padding: 32px; - text-align:center; - font-weight: 400; - font-size:14px; - letter-spacing:-0.2px; -} - -/* Outer contaier */ -.container{ - margin:40px auto 2px auto; - width: 84%; -} -.container-left{ - width:60.6555555%; - float:left; -} -.container-right{ - width:38%; - float:right; -} - -/* Cards */ -.card{ - border: 1px solid #145f94; - margin-bottom: 21px; -} -/* Cards of right container */ -.container-right .card{ - margin-bottom: 25px; -} - -/* Contents of the card parent */ -.card *{ - padding:13px 11px; -} -.card-title{ - background-color: #145f94; - color: white; - font-weight: 400; - font-size: 14px; - letter-spacing: -0.5px; - - padding-top: 5px; - padding-bottom: 5px; -} -.card-description{ - line-height:26px; - font-size:18px; - font-weight:400; - color: #433E3E; - word-spacing: 1px; - text-align: justify; - background-color: #f6f6f6; -} - -/* clearfix for the container */ -.clear-fix{ - clear:both; -} - diff --git a/5.Televisions_in_India-RWD/index.html b/5.Televisions_in_India-RWD/index.html deleted file mode 100644 index 2e20ab9..0000000 --- a/5.Televisions_in_India-RWD/index.html +++ /dev/null @@ -1,105 +0,0 @@ - - - - - - - Television Networks in India - - - - - - - - - - - -
-

TELEVISION NETWORKS IN INDIA

-
- - - -
- - -
- - -
-
-

DOORDHARSHAN

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, illum. Architecto, veniam odit? Et magni ducimus ab repellendus asperiores, exercitationem ut deserunt repudiandae ullam! Quo ullam quidem quos mollitia. Quasi. - Libero eveniet praesentium ipsa officiis officia. Corporis distinctio, qui dolore, odio at libero quasi cum nam alias, itaque facilis. Nesciunt, ad reiciendis? Quidem similique suscipit ducimus assumenda eos, omnis in! - Asperiores delectus accusamus aliquid, consequuntur exercitationem quod corporis nesciunt? Ullam sequi ab officiis tempora, excepturi facere sed incidunt delectus, harum, iste fuga doloribus vero dicta est dolore! Harum, amet distinct asperiores minus sint neque rerum expedita quae voluptatum mollitia porro, obcaecati aperiam. Aperiam commodi voluptates inventore omnis hic ab provident consectetur.

-
-
-
-
-

SONY NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate consectetur obcaecati quae neque, repudiandae asperiores expedita inventore deleniti quaerat veniam, quasi ad, sit iste id excepturi dicta! Placeat, nesciunt voluptatem. - Quaerat dolor omnis facilis eaque id quibusdam a dignissimos nam, error explicabo iusto voluptas magni aliquam. Eligendi, sequi iure, eius commodi unde quia omnis aperiam debitis repellat, repellendus possimus deleniti.

-
-
-
-
-

ZEE NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, atque rem a sunt obcaecati molestiae ab odio, eum doloremque ex fuga cupiditate perspiciatis praesentium quos odit quasi. Explicabo, dolorum in!aborum earum numquam. Repellendus rem tempora reiciendis nostrum hic illum maxime quis impedit, numquam autem, distinctio veritatis, sit commodi officia praesentium veniam!

-
-
- -
- - - -
-
-
-

SUN NETWORK

-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat assumenda quasi in perferendis molestias. Unde fugit fuga natus nulla sequi repellat, vitae, placeat voluptate adipisci consequuntur veritatis, eos excepturi cumque. - Laboriosam reprehenderit explicabo debitis odit qui rerum iure nobis modi voluptatum. Temporibus tempore eaque, reprehenderit delectus possimus quod ipsa ullam, voluptate quia optio corrupti magni placeat voluptatum aliquid obcaecati inventore. - Dolorem unde aliquid inventore totam rem moltore dolorum dignissimos impedit veritatis quos, obcaecati, vero maxime, ea autem quo iusto nostrum voluptatem! Eius repellat ad nostrum veniam accusamus. Maiores, accusantium soluta.

-
-
-
-
-

STAR NETWORK

-
-
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem obcaecati quibusdam suscipit, odio sunt similique voluptatem sint libero voluptatibus, nobis saepe molestiae incidunt iste sapiente unde ad possimus corporis aut! - Quod minus, ut, siaque imtatibus ducimus quod molestiae, ullam quis alias provident rerum enim atque. Et nesciunt provident assumenda voluptatibus inventore culpa, saepe quam eos impedit aliquam!

-
-
-
-
-

STAR NETWORK

-
-
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem obcaecati quibusdam suscipit, odio sunt similique voluptatem sint libero voluptatibus, nobis saepe molestiae incidunt iste sapiente unde ad possimus corporis aut! - Quod minus, ut, siaque imtatibus ducimus quod molestiae, ullam quis alias provident rerum enim atque. Et nesciunt provident assumenda voluptatibus inventore culpa, saepe quam eos impedit aliquam!

-
-
-
- - -
- - - -
- - - - - - \ No newline at end of file diff --git a/README.md b/README.md deleted file mode 100644 index 6a74a22..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -# UI-Training \ No newline at end of file