OneCompiler

Regcom.html

1636
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Register Complaint</title> 
<link rel="stylesheet" href="comp.css">
</head> <style> .main { border: 1px solid black; border-radius: 10px; margin: 5%; margin-left: 20%; margin-right: 20%; background-color: azure; } .b { background-color: aquamarine; } table { border: 1px solid black; margin: 2%; width: 96%; } .one { padding-top: 2%; display: flex; width: 98%; margin-right: 1%; margin-left: 2%; } .two { font-family: 'Times New Roman'; font-size: 18px; text-align: right; } th { font-size: 20px; margin-right: 2%; margin-top: 3%; } button { border: 1px solid black; font-size: 18px; background-color: rgb(159, 128, 189); font-weight: bold; } h1 { font-size: 25px; margin-left: 5%; margin-right: 4%; color:rgb(82, 55, 82); border-radius: 3px; background-color: rgb(182, 142, 170); } .ls { font-size: 20px; margin-bottom: 2%; width: fit-content; border: 0px; margin-left: 32%; } .uni { margin-left: 5%; margin-bottom: 3%; } .trb, select { float: right; max-width: 44%; } label { margin-left: 2%; font-size: 20px; } </style> <body class="b"> <div class="main"> <h1>Quick Ebill</h1> <table> <tr class = "one"> <nav> <th style = "border: 2px;"><a href = "viewbill.html">Home</a></th> <th><a href = "Bill.html">Pay Bill</a></th> <th><a href = "Regcom.html">Register Complaint</a></th> <th><a href = "comstatus.html">Complaint Status</a></th> </nav> </tr> <tr class = "two"> <td></td> <td style="background-color: rgb(185, 172, 201); text-align: center;">Welcome <label><span id="ua"></span></label></td> <td><button onclick="logn()" style="margin-right: 15%;">Logout</button></td> </tr> </table> <form> <h1>File New Complaint</h1> 
<table style="border: 0px;">

    <tr>
        <td>
            <label style="margin-left: 2%;">Complaint/Service Type :</label>
            <select type="text" id="comp">
                <option value="">STREET LIGHT RELATED</option>
                <option value="">VOLTAGE RELATED</option>
                <option value="">BILLING RELATED</option>
                <option value="">FREQUENT DISRUPTION</option>
                <option value="">POLE RELATED</option>
            </select>
        </td>
        <td>
            <label style="margin-left: 25%;">Landmark :</label>
            <input class="trb" type="text" id="land" placeholder="Landmark">
        </td>
    </tr>

    <tr>
        <td>
            <label style="margin-left: 32%;">Category :</label>
            <select type="text" id="comp">
                <option value="">STREETLIGHT-NOT SWITCHED OFF</option>
                <option value="">LOW VOLTAGE</option>
                <option value="">STREET POLE DAMAGED</option>
                <option value="">FREQUENT DISRUPTION</option>
            </select>
        </td>
        <td>
            <label style="margin-left: 6%;">Consumer Number :</label>
            <input class="trb" type="text" id="land" placeholder="Consumer Number">
        </td>
    </tr>

    <tr>
        <td>
            <label style="margin-left: 20%;">Contact Person :</label>
            <input class="trb" type="text" id="comp" placeholder="Contact Person">
        </td>
        <td>
            <label style="margin-left: 0.2%;"><span style="color: red;">*</span>Problem Description :</label>
            <input class="trb" type="text" id="land" placeholder="STREETLIGHT-NOT SWITCHED OFF">
        </td>
    </tr>

    <tr>
        <td>
            <label style="margin-left: 16%;"><span style="color: red;">*</span>Mobile Number :</label>
            <input class="trb" type="text" id="comp" placeholder="Mobile Number">
        </td>
        <td>
            <label style="margin-left: 30%;">Address :</label>
            <input class="trb" type="text" id="land" placeholder="Address">
        </td>
    </tr>
</table>

<table class = "ls">
    <tr>
        <td>
            <button onclick="hom()">Cancel</button>
            <button onclick="com()">Submit Complaint</button>
        </td>
    </tr>
</table>
</form>
</div>
</body> <script> function hom(){ window.open("viewbill.html"); } function logn(){ window.open("login.html"); } function com(){ window.open("comstatus.html"); } document.getElementById("ua").innerHTML=localStorage.getItem("u"); </script> </html>