<!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"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="h3 text-primary text-center">Welcome To Bootstrap</div> <div class="font-weight-bold h3">Hello World!!</div> <div class="panel panel-default"> <div class="panel-body bg-warning">Hello User!!Good Afternoon</div></div> <div class="row"> <div class="col-sm-12"> <header class="text-danger text-center h3">Assign Complaint / Request To Staff</header> <div class="text-danger">Filter Complaints</div> <div> <select class="pull-left"> <option value="ALL">ALL</option> <option value="Pending">Pending</option> <option value="Progress">Progress</option> <option value="Closed">Closed</option> </select> <div class="pull-right">Show<span> <select> <option value="100">100</option> <option value="50">50</option> <option value="50">20</option> </select> </span>entries</div> <div class="pull-right"><input type="search" placeholder="Search Here"></div> </div> <div class="panel panel-success"> <div class="panel-body"> <table class="table" style="overflow-x:auto;"> <thead> <tr> <th>Si.No</th> <th>Complaint By</th> <th>Flat Name</th> <th>Category Name</th> <th>Nature</th> <th>Type</th> <th>IsUrgent</th> <th>Description</th> <th>Assigned To Staff</th> <th>Raised On</th> <th>Status</th> <th>Action</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more