Ticket Management System Administration Portal | Part 1 | Main Body

Master Page
Master Page

 

Overview:

The ticket management system used to manage transport activity. For example, manage passenger tickets, staff records, etc. This project consists of three-part, one administration, second staff and third is passenger.

Ticket Management System Master Page:

Code:

<html>

<head>

<meta charset = "utf-8" />

<meta name = "viewport" 

content = "width = device-width, initial-scale = 1.0, shrink-to-fit = no" />

<title id = "page_title"> Admin Portal </title>

<link rel = "stylesheet" href = "all.css">

<link rel = "stylesheet" href = "style.css">

<link rel = "stylesheet" href = "styleSheet.css">

<style>

.box-shade-1px {

box-shadow1px black;

}

.r-1 {

border-radius5% !important;

}

.active {

background-color: rgb(010592!important;

}

</style>

</head>

<body>

<div class = "admin-dashboard" >

<div class = "sidebar-admin-dashboard" >

<ul class = "sidebar-nav" >

<li>

<a id = "dashboard_show" href = "#dashboard_panel" > Dahboard </a>

</li>

<li>

<a id = "employee_show" href = "#employee_panel" > Employee </a>

</li>

<li>

<a id = "user_show" href = "#user_panel" > User </a>

</li>

<li>

<a id = "vehicle_show" href = "#vehicle_panel" > Vehicle </a>

</li>

<li>

<a id = "time_table_show" href = "#time_table_panel" > Time Table </a>

</li>

<li>

<a id = "route_show" href = "#route_panel" > Route </a>

</li>

<li>

<a id = "message_show" href = "#message_panel" > Message </a>

</li>

<li>

<a id = "rent_show" href = "#rent_panel" > Rent </a>

</li>

<li>

<a id = "finance_show" href = "#finance_panel" > Finance </a>

</li>

<li>

<a id = "feedback_show" 

href = "#feedback_panel" > Feedback </a>

</li>

<li>

<a id = "change_password_show" href = "#change_password_panel" > Change Password </a>

</li>

</ul>

</div>

<div class = "page-content-admin-dashboard" >

<div class = "container-fluid" >

<div class = "row" >

<div class = "col-md-12" >

<div id = "panel_header" class = "card" >

<div class = "card-footer">

<a class = "btn btn-link" role = "button" id = "menu-collapes" href = "#menu-collapes" >

<i class = "fa fa-bars" > </i>

</a>

<span id = "panel_text" class = "font-weight-bold" > Wellcome </span>

</div>

</div>

</div>

Dashboard html Code Paste here (Part 2)

OR

Employee html Code Paste here (Part 3)

OR

Passenger html Code Paste here (Part 4)

OR

Vehicle html Code Paste here (Part 5)

OR

Time Table html Code Paste here (Part 6)

OR

Route html Code Paste here (Part 7)

OR

Message html Code Paste here (Part 8)

OR

Rent html Code Paste here (Part 9)

OR

Finance html Code Paste here (Part 10)

OR

Feedback html Code Paste here (Part 11)

OR

Change Password html Code paste here (Part 12)

 

 

</div>

</div>

</div>

</div>

</body>

<script src = "bootstrap.min.js" > </script>

<script src = "js.js" > </script>

<script src = "sidebar_active_link.js" > </script>

<script src = "navbar-active-link.js" > </script>

<script src = "body_content.js" > </script>

<script src = "dashboard_dropdown.js" > </script>

<script>

$(document).ready(function () {

$("#menu-collapes").click(function (obj) {

obj.preventDefault();

$(".admin-dashboard").toggleClass("collapes");

});

});

$(document).ready(function () {

var w  =  $(window).width();

if (w < =  500) {

$("#change_password").addClass("w-100");

else {

$("#change_password").addClass("w-50");

}

});

 

</script>

 

</html>

 Output 

Master Page Example
Master Page Example


 

0 Comments