From 23f4c79b42573ea9f888f1046faaf07e4df577c3 Mon Sep 17 00:00:00 2001 From: ashwanth-kumarD <114641619+ashwanth-kumarD@users.noreply.github.com> Date: Thu, 29 Sep 2022 20:46:46 +0530 Subject: [PATCH] Add files via upload Submission of Week-1 Assignment 1.2 --- Week-1/1.2/index.html | 89 +++++++++++++++++++++++++++++++++++++ Week-1/1.2/style.css | 101 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 190 insertions(+) create mode 100644 Week-1/1.2/index.html create mode 100644 Week-1/1.2/style.css diff --git a/Week-1/1.2/index.html b/Week-1/1.2/index.html new file mode 100644 index 0000000..5bac127 --- /dev/null +++ b/Week-1/1.2/index.html @@ -0,0 +1,89 @@ + + + + + + + Week 1Assignment-Ashwanth + + + + + + + + +
+
+ +
+
+

CattyBoard Top 100 Single Charts(11.06.36)

+
Unknown Artist
+

2016.Charts.100songs

+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
1.Cant stop the feelingCrakefeetCatKid&Cyla2:54CATT CLOUD SYNC
2.PandaCattee4:06CATT CLOUD SYNC
3.Can't Stop The FeelingCatin cimberlake3:56CATT CLOUD SYNC
4.Work From HomeCat Harmony feat Colla3:04CATT CLOUD SYNC
+ + + + \ No newline at end of file diff --git a/Week-1/1.2/style.css b/Week-1/1.2/style.css new file mode 100644 index 0000000..1e68fc1 --- /dev/null +++ b/Week-1/1.2/style.css @@ -0,0 +1,101 @@ +*{ + margin:0 ; + font-family: 'Lato'; + color: rgb(250, 251, 252); + font-weight: 1%; + } + + + .navbar{ + /*background-color: #cbcece;*/ + background:linear-gradient(130deg,#1ee269,#cb6fdd); + width:40px;; + position:absolute; + height:100%; + + } + nav i{ + padding-top:20%; + margin-top:40px; + margin-left:10px; + color:rgb(3, 3, 3); + } + main{ + background:linear-gradient(25deg,#1acc79,#fc00ff,#ebb113); + display: flex; + font-weight: 1px; + } + .column1{ + width:30% + } + .column2{ + padding-top: 2%; + padding-left: 2%; + } + main img{ + padding-top:10%; + padding-left:30%; + width:70%; + padding-bottom:2%; + } + .main_icons{ +padding-top:80px; + } + + table{ + width:100%; + border-collapse: collapse; +margin-left: 50px; + + } + td{ + text-align: center; + padding:10px; + color: black; + + } + + td:nth-child(5n) { + color: #486bdd; + } + tr:nth-child(even) { + background-color: #cbcece; + } + + footer{ + /*background-color:#3c617d;*/ + background:linear-gradient(120deg,#1acc79,#fc00ff,#ebb113); + bottom:0; + left:0; + position:fixed; + width:100%; + display:flex; + } + footer img{ + padding:0.5% 0.5% 0.5% 0.5%; + } + + .footer_column1{ +padding-left:1%; + +width:30%; +} +.footer_column2{ + width:70%; + display: flex; + padding-left: 10%; +} +.icons{ + padding: 10px 10px 20px 100px; +} +footer p{ + padding-top:10px; +} +input[type="range"]{ + padding-top:7%; + padding-left:7%; + position: fixed; + width:50%; + color:black; + +}