diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.css new file mode 100644 index 0000000..d762a0b --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.css @@ -0,0 +1,100 @@ +*{ + margin: 0px; + padding: 0px; +} +.header { + width:100%; + height:100px; + background-color:rgb(56,107,140) ; + } + +.lheader{ + float:left; + width:10%; + height:60px; + margin-left: 8px; + margin-top: 8px; + margin-bottom: 8px; + + +} +.rheader{ + float:right; + width:87%; +} +.rheader ul li{ + display:inline-block; + font-family: 'Montserrat', sans-serif; + color: white; + font-size: 25px; + line-height: 100px; + margin-left: 25px; +} +.navbar { + overflow: hidden; + background-color:rgb(245,255,208); + font-family: 'Montserrat', sans-serif; + height:70px; + + } + .navbar a { + float: left; + font-size: 16px; + color: black; + text-align: center; + padding: 14px 16px; + text-decoration: none; + margin-top: 15px; + margin-left: 12px; + } + .dropdown { + float: left; + overflow: hidden; + } + .dropdown .dropbtn { + font-size: 16px; + border: none; + outline: none; + color: black; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin-top: 15px; + margin-left: 12px; + } + .navbar a:hover, .dropdown:hover .dropbtn { + background-color: rgb(84,91,98); + } + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + .dropdown-content a:hover { + background-color: #ddd; + } + .dropdown:hover .dropdown-content { + display: block; + } + .buttonone{ + background-color: rgb(0,123,255); + font-size: 16px; + padding:10px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + + } diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.html new file mode 100644 index 0000000..b2da66e --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/archive.html @@ -0,0 +1,142 @@ + + + View Pod Solutions + + + +
+ +
+ + + +
+
+ +


+ +

Problem of Day solution archives

+

An archive containing discussions about the last 7 problems

+



+ + + + + + + +
2021-04-02
+

Plants Grown and Amount of Water

+

 easy

+

View solution

+
+ + + + + + + + +
2021-09-23
+

Togetherness of a Family

+

 hard

+

View solution

+
+ + + + + + + +
2021-09-22
+

Midnumeral Strings to Rightnumeral Strings (D)

+

 hard

+

View solution

+
+ + + + + + + +
2021-09-18
+

Largest Factor Among Left Rotated Numbers

+

 medium

+

View solution

+
+ + + + + + + +
2021-09-17
+

Reverse Length Divisible (D)

+

 medium

+

View solution

+
+ + + + + + + +
2021-09-16
+

Ramu and cakes

+

 medium

+

View solution

+
+ + + + + + + + +
2021-09-15
+

Ramu and building pipes

+

 hard

+

View solution

+
+ + + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/home.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/home.html index b3482e2..cf24cfb 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/home.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/home.html @@ -38,11 +38,12 @@ + Time Table Logout

Problem of the Day Archives

Solution and editorials

The solutions and editorials for the previously given daily challenges for the past one week.


- See Archive + See Archive
diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/list.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/list.html index bb5e0fc..91973a6 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/list.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/list.html @@ -38,11 +38,12 @@ + Time Table Logout

Demonstration Videos


diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.css new file mode 100644 index 0000000..858d7a9 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.css @@ -0,0 +1,145 @@ +*{ + margin: 0px; + padding: 0px; +} +.header { + width:100%; + height:100px; + background-color:rgb(56,107,140) ; + } + +.lheader{ + float:left; + width:10%; + height:60px; + margin-left: 8px; + margin-top: 8px; + margin-bottom: 8px; + + +} +.rheader{ + float:right; + width:87%; +} +.rheader ul li{ + display:inline-block; + font-family: 'Montserrat', sans-serif; + color: white; + font-size: 25px; + line-height: 100px; + margin-left: 25px; +} +.navbar { + overflow: hidden; + background-color:rgb(245,255,208); + font-family: 'Montserrat', sans-serif; + height:70px; + } + .navbar a { + float: left; + font-size: 16px; + color: black; + text-align: center; + padding: 14px 16px; + text-decoration: none; + margin-top: 15px; + margin-left: 12px; + } + .dropdown { + float: left; + overflow: hidden; + } + .dropdown .dropbtn { + font-size: 16px; + border: none; + outline: none; + color: black; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin-top: 15px; + margin-left: 12px; + } + .navbar a:hover, .dropdown:hover .dropbtn { + background-color: rgb(84,91,98); + } + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + .dropdown-content a:hover { + background-color: #ddd; + } + .dropdown:hover .dropdown-content { + display: block; + } + .dropbtntwo { + background-color: white; + color: rgb(105,97,104); + padding: 15px; + font-size: 15px; + border: 2px solid rgb(235,235,235); + width:310px; + text-align: left; + height:40px; + font-family: sans-serif; + + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; +} + .dropdowntwo button{ + margin-bottom: 20px; + } + .dropdowntwo { + position: relative; + display: inline-block; + } + .dropdown-contenttwo { + display: none; + position: absolute; + background-color: #f1f1f1; + + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + + border-radius: 4px; + } + .dropdown-contenttwo a { + color: black; + padding: 4px 16px; + text-decoration: none; + display: block; + } + .dropdowntwo:hover .dropdown-contenttwo {display: block;} + .dropdown-contenttwo a:hover {background-color: rgb(0,123,255);} + .dropdowntwo:hover .dropbtntwo {background-color: grey;} + .buttonone{ + background-color: rgb(40,167,69); + font-size: 18px; + padding-top: 8px; + padding-left: 11px; + padding-right: 11px; + padding-bottom: 8px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + + } diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.html new file mode 100644 index 0000000..411d186 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksm.html @@ -0,0 +1,92 @@ + + + Student Home Welcome + + + +
+ +
+ + + +
+
+ +

+ +
View MCQ Test Marks
+
+

+ + + + + + + + + + + + + + +
Course CodeTest
+ +
+ Show + + + Cancel + +
+ + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.css new file mode 100644 index 0000000..858d7a9 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.css @@ -0,0 +1,145 @@ +*{ + margin: 0px; + padding: 0px; +} +.header { + width:100%; + height:100px; + background-color:rgb(56,107,140) ; + } + +.lheader{ + float:left; + width:10%; + height:60px; + margin-left: 8px; + margin-top: 8px; + margin-bottom: 8px; + + +} +.rheader{ + float:right; + width:87%; +} +.rheader ul li{ + display:inline-block; + font-family: 'Montserrat', sans-serif; + color: white; + font-size: 25px; + line-height: 100px; + margin-left: 25px; +} +.navbar { + overflow: hidden; + background-color:rgb(245,255,208); + font-family: 'Montserrat', sans-serif; + height:70px; + } + .navbar a { + float: left; + font-size: 16px; + color: black; + text-align: center; + padding: 14px 16px; + text-decoration: none; + margin-top: 15px; + margin-left: 12px; + } + .dropdown { + float: left; + overflow: hidden; + } + .dropdown .dropbtn { + font-size: 16px; + border: none; + outline: none; + color: black; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin-top: 15px; + margin-left: 12px; + } + .navbar a:hover, .dropdown:hover .dropbtn { + background-color: rgb(84,91,98); + } + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + .dropdown-content a:hover { + background-color: #ddd; + } + .dropdown:hover .dropdown-content { + display: block; + } + .dropbtntwo { + background-color: white; + color: rgb(105,97,104); + padding: 15px; + font-size: 15px; + border: 2px solid rgb(235,235,235); + width:310px; + text-align: left; + height:40px; + font-family: sans-serif; + + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; +} + .dropdowntwo button{ + margin-bottom: 20px; + } + .dropdowntwo { + position: relative; + display: inline-block; + } + .dropdown-contenttwo { + display: none; + position: absolute; + background-color: #f1f1f1; + + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + + border-radius: 4px; + } + .dropdown-contenttwo a { + color: black; + padding: 4px 16px; + text-decoration: none; + display: block; + } + .dropdowntwo:hover .dropdown-contenttwo {display: block;} + .dropdown-contenttwo a:hover {background-color: rgb(0,123,255);} + .dropdowntwo:hover .dropbtntwo {background-color: grey;} + .buttonone{ + background-color: rgb(40,167,69); + font-size: 18px; + padding-top: 8px; + padding-left: 11px; + padding-right: 11px; + padding-bottom: 8px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + + } diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.html new file mode 100644 index 0000000..dad4e63 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/marksp.html @@ -0,0 +1,99 @@ + + + Student Home Welcome + + + +
+ +
+ + + +
+
+ +

+ +
View Code Test Marks
+
+

+ + + + + + + + + + + + + + +
Course CodeTest
+ +
+ Show + + + Cancel + +
+ + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/mcq.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/mcq.html index 6160907..0b27dc5 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/mcq.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/mcq.html @@ -39,11 +39,12 @@ + Time Table Logout

diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/poddiscuss.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/poddiscuss.html index c02b197..be1f669 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/poddiscuss.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/poddiscuss.html @@ -38,11 +38,12 @@ + Time Table Logout

PoD Discussion Videos For Selected Problems


diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.css index a1d8653..3fa440a 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.css +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.css @@ -89,12 +89,16 @@ .color font{ color:rgb(0,123,255); font-weight: 500; + font-family: Segoe UI; + font-size: 24px; + color: rgb(0,123,255); } .table{ margin-left: 200px; margin-right: 200px; } + .cellone{ width:750px; font-family: 'Segoe UI',sans-serif; @@ -108,20 +112,25 @@ width:200px; + line-height: 7px; height: 35px; } .buttonone{ background-color: rgb(40,167,69); - font-size: 18px; - padding:12px; + font-size: 16px; + padding-left:12px; + padding-right: 12px; + padding-top: 8px; + padding-bottom: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; margin-left: 18px; + font-family: Segoe UI; } diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.html index 5bb8728..78ee9ec 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/profile.html @@ -3,7 +3,7 @@ Change Profile Information - + <>
+ Time Table Logout
+
-
Change Profile Information
+
Change Profile Information

@@ -84,7 +86,7 @@
Change Password
-
+


@@ -95,10 +97,14 @@

- + Change Email
-
+

+

+
+
+ \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/programming.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/programming.html index ce8a2f5..79ac90c 100644 --- a/Frontend Web Dev/Vpropel page(First attempt with CSS)/programming.html +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/programming.html @@ -39,11 +39,12 @@ + Time Table Logout
@@ -59,10 +60,5 @@


Programming Tests
- - - - - - + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.css new file mode 100644 index 0000000..3042eb6 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.css @@ -0,0 +1,90 @@ +*{ + margin: 0px; + padding: 0px; +} +.header { + width:100%; + height:100px; + background-color:rgb(56,107,140) ; + } + +.lheader{ + float:left; + width:10%; + height:60px; + margin-left: 8px; + margin-top: 8px; + margin-bottom: 8px; + + +} +.rheader{ + float:right; + width:87%; +} +.rheader ul li{ + display:inline-block; + font-family: 'Montserrat', sans-serif; + color: white; + font-size: 25px; + line-height: 100px; + margin-left: 25px; +} +.buttonone{ + border:2px solid; + font-size: 20px; + padding:10px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + margin-left: 42px; + font-family: Segoe UI; + color:rgb(121,200,139); +} +.buttonone { + transition-duration: 0.4s; + } +.buttonone:hover {background-color:rgb(121,200,139); + color:white;} +.buttontwo{ + border:2px solid; + font-size: 20px; + padding:10px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + margin-left: 42px; + font-family: Segoe UI; + color:rgb(28,155,255); +} +.buttontwo { + transition-duration: 0.4s; + } +.buttontwo:hover {background-color:rgb(28,155,255); + color:white; +} + + +.buttonthree{ + border:2px solid; + font-size: 20px; + padding:10px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + margin-left: 42px; + font-family: Segoe UI; + color:rgb(255,201,150); +} +.buttonthree { + transition-duration: 0.4s; + } +.buttonthree:hover {background-color:rgb(255,201,150); + color:white; +} \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.html new file mode 100644 index 0000000..7b20602 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/test.html @@ -0,0 +1,60 @@ + + + Student Home Welcome + + + +
+ +
+ + + +
+
+
+ + + +
+

New Number System

+

A new k – base number system using the symbols 0, 1, 2, ..., k-1 is developed. Each number in the k-base number system is separated by a comma. Let a1,a2,a3 be a number in k-base number system where ai f ε {0, 1, 2, ..., k-1} then value of the number in decimal number system is a3*k2+a2*k1+a1*k0. In a 18-based number system, value of the number 16, 17, 15 is 15*182+17*181+15*180. Given two numbers in k-base number system, write a code to print the sum of the numbers in k-base system.

+

Note:

+

Use atoi for string to integer convesion. Refer the below code for reference

+

#include

+

using namespace std;

+

int main ()

+

{

+

char s[100];

+

cin>>s;

+

int i=atoi(s);

+

cout

+

}

+

Input Format

+

First line contains the base of number system, k

+

Next line contains the number n1 in k-base number system

+

Next line contains the number n2 in k-base number system

+

Output Format

+

Print the sum of n1 and n2 in k-base number system

+ +
+
+ + + + +
+

+ + Run code  Save code  Pause Test +
+ + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.css b/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.css new file mode 100644 index 0000000..a11cc29 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.css @@ -0,0 +1,104 @@ +*{ + margin: 0px; + padding: 0px; +} +.header { + width:100%; + height:100px; + background-color:rgb(56,107,140) ; + } + +.lheader{ + float:left; + width:10%; + height:60px; + margin-left: 8px; + margin-top: 8px; + margin-bottom: 8px; + + +} +.rheader{ + float:right; + width:87%; +} +.rheader ul li{ + display:inline-block; + font-family: 'Montserrat', sans-serif; + color: white; + font-size: 25px; + line-height: 100px; + margin-left: 25px; +} +.navbar { + overflow: hidden; + background-color:rgb(245,255,208); + font-family: 'Montserrat', sans-serif; + height:70px; + } + .navbar a { + float: left; + font-size: 16px; + color: black; + text-align: center; + padding: 14px 16px; + text-decoration: none; + margin-top: 15px; + margin-left: 12px; + } + .dropdown { + float: left; + overflow: hidden; + } + .dropdown .dropbtn { + font-size: 16px; + border: none; + outline: none; + color: black; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin-top: 15px; + margin-left: 12px; + } + .navbar a:hover, .dropdown:hover .dropbtn { + background-color: rgb(84,91,98); + } + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + .dropdown-content a:hover { + background-color: #ddd; + } + .dropdown:hover .dropdown-content { + display: block; + } + .cellrow .tr .td{ + display:inline-block + } + .bordere td{ + border:1px solid black; + border-collapse:collapse; + border-style: solid; + padding-left: 5px; + padding-bottom: 5.4px; + padding-right: 5px; + padding-top: 5.4px; + + + } + + \ No newline at end of file diff --git a/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.html b/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.html new file mode 100644 index 0000000..e3b2ea0 --- /dev/null +++ b/Frontend Web Dev/Vpropel page(First attempt with CSS)/timetable.html @@ -0,0 +1,385 @@ + + + TIME TABLE + + + +
+ +
+ + + +
+
+ +


+
Winter Semester Time Table
+

+
+
+
+ + + + + + + + + + + + + +
Theory
Lab
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Start8:009:0010:0011:0012:00-Lunch14:0015:0016:0017:0018:0018:4619:01
End8:459:4510:4511:4512:45-Lunch14:4515:4516:4517:4518:4519:0019:45
Start8:008:4610:0010:4611:3112:16Lunch14:0014:4616:0016:4617:3118:16-
End8:459:3010:4511:3012:1513:00Lunch14:4515:3016:4517:3018:1519:00-
TheoryA1F1D1CSE1003MAT2001-LunchCSE2011STS1202D2TB2TG2-V3
LabCSE1002CSE1002L3L4L5L6LunchL31L32L33L34L35L36-
Theory CSE1003MAT2001E1TC1TAA1-LunchB2G2BIT1003MAT1014TAA2-V4
LabL7L8L9L10CSE1002CSE1002LunchCSE2011CSE2011L39L40L41L42-
TheoryC1A1F1V1V2-LunchMAT1014CSE2011STS1202TD2TBB2-MAT1014
LabL13L13L15L16L17L18LunchL43L44L45L46MAT2001MAT2001-
Theory D1CSE1003MAT2001TE1TCC1-LunchD2B2G2BIT1003MAT1014-V6
LabL19L20L21L22BIT1003BIT1003LunchL49L50L51L52L53L54-
TheoryE1C1TA1TF1TD1-LunchBIT1003MAT1014CSE2011STS1202TDD2-V7
LabCSE1003CSE1003CSE1002CSE1002L29L30LunchL55L56L57L585960-
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/1.jpeg b/Frontend Web Dev/events page(javascript implementation for slider)/1.jpeg new file mode 100644 index 0000000..efd7220 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/1.jpeg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/10.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/10.jpg new file mode 100644 index 0000000..c975c95 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/10.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/2.jpeg b/Frontend Web Dev/events page(javascript implementation for slider)/2.jpeg new file mode 100644 index 0000000..99bff82 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/2.jpeg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/3.jpeg b/Frontend Web Dev/events page(javascript implementation for slider)/3.jpeg new file mode 100644 index 0000000..2d42051 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/3.jpeg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/4.jpeg b/Frontend Web Dev/events page(javascript implementation for slider)/4.jpeg new file mode 100644 index 0000000..f027a89 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/4.jpeg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/5.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/5.jpg new file mode 100644 index 0000000..1e498e1 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/5.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/6.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/6.jpg new file mode 100644 index 0000000..cd4ca72 Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/6.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/7.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/7.jpg new file mode 100644 index 0000000..dc4c4bc Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/7.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/8.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/8.jpg new file mode 100644 index 0000000..45b6a3c Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/8.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/9.jpg b/Frontend Web Dev/events page(javascript implementation for slider)/9.jpg new file mode 100644 index 0000000..5ea20eb Binary files /dev/null and b/Frontend Web Dev/events page(javascript implementation for slider)/9.jpg differ diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/README.md b/Frontend Web Dev/events page(javascript implementation for slider)/README.md new file mode 100644 index 0000000..cf4278c --- /dev/null +++ b/Frontend Web Dev/events page(javascript implementation for slider)/README.md @@ -0,0 +1,2 @@ +# Events-page +# Events-page diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/a.txt b/Frontend Web Dev/events page(javascript implementation for slider)/a.txt new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/Frontend Web Dev/events page(javascript implementation for slider)/a.txt @@ -0,0 +1 @@ + diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/events.css b/Frontend Web Dev/events page(javascript implementation for slider)/events.css new file mode 100644 index 0000000..0595fbe --- /dev/null +++ b/Frontend Web Dev/events page(javascript implementation for slider)/events.css @@ -0,0 +1,105 @@ +@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap"); +@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap'); +* { + padding: 0; + margin: 0; + +} +nav { + position: relative; + width: 100%; + height: 70px; + background-color: rgb(227, 230, 218); + box-shadow: 0px 1px 10px rgb(153, 153, 153); +} +.logo { + position: relative; + height: 100%; + +} +.logo > p { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + color: rgba(0, 0, 0, 0.863); + font-size: 27px; + font-family: sans-serif; + font-weight: 600; + +} + +#items{ + width:80%; + margin-left: auto; + margin-right: auto; + +} +.rec{ + position: relative; +} +.rec>p{ + font-size: 1.3em; + color: rgba(0, 0, 0, 0.863); + padding: 10px; + margin:10px; + margin-top: 15px; + +} +.rec_items{ + position: relative; + padding: 10px; + width: 90%; + margin-left: auto; + margin-right: auto; + + height:430px; + overflow: hidden; + +} +.rec_list{ + position: relative; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + transition: all 0.6s ease-in-out; +} +.boo{ + position: relative; + height: 100%; + top:0; + width:1000000%; +} +.rec_list_item{ + position: relative; + top:50%; + display: inline-block; + transform: translateY(-50%); + width:350px; + height:400px; + + margin:5px; + margin-right: 13px; + box-shadow: 0px 1px 10px rgb(153, 153, 153); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.icon{ + position: absolute; + top:60%; + transform: translateY(-50%); + padding-bottom: 95px; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.right-icon{ + right:-50px; +} +.left-icon{ + left:-50px; + +} diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/events.html b/Frontend Web Dev/events page(javascript implementation for slider)/events.html new file mode 100644 index 0000000..2d8f1f3 --- /dev/null +++ b/Frontend Web Dev/events page(javascript implementation for slider)/events.html @@ -0,0 +1,76 @@ + + + + + ABC | EVENTS + + + + +
+
+ +
+
+
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ A few mile stones of our journey! + + + diff --git a/Frontend Web Dev/events page(javascript implementation for slider)/events.js b/Frontend Web Dev/events page(javascript implementation for slider)/events.js new file mode 100644 index 0000000..62b2747 --- /dev/null +++ b/Frontend Web Dev/events page(javascript implementation for slider)/events.js @@ -0,0 +1,19 @@ +var right=document.getElementById("right"); +var left=document.getElementById("left"); +var rec_list = document.getElementsByClassName("rec_list"); +right.addEventListener("click",()=>{ + var pos = rec_list[0].offsetLeft; + if(pos >-2500){ + var moveleft= pos-370; + var moveleft = moveleft.toString(); + document.getElementById("rec_list").style.left= moveleft+"px"; +} +}); +left.addEventListener("click",()=>{ + const pos = rec_list[0].offsetLeft; + if(pos!=0){ + var moveleft= pos+370; + var moveleft = moveleft.toString(); + document.getElementById("rec_list").style.left= moveleft+"px"; + } +})
Mon
Tue
Wed
Thu
Fri