diff --git a/Easy/Vedant Malkar Issue 2/cube home.jpg b/Easy/Vedant Malkar Issue 2/cube home.jpg new file mode 100644 index 0000000..4972643 Binary files /dev/null and b/Easy/Vedant Malkar Issue 2/cube home.jpg differ diff --git a/Easy/Vedant Malkar Issue 2/cubehome_blurry.jpg b/Easy/Vedant Malkar Issue 2/cubehome_blurry.jpg new file mode 100644 index 0000000..c784910 Binary files /dev/null and b/Easy/Vedant Malkar Issue 2/cubehome_blurry.jpg differ diff --git a/Easy/Vedant Malkar Issue 2/home.css b/Easy/Vedant Malkar Issue 2/home.css new file mode 100644 index 0000000..89b7398 --- /dev/null +++ b/Easy/Vedant Malkar Issue 2/home.css @@ -0,0 +1,119 @@ +body, ul{ + margin: 0; + padding: 0; + +} + + +.navbar{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px; + +} + +.CubeGenesis{ + margin-left: 10px; + font-family: "Permanent Marker"; + font-weight: 400; + font-style: normal; + font-size: 25px; + color: rgb(197, 197, 197); + text-decoration: none; +} + +.navbar ul{ + text-decoration: none; + list-style: none; + display: flex; + align-items: center; + justify-content: space-between; + font-family: "Roboto", sans-serif; +} + +.navbar ul li a{ + margin-right: 40px; + text-decoration: none; + color: rgb(197, 197, 197); + font-weight: 700; + +} + +body{ + background-image: url(cube\ home.jpg); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + margin: 0; + height: 100vh; + +} + +.Learn{ + border: 2px solid rgb(197, 197, 197); + padding: 5px 10px; + border-radius: 5px; +} + +.dropdown{ + position: relative; +} + +.dropdown .dropdown_content{ + display: none; + position: absolute; + z-index: 10; + min-width: 150px; +} + +.dropdown:hover .dropdown_content{ + display: block; + background-color: transparent; +} + +.dropdown_content a{ + display: block; + margin-top: 20px; + border-bottom: 1px solid white; + +} + +.menuicon{ + color: white; + display: none; +} + +@media (max-width: 750px){ + .menuicon{ + display: flex; + justify-content: space-between; + cursor: pointer; + } + + .navbar ul{ + display: none; + width: 100%; + position: absolute; + text-align: center; + background-color: rgba(0, 0, 0, 0.8); + flex-direction: column; + top: 60px; + left: 0; + padding: 20px 0; + } + + .navbar ul li { + margin: 10px 0; + } + + .navbar ul.active { + display: flex; + } + + .dropdown .dropdown_content{ + left: 75px; + top: -60px; + } + +} \ No newline at end of file diff --git a/Easy/Vedant Malkar Issue 2/main.html b/Easy/Vedant Malkar Issue 2/main.html new file mode 100644 index 0000000..6296bb5 --- /dev/null +++ b/Easy/Vedant Malkar Issue 2/main.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + The Cube Genesis + + + + + + + + + \ No newline at end of file diff --git a/Easy/Vedant Malkar Issue 2/signin.css b/Easy/Vedant Malkar Issue 2/signin.css new file mode 100644 index 0000000..10dfc8a --- /dev/null +++ b/Easy/Vedant Malkar Issue 2/signin.css @@ -0,0 +1,156 @@ +body, ul{ + margin: 0; + padding: 0; + +} + + +.navbar{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px; + +} + +.CubeGenesis{ + margin-left: 10px; + font-family: "Permanent Marker"; + font-weight: 400; + font-style: normal; + font-size: 25px; + color: rgb(197, 197, 197); + text-decoration: none; +} + +.navbar ul{ + text-decoration: none; + list-style: none; + display: flex; + align-items: center; + justify-content: space-between; + font-family: "Roboto", sans-serif; +} + +.navbar ul li a{ + margin-right: 40px; + text-decoration: none; + color: rgb(197, 197, 197); + font-weight: 700; + +} + +body{ + background-image: url(cube\ home.jpg); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + margin: 0; + height: 100vh; + +} + +.Learn{ + border: 2px solid rgb(197, 197, 197); + padding: 5px 10px; + border-radius: 5px; +} + +.wrapper{ + display: flex; + justify-content: center; + align-items: center; + min-height: 85vh; +} + +.wrapper1{ + background-color: transparent; + backdrop-filter: blur(20px); + width: 420px; + padding: 20px 40px; + font-family: "Roboto"; + border-radius: 20px; + padding-bottom: 100px; + padding-top: 50px; + +} + +h1{ + display: flex; + justify-content: center; + align-items: center; + font-family: "Roboto"; + color: rgb(255, 246, 232); + font-size: 35px; +} + +/* .username{ + border: none; + outline: none; + margin-bottom: 20px; + border: 0.3px solid black; + border-radius: 25px; + height: 30px; + width: 100%; + background-color: transparent; +} */ + + +.forgot{ + display: flex; + align-items: center; + justify-content: right; + text-decoration: none; + color: rgb(197, 197, 197); + font-size: 13px; + text-decoration: underline; + margin-bottom: 10px; +} + +button{ + width: 100%; + height: 30px; + border-radius: 20px; + border: 0.3px solid black; + margin-top: 13px; + font-size: 15px; + +} + +.register{ + margin-top: 13px; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + color: rgb(197, 197, 197); + font-size: 13px; + +} + +.register:hover{ + text-decoration: underline; +} + +.wrapper .input-box{ + width: 100%; + height: 50px; +} + +.wrapper .input-box input { + width: 100%; + height: 100%; + border: 1px solid rgb(197, 197, 197); + border-radius:20px ; + outline: none; + background-color: transparent; + padding: 10px; +} + +.input-box input::placeholder{ + color: rgb(197, 197, 197); +} + + + + diff --git a/Easy/Vedant Malkar Issue 2/signin.html b/Easy/Vedant Malkar Issue 2/signin.html new file mode 100644 index 0000000..8e43bd5 --- /dev/null +++ b/Easy/Vedant Malkar Issue 2/signin.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + The Cube Genesis + + + + + +
+
+
+

Sign In

+
+
+
+
+
+
+
Forgot password?
+ +
Sign Up
+
+
+
+ + + \ No newline at end of file