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/15.Blender_Movies/assets/images/reviewers/andy.png b/15.Blender_Movies/assets/images/reviewers/andy.png new file mode 100644 index 0000000..55734ea Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/andy.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/angela.png b/15.Blender_Movies/assets/images/reviewers/angela.png new file mode 100644 index 0000000..c44dfd1 Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/angela.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/dwight.png b/15.Blender_Movies/assets/images/reviewers/dwight.png new file mode 100644 index 0000000..af9d26d Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/dwight.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/jim.png b/15.Blender_Movies/assets/images/reviewers/jim.png new file mode 100644 index 0000000..fab0122 Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/jim.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/kevin.png b/15.Blender_Movies/assets/images/reviewers/kevin.png new file mode 100644 index 0000000..d1960cb Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/kevin.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/micheal.png b/15.Blender_Movies/assets/images/reviewers/micheal.png new file mode 100644 index 0000000..89a7bcc Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/micheal.png differ diff --git a/15.Blender_Movies/assets/images/reviewers/pam.png b/15.Blender_Movies/assets/images/reviewers/pam.png new file mode 100644 index 0000000..c273404 Binary files /dev/null and b/15.Blender_Movies/assets/images/reviewers/pam.png differ diff --git a/15.Blender_Movies/assets/images/thumbnail.jpeg b/15.Blender_Movies/assets/images/thumbnail.jpeg new file mode 100644 index 0000000..a5ad41c Binary files /dev/null and b/15.Blender_Movies/assets/images/thumbnail.jpeg differ diff --git a/15.Blender_Movies/assets/images/userPic.jpeg b/15.Blender_Movies/assets/images/userPic.jpeg new file mode 100644 index 0000000..d08d656 Binary files /dev/null and b/15.Blender_Movies/assets/images/userPic.jpeg differ diff --git a/15.Blender_Movies/assets/posters.js b/15.Blender_Movies/assets/posters.js new file mode 100644 index 0000000..09ce1a8 --- /dev/null +++ b/15.Blender_Movies/assets/posters.js @@ -0,0 +1,14 @@ +export const posters = [ + { + "imageUrl" : "https://ddz4ak4pa3d19.cloudfront.net/cache/56/62/5662bc2079ee7ffd491b65c29a360ac9.jpg", + "title" : "Sprite Fright" + }, + { + "imageUrl" : "https://cdna.artstation.com/p/assets/covers/images/019/392/064/large/andy-goralczyk-agent-poster-street-small.jpg?1563288236", + "title" : "Agent 327" + }, + { + "imageUrl" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Spring2019AlphaPosterBlender.jpg/1200px-Spring2019AlphaPosterBlender.jpg", + "title" : "Spring" + } +] \ No newline at end of file diff --git a/15.Blender_Movies/assets/video.js b/15.Blender_Movies/assets/video.js new file mode 100644 index 0000000..74a1203 --- /dev/null +++ b/15.Blender_Movies/assets/video.js @@ -0,0 +1,42 @@ +export const videoDetails = { + "videoUrl" : "https://ia800200.us.archive.org/7/items/Sintel/sintel-2048-stereo.mp4", + "title" : "Sintel", + "description" : "“Sintel” is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender. With initial funding provided by 1000s of donations via the internet community, it has again proven to be a viable development model for both open 3D technology as for independent animation film. This 15 minute film has been realized in the studio of the Amsterdam Blender Institute, by an international team of artists and developers. ", + "comments" : [ + { + "name" : "Micheal Scott", + "image": "assets/images/reviewers/micheal.png", + "comment" : "How often do people make a film where the main character kills the thing they were trying to rescue because they didn’t recognize it? Not that often. This brought tears to my eyes." + }, + { + "name" : "Dwight K Schrute (Asst. to the Regional Manager)", + "image": "assets/images/reviewers/dwight.png", + "comment" : "Breathtaking, I’ve only just begun my blender journey. Making something every day until I get to the point I can create something on this scale. Pretty amazing short story as well. Props all around to all involved in this great piece of work!" + }, + { + "name" : "Jim Halpert", + "image" : "assets/images/reviewers/jim.png", + "comment" : "Only the best stories can make you cry, and while I’ve lost count how many times I’ve watched this remarkable piece of art over the years showing it to people I know, Sintel brings a tear to my eye every time. This film is inspiring not only for the beautiful story but for the magical quality animation." + }, + { + "name" : "Pam Beesly Halpert", + "image" : "assets/images/reviewers/pam.png", + "comment" : "This short film was riveting. The musical overlay was astounding and so were the animations. I was bawling like a little kid at the end of this video and not many videos are able to do this to me." + }, + { + "name" : "Angela Martin", + "image" : "assets/images/reviewers/angela.png", + "comment" : "I saw this movie a long time ago as a child and it still scars me to this day. This is the kind of stuff that should AT THE VERY LEAST be played before a movie the way they showed bao before The Incredibles 2. These are little masterpieces." + }, + { + "name" : "Kevin Malone", + "image" : "assets/images/reviewers/kevin.png", + "comment" : "Wow, at first I thought that it wasn’t that good, nice animation and all but not excellent story. Then I saw the end. The feels are real. You win Blender Foundation, you win." + }, + { + "name" : "Andy Bernard", + "image": "assets/images/reviewers/andy.png", + "comment": "Honestly seeing a story with a sad ending is refreshing, I can tell you the ending of 99% of all movies ever made. “Its a happy ending”. Its why I like game of thrones and its why I loved this." + } + ] +} diff --git a/15.Blender_Movies/css/phone-screen.css b/15.Blender_Movies/css/phone-screen.css new file mode 100644 index 0000000..6d3455e --- /dev/null +++ b/15.Blender_Movies/css/phone-screen.css @@ -0,0 +1,101 @@ +body{ + background-color: #FFFFFF; +} + +/* =============================HEADER CONTENT============================= */ +header{ + width:100%; +} +.titleBar{ + width: 95%; +} +.userName h5{ + display: none; +} +/* =============================End Of HEADER CONTENT============================= */ + + +/* =============================MAIN CONTENT============================= */ +.contentWrapper{ + width: 95%; + margin: auto; + flex-direction: column; +} +.primaryContentWrapper{ + width: 100%; +} +.secondaryContentWrapper{ + width: 100%; +} + +/* ---------------VIDEO STREAMING AREA--------------- */ +.videoStream{ + width: 100%; + height: 176px; +} +.videoName{ + font-size: 16px; +} +.videoDescription{ + font-size: 12px; +} +/* ---------------End Of VIDEO STREAMING AREA--------------- */ + + +/* ---------------COMMENTS SECTION WRAPPER--------------- */ +.commentsWrapper{ + align-items: flex-start; +} +.commentsSectionWrapper h2{ + font-size: 14px; +} +.commentorName h3{ + font-size: 13px; +} +.comment p{ + font-size: 12px; +} +/* ---------------End Of COMMENTS SECTION WRAPPER--------------- */ + +.contentRuler{ + display: inline-block; + margin: 15px 0px 20px; +} + + +/* ---------------SECONDARY CONTENT WRAPPER--------------- */ +.secondaryContentWrapper h2{ + font-size: 14px; +} +.posterWrapper{ + width: 100%; + height: 565px; +} +/* ---------------End Of SECONDARY CONTENT WRAPPER--------------- */ + +/* =============================End Of MAIN CONTENT============================= */ + + +/* =============================CHAT ICON============================= */ +.chatIconWrapper{ + right:15px; +} +/* =============================End Of CHAT ICON============================= */ + + +/* =============================FOOTER CONTENT============================= */ +footer{ + height: 85px; + margin-top: 5px; + padding: 15px 0px; +} +.copyrightsBar{ + flex-direction: column; + width: 100%; + justify-content: center; + align-items: center; +} +.year h3{ + font-size: 22px; +} +/* =============================End Of FOOTER CONTENT============================= */ \ No newline at end of file diff --git a/15.Blender_Movies/css/styles.css b/15.Blender_Movies/css/styles.css new file mode 100644 index 0000000..21fc494 --- /dev/null +++ b/15.Blender_Movies/css/styles.css @@ -0,0 +1,212 @@ +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + overflow: auto; +} +body{ + font-family: 'Open Sans', sans-serif; + max-width: 1920px; + margin: auto; + background-color: #F5F5F5; + color: #222222; +} +img{ + max-width: 100%; +} +/* =============================HEADER CONTENT============================= */ +header{ + position: fixed; + display:flex; + flex-direction: row; + align-items: center; + justify-content: center; + height: 70px; + width: 100%; + z-index: 1; + background-color: #F5F5F5; + box-shadow: 0px 3px 6px #00000029; +} +.titleBar{ + display:flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + width:75%; + margin: auto; +} +.brand h2{ + font-size: 20px; +} +.userWrapper{ + display:flex; + flex-direction: row; + align-items: center; + column-gap: 10px; +} +.userName h5{ + font-size: 12px; + font-weight: 400; +} +.userPic{ + width:30px; + height: 30px; + border-radius: 50%; +} +.userPic img{ + width: 100%; +} +/* =============================End Of HEADER CONTENT============================= */ + + +/* =============================MAIN CONTENT============================= */ +main{ + display:flex; + justify-content: center; + margin:85px 0px 0px; +} +.contentWrapper{ + display:flex; + flex-direction: row; + justify-content: space-between; + width:75%; + margin: auto; +} +.primaryContentWrapper{ + width: 75%; +} +.secondaryContentWrapper{ + width:23%; +} +/* ---------------VIDEO STREAMING AREA--------------- */ +.videoDescriptionWrapper{ + margin-top: 20px; +} +.videoWrapper{ + position: relative; +} +.playButtonWrapper{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.playButtonWrapper>*{ + font-size: 80px; + color: #FFFFFF; +} +.videoStream{ + height: 429px; + width: 970px; +} +.videoName{ + font-size: 26px; + font-weight: 600; +} +.videoDescription{ + font-size: 14px; + line-height: 22px; + margin: 10px 0px 25.7px; +} +hr{ + border: 0.6px solid; + color: #cdcdcd; +} +/* ---------------End Of VIDEO STREAMING AREA--------------- */ + +/* ---------------COMMENTS SECTION WRAPPER--------------- */ +.commentsSectionWrapper{ + display: flex; + flex-direction: column; + justify-content: center; + margin-top: 23.3px; +} +.commentsSectionWrapper h2{ + font-size: 20px; +} +.commentsWrapper{ + display: flex; + align-items: center; + margin-top: 20px; +} +.commentorPic{ + max-width: 50px; + height: 50px; + border-radius: 50%; +} +.commentorName h3{ + font-size: 14px; + margin-bottom: 4px; +} +.comment p{ + font-size: 13px; +} +.commentorWrapper{ + margin-left: 15px; +} + +.contentRuler{ + display: none; +} +/* ---------------End Of COMMENTS SECTION WRAPPER--------------- */ + +/* ---------------SECONDARY CONTENT WRAPPER--------------- */ +.secondaryContentWrapper > *{ + margin-bottom: 15px; +} +.secondaryContentWrapper h2{ + font-size: 20px; + margin-top:5px; +} +.posterWrapper{ + display: inline-flex; + width: 300px; + height: 425px; +} +.posterWrapper img{ + width: 100%; +} +/* ---------------End Of SECONDARY CONTENT WRAPPER--------------- */ +/* =============================End Of MAIN CONTENT============================= */ + + +/* =============================CHAT ICON============================= */ +.chatIconWrapper{ + position: fixed; + bottom: 30px; + right: 40px; + display:flex; + align-items: center; + justify-content: center; + width: 60px; + height: 60px; + background-color: #C432AE; + border-radius: 50%; +} +.chatIcon{ + width: 30px; + height: 30px; + color: #fff; +} +/* =============================End Of CHAT ICON============================= */ + +/* =============================FOOTER CONTENT============================= */ +footer{ + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 100%; + background-color: #222222; + color: #fff; +} +.copyrightsBar{ + display: flex; + justify-content: space-between; + width:75%; + margin: auto; +} +.copyright h3, .year h3{ + font-size: 14px; +} +/* =============================End Of FOOTER CONTENT============================= */ diff --git a/15.Blender_Movies/index.html b/15.Blender_Movies/index.html new file mode 100644 index 0000000..71de334 --- /dev/null +++ b/15.Blender_Movies/index.html @@ -0,0 +1,105 @@ + + + + + + + Blender Movies + + + + + + + + + + + + + + +
+
+
+

Blender Movies

+
+
+
+
Steffy Jerry
+
+
+ User profile picture +
+
+
+
+ + + +
+
+ + +
+ +
+
+ +
+ + +
+
+
+

+

+
+
+
+ +
+

Comments

+ +
+
+ + +
+ + + + +
+
+ + + +
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/15.Blender_Movies/index.js b/15.Blender_Movies/index.js new file mode 100644 index 0000000..c809be5 --- /dev/null +++ b/15.Blender_Movies/index.js @@ -0,0 +1,108 @@ +import {videoDetails} from "./assets/video.js"; +import {posters} from "./assets/posters.js"; + +//==================================== VIDEO CONTENTS ==================================== +let videoStream = document.querySelector(".videoStream"); +let videoName = document.querySelector(".videoName"); +let videoDescription = document.querySelector(".videoDescription"); + +// Creating a video element +videoStream.src = videoDetails.videoUrl; +videoStream.setAttribute("poster","assets/images/thumbnail.jpeg"); + +//Adding video element to the dom +videoName.innerHTML = videoDetails.title; +videoDescription.innerHTML = videoDetails.description; +//==================================== End Of VIDEO CONTENTS ==================================== + + +//==================================== COMMENTS SECTION ==================================== +let commentsFragment = document.createDocumentFragment(); +const length = videoDetails.comments.length; +let i=0 +// Creating the comments wrapper element +for(;i - - - - - - 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