My first HTML project
<title> Indian Electricty Website </title> <style> body{background-image:url('{% static "images/rail.jpg" %}');
background-repeat:no-repeat;
background-size:100% 100%;
height: 650px;
}
.log
{
margin-left: 42%;
height:280px;
width:300px;
border-radius:10px;
background-color: blue;
opacity: 70%;
}
.sty
{
font-size:15px;
color:white;
margin-left: 20px;
}
</style>
Search
<script>
// Get the modal
var modal = document.getElementById('id01');
<button class="llcc" onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
<div style="font-family: none;" class="container">
<label for="uname"><b>Username</b></label><br>
<input style="border-radius: 25px" class="lala" type="text" placeholder="Enter Username" name="uname" required><br>
<label for="RVRIS"><b>RVRIS Number</b></label><br>
<input style="border-radius: 15px" class="lala" type="RVRIS" placeholder="Enter Rvris Number" name="RVRIS " required><br>
<label for="EBN"><b>Electric Board Name</b></label><br>
<input style="border-radius: 15px" class="lala" type="EBN" placeholder=" Electric Board Name" name="EBN" required><br>
<button style="border-radius: 15%" type="submit">Login</button>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
</div>
<div style="font-family: none;" class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="RVRIS">Forgot <a href="#">RVRIS Number ?</a></span>
</div>
// When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script>
img 1
img 2.
img 3
img 4