Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
Sk4803 authored Sep 18, 2021
1 parent 7bb14cc commit cf8c82d
Show file tree
Hide file tree
Showing 12 changed files with 435 additions and 25 deletions.
Binary file added BB.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added PUC.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 5 additions & 5 deletions Status.html
Original file line number Diff line number Diff line change
Expand Up @@ -78,20 +78,20 @@ <h2 style = "color: palevioletred;font-size:200%;">
</div><br>
<div class="container">
<div class="notif">
<p class="head">Red light crossing</p>
<P>Car Details:</P>
<P>Car no- DL 0B 5632</P>
<p class="head">PUC Expired</p>
<P>Vehicle Details:</P>
<P>Vehicle no- DL 0B 4545</P>
<P>Owner name- X AE A-12</P>
Fine- Rs 2000
<a href="#">Pay Now</a>
<a href="payment.html">Pay Now</a>
</div>
<div class="notif">
<p class="head">Red light crossing</p>
<P>Car Details:</P>
<P>Car no- DL 0B 5632</P>
<P>Owner name- X AE A-12</P>
Fine- Rs 2000
<a href="#">Pay Now</a>
<a href="payment.html">Pay Now</a>
</div>
</div>

Expand Down
107 changes: 107 additions & 0 deletions Status1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<html>
<head>
<style type="text/css">
.collapsible {
background-color: white;
color: black;
cursor: pointer;
padding: 18px;
width: 100%;
border: 1px solid black;
text-align: left;
outline: none;
font-size: 15px;
}
.active, .collapsible:hover {
background-color: palevioletred;
}
.content {
padding: 0 18px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
width:100%;
}
.img1 {
width:500px;
height:300px;
}

figcaption{
font-weight: bold;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: medium;
}
</style>

</head>
<body style="align:left;">
<h1 align="center">Your Documents</h1>
<button type="button" class="collapsible">
<h3>Click to view your documents</h3>
</button>
<div class="content">
<div align="center">
<figure>
<img class="img1" src="licence.jpg" />
<figcaption>Driving License</figcaption><br/> <br/>
<img class="img1" src="rc.jpg"/>
<figcaption>Vehicle Registration Certificate</figcaption><br/><br/>
<img class="img1" src="PUC.jpg"/>
<figcaption>Vehicle Pollution Certificate</figcaption><br/><br/>
<img src="insurance.png"/>
<figcaption>Vehicle insurance</figcaption><br/><br/>
</figure>
</div>
</div>

<h1 align="center">Your Vehicle Details</h1>
<button type="button" class="collapsible">
<h3>Click to view your vehicle details.</h3>
</button>
<div class="content">
<div align="center">
<table border="1">
<tr>
<th>Vehicle Class</th>
<th>Vehicle Type</th>
<th>Model</th>
<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>
</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>
</tr>
</table>
</div>
</div>
</body>
<script>
var coll = document.getElementsByClassName("collapsible");
var count;

for (count = 0; count < coll.length; count++) {
coll[count].addEventListener("click", function() {
//alert("hello");
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
}
else {
content.style.display = "block";
}

});
}

</script>
</html>
45 changes: 45 additions & 0 deletions home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<html>
<head>
<style>
header {
background-color: #01112b;
padding: 30px;
text-align: center;
color: palevioletred;
font-family: "Comic Sans MS", Times, serif;
}
a:hover
{
color: palevioletred;
}
td {
background-color: #01112b;
padding: 30px;

color: palevioletred;
font-family: "Comic Sans MS", Times, serif;
}
img
{
width: 200px;
height: 200px;;
}

</style>

</head>
<body link="white" alink="palevioletred" vlink="white">

<header>
<table width="100%">
<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>
</tr>
</table>
</header>
<iframe src="Status1.html" name="iframe_a" width="100%" height="100%"></iframe>
<!-- <iframe src = "Create.html" name="iframe_b" width="24%" height=100%></iframe> -->
</body>
</html>
Binary file added insurance.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added licence.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 31 additions & 20 deletions login.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,23 @@
color: palevioletred;
}
.header {
background-color: #011530;
padding: 15px;
text-align: center;
background-color: #01112b;
padding: 30px;
text-align: center;
color: palevioletred;
font-family: "Comic Sans MS", Times, serif;
}
img.logo{
display: inline;
width: 3%;
border-radius: 50%;
td {
align-content: center;
background-color: #01112b;
padding: 30px;

color: palevioletred;
font-family: "Comic Sans MS", Times, serif;
}
img{
width: 200px;
height: 200px;
}
/* CSS property for navigation menu */
.nav_menu {
Expand Down Expand Up @@ -167,19 +176,18 @@

<body>
<!-- header of website layout -->
<div class = "header">
<img src="/BYE BHRASTACHAR.png" alt="Logo" class="logo">
<h2 style = "color: palevioletred;font-size:200%;">
Bye Bhrastachar
</h2>
</div>
<header>
<table width="100%">
<tr>
<td><img src="BB.png" Logo" align="left"></td>
<td><h2 style = "color: palevioletred; font-size:200%;">
Bye Bhrastachar
</h2></td>
</tr>
</table>
</header>

<!-- navigation menu for website layout -->
<div class = "nav_menu">
<a href = "#">Home</a>
<a href = "/Status.html">Status</a>
<a href = "#">Profile</a>
</div><br>


<center style = "font-size:200%;">
<h2>Login Form</h2>
Expand All @@ -204,7 +212,7 @@ <h2>Login Form</h2>
<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit">Login</button>
<button type="submit" onclick="direct()">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>

Expand All @@ -216,6 +224,9 @@ <h2>Login Form</h2>
</div>

<script>
function direct(){
window.location.replace("home.html");
}
var modal = document.getElementById('id01');
window.onclick = function(event) {
if (event.target == modal) {
Expand Down
Loading

0 comments on commit cf8c82d

Please sign in to comment.