login form polished

front-end/css/login.css

@@ -11,13 +11,18 @@
     margin-top: 200px;
     margin-left: auto;
     margin-right: auto;
+    opacity: 90%;
 }
 
+.login_form {
+    margin: auto;
+    box-shadow: 3px 3px 16px #888888 ;
+}
 
 body { 
     margin: 0; 
     background-size: cover; 
-    background-image: url('https://images.unsplash.com/photo-1579546929518-9e396f3cc809?ixlib=rb-1.2.1&w=1000&q=80');
+    background-image: url('../img/login-bg1.jpg');
 }
 
 .vimeo-container {

front-end/js/login.js

@@ -5,7 +5,7 @@ var loginform = {
 	view:"form", scroll:false,
 	container:"login",
 	padding:50,
-    css: { margin:"auto" },
+    css: "login_form",
 
 	"rows": [
 		{
@@ -14,7 +14,7 @@ var loginform = {
 			"rows": [
 				{ "view": "text", "label": "email", "name": "email", "type": "email" },
 				{ "view": "text", "label": "Password", "name": "pass", "type": "password" },
-				{ "label": "Submit", "view": "button", "height": 38, "borderless": 1 }
+				{ "label": "Login", "view": "button", "height": 38, "borderless": 1 }
 			],
 			"borderless": 1,
 			"height": null

front-end/login.html

@@ -15,7 +15,12 @@
 
 </style>
 <div class="vimeo-container">
-   <iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+   <!-- iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1"
+   frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe -->
+
+   <iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0"
+   frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+   
   </div>
  </body>
 </html>