 |
| Master Page Overview: Put following code in a file or make master page component. and use it. Employee portal master contain the information about or link with following page.
|
<html>
<head>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width = device-width, initial-scale
= 1.0, shrink-to-fit = no" />
<title id = "staff_page_title"
> Staff Portal </title>
<link rel = "stylesheet" href = "all.css" />
<link rel = "stylesheet" href = "custom_style.css" />
<link rel = "stylesheet" href = "styleSheet.css" />
<style>
.active {
background-color: rgb(0, 105, 92) !important;
}
.f {
color: #afa8a8;
}
</style>
</head>
<body>
<div id = "dashboard-box" >
<div id = "sidebar-dashboard-box"
>
<ul class = "sidebar-nav" >
<li>
<a id = "dashboard_page_show" href = "#dashboard_page" > Dashboard </a>
</li>
<li>
<a id = "profile_page_show" href = "#profile_page"> Profile </a>
</li>
<li>
<a id = "assign_ticket_page_show" href = "#assign_ticket_page"
> Assign Ticket </a>
</li>
<li>
<a id = "cancel_ticket_page_show" href = "#cancel_ticket_page"
> Cancel Ticket </a>
</li>
<li>
<a id = "finance_page_show" href = "#finance_page" > Finance </a>
</li>
<li>
<a id = "route_page_show" href = "#route_page" > Route </a>
</li>
<li>
<a id = "time_table_page_show" href = "#time_table_page"
> Time Table </a>
</li>
<li>
<a id = "change_password_page_show" href = "#change_password_page"
> Change Password </a>
</li>
</ul>
</div>
<div class = "page-content-dashboard"
>
<div class = "container-fluid" >
<div class = "row" >
<div class = "col-md-12" >
<div class = "card" >
<div class = "card-header" >
<a class = "btn btn-link px-0"
role = "button" id = "menu-toggle" href = "#menu-toggle" >
<i class = "fa fa-bars"> </i> </a>
<strong id = "dashboard_top_heading"
> Welcome </strong>
</div>
</div>
</div>
//Employee
Portal Dashboard Html Code Here
//Employee
Portal Profile Html Code Here
//Employee
Portal Assign Ticket Html Code Here
//Employee
Portal Cancel Ticket Html Code Here
//Employee
Portal Finance Html Code Here
//Employee
Portal Timetable Html Code Here
//Employee
Portal Route Html Code Here
</div>
</div>
</div>
</div>
</body>
<script src = "js.js" > </script>
<script src = "bootstrap.min.js"
> </script>
<script src = "dashboard_effect.js"
> </script>
<script src = "side_bar_active_link.js"
> </script>
<script src = "finance_panel.js"
> </script>
<script src = "route_dashbord.js"
> </script>
<script>
</script>
</html>
 |
| Master Page View |
0 Comments
Thanks