Add files via upload

Ronaknowal · Sep 19, 2021 · 2ed190a · 2ed190a
1 parent 9443b4e
commit 2ed190a
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 25 deletions.
diff --git a/Status.html b/Status.html
@@ -62,23 +62,24 @@
 </style>
 
 <body>
+
 
     <div class="container">
             <div class="notif">
                 <p class="head">PUC Expired</p>
-                <P>Vehicle Details:</P>
+                <P>Vehicle Details: TVS Jupiter ZX 2021</P>
                 <P>Vehicle no- DL 0B 4545</P>
                 <P>Owner name- X AE A-12</P>
                 Fine- Rs 2000
-                <a href="payment.html">Pay Now</a>
+                <a href="payment.html" target="_top">Pay Now</a>
             </div>
             <div class="notif">
                 <p class="head">Red light crossing</p>
-                <P>Car Details:</P>
+                <P>Car Details: Lamborghini Murcielago LP640</P>
                 <P>Car no- DL 0B 5632</P>
                 <P>Owner name- X AE A-12</P>
                 Fine- Rs 2000
-                <a href="payment.html">Pay Now</a>
+                <a href="payment.html" target="_top">Pay Now</a>
             </div>
     </div>
 

diff --git a/Status1.html b/Status1.html
@@ -27,6 +27,16 @@
             height:300px;
         }
 
+        .button {
+		background-color: #011530;
+		color: white;
+		padding: 14px 20px;
+		margin: 8px 0;
+		border: none;
+		cursor: pointer;
+		width: 100%;
+	}
+
         figcaption{
             font-weight: bold;
             font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
@@ -69,16 +79,16 @@ <h3>Click to view your vehicle details.</h3>
                         <th>Action</th>
                     </tr>
                     <tr>
-                        <td>Two Wheeler</td>
-                        <td>Scooter</td>
-                        <td>TVS Jupiter ZX 2021</td>
-                        <td><a href="Status.html"><button id="btn1">Check Status</button></a></td>
+                        <td align="center">Two Wheeler</td>
+                        <td align="center">Scooter</td>
+                        <td align="center">TVS Jupiter ZX 2021</td>
+                        <td><a href="Status.html"><button id="btn1" class="button">Check Status</button></a></td>
                     </tr>
                     <tr>
-                        <td>Four Wheeler</td>
-                        <td>Car</td>
-                        <td>Lamborghini Murcielago LP640</td>
-                        <td><a href="Status.html"><button id="btn1">Check Status</button></a></td>
+                        <td align="center">Four Wheeler</td>
+                        <td align="center">Car</td>
+                        <td align="center">Lamborghini Murcielago LP640</td>
+                        <td><a href="Status.html"><button id="btn1" class="button">Check Status</button></a></td>
                     </tr>
                 </table>
             </div>

diff --git a/login.html b/login.html
@@ -9,15 +9,15 @@
 	.header {
                 background-color: #01112b;
                 padding: 30px;
-        		text-align: center;
+        		text-align: left;
         		color: palevioletred;
         		font-family: "Comic Sans MS", Times, serif;
             }
 	td {
-        align-content: center;
+        align-content: left;
 		background-color: #01112b;
         padding: 30px;
-
+        border-style: none;
         color: palevioletred;
         font-family: "Comic Sans MS", Times, serif;
 	}
@@ -54,7 +54,7 @@
 	}
 
 	/*set a style for the buttons*/
-	button {
+	.button {
 		background-color: #011530;
 		color: white;
 		padding: 14px 20px;
@@ -177,22 +177,32 @@
 <body>
 	<!-- header of website layout -->
 	<header>
-		<table width="100%">
+		<table style="border: none; background-color: #01112b; width: 100%;">
 			<tr>
-				<td><img src="BB.png" Logo" align="left"></td>
+				<td>
+					<img src="BB.png">
+				</td>
+				<td>
+					<h2 align="left" style="color: palevioletred; font-size: 200%; ">Bye Bhrashtachar</h2>
+				</td>
+			</tr>
+		</table>
+		<!-- <table width="100%" style="border: hidden; border-color:#01112b; margin: 0%;">
+			<tr>
+				<td><img src="BB.png" align="left"></td>
 				<td><h2 style = "color: palevioletred; font-size:200%;">
-					Bye Bhrastachar
+					Bye Bhrashtachar
 				</h2></td>
 			</tr>
-		</table>
+		</table> -->
 	</header>
 
 
 
 	<center style = "font-size:200%;">
 		<h2>Login Form</h2>
 		<!--Step 1 : Adding HTML-->
-		<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
+		<button onclick="document.getElementById('id01').style.display='block'" class="button" style="width:auto;">Login</button>
 
 
 	</center>
@@ -208,11 +218,11 @@ <h2>Login Form</h2>
 			<div class="container">
 				<label><b>Username</b></label>
 				<input type="text" placeholder="Enter Username" name="uname" required>
-
+				
 				<label><b>Password</b></label>
 				<input type="password" placeholder="Enter Password" name="psw" required>
 
-				<button type="submit" onclick="direct()">Login</button>
+				<a href="home.html"><input type="button" value="Login" class="button"></a>
 				<input type="checkbox" checked="checked"> Remember me
 			</div>
 
@@ -225,7 +235,7 @@ <h2>Login Form</h2>
 
 	<script>
 		function direct(){
-			window.location.replace("home.html");
+			window.location.replace("");
 		}
 		var modal = document.getElementById('id01');
 		window.onclick = function(event) {

diff --git a/payment.html b/payment.html
@@ -141,7 +141,7 @@
                 <tr>
                     <td><a href="home.html"><img align="left" src="BB.png"/></a></td>
                     <td><h1>Only Place for All your Transport Needs</h1></td>
-                    <td><h4 align="right">Driving Licence No.: MP13N-2012-0124338</h4><div align="right"><a href="#">LogOut</a> </div></td>
+                    <td><h4 align="right">Driving Licence No.: MP13N-2012-0124338</h4><div align="right"><a href="login.html">LogOut</a> </div></td>
                 </tr>
             </table>
         </header>