Merge pull request #13 from Ishaanj18/change_LoginPage

added video background
CodeSheetNavigator · Sep 1, 2023 · 2e69746 · 2e69746
2 parents 731868c + ef408df
commit 2e69746
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/Login/loginP.html b/Login/loginP.html
@@ -8,7 +8,11 @@
     <title>Document</title>
 </head>
 <body>
-
+
+<video id="background-video" autoplay muted loop>
+  <source src="production_id_4562023 (720p).mp4" type="video/mp4">
+    Your browser does not support the video tag.
+</video>
 <div class="container" id="container">
   <div class="form-container sign-up-container">
       <form action="#">

diff --git a/Login/loginpage.css b/Login/loginpage.css
@@ -14,6 +14,7 @@ body {
     height: 100vh;
     margin: -20px 0 50px;
 		margin-top: 20px;
+    overflow: hidden;
 }
 
 h1 {
@@ -43,7 +44,7 @@ a {
 .container {
     background: #fff;
     border-radius: 10px;
-    box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 10px 10px rgba(0, 0, 0, .2);
+    box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 10px 10px rgba(0, 0, 0, 0.301);
     position: relative;
     overflow: hidden;
     width: 768px;
@@ -222,4 +223,14 @@ button.ghost {
 	height: 30px;
 	letter-spacing: 15px;
 	align-items: center;
-}
+}
+
+#background-video {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: -1; /* Place the video behind other elements */
+}
diff --git a/Login/production_id_4562023 (720p).mp4 b/Login/production_id_4562023 (720p).mp4