247 lines
18 KiB
HTML
247 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LMS | Home</title>
|
|
<!--styles links-->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
|
|
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../assets/css/font-family.css">
|
|
<link rel="stylesheet" href="../assets/css/all.css">
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
|
<link rel="stylesheet" href="../assets/css/responsive.css">
|
|
<link rel="stylesheet" href="../admin/css/template_style.css">
|
|
<link rel="stylesheet" href="../assets/owl-carousel/css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
|
|
</head>
|
|
<body>
|
|
<div class="wraper">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<!--left side content-->
|
|
<div class="col-lg-2 col-md-2 col-sm-12 my-tabs-items">
|
|
<div class="list_of-items-tab admin_sidenav">
|
|
<div class="logo-set"><a href="#"><img src="../assets/images/logo.png" class="logo" alt="" ></a></div>
|
|
<ul>
|
|
<li class="active"><a class="active" href="#">Classroom</a></li>
|
|
<li><a href="" target="_blank">Teachers</a></li>
|
|
<li><a href="" target="_blank">Students</a></li>
|
|
<li><a href="#">Programme</a></li>
|
|
<li><a href="#">Subjects</a></li>
|
|
<li><a href="#">Notifications</a></li>
|
|
<li><a href="#">Settings</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--End left side content-->
|
|
<!--right-top side-->
|
|
<div class="col-lg-10 col-md-10 col-sm-12">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 text-right ">
|
|
<div class="top-head-tlt">
|
|
<div class="notification"><i class="far fa-bell"></i></div>
|
|
<div class="user-drpdown">
|
|
<div class="drp-item">
|
|
<div class="user-dp">A</div>
|
|
<div class="user-name-tlt">Andrew <span><i class="fas fa-caret-down"></i></span></div>
|
|
</div>
|
|
<div class="drpdown-items">
|
|
<ul>
|
|
<li class="active"><a href="#" class="active"><span class="ico"><i class="fas fa-user-alt"></i></span>My Profile</a></li>
|
|
<li><a href="#"><span class="ico"><i class="fas fa-power-off"></i></span>Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!----admin template section---->
|
|
<div class="admin_tempblock">
|
|
<div class="admin_tempsec">
|
|
<div class="admin_sec">
|
|
<form>
|
|
<div class="subsec_sec">
|
|
<div class="subject_l">
|
|
<div class="subject_lsec">
|
|
<div class="subject_lhead">Create Course</div>
|
|
<div class="subject_lformarea">
|
|
<div class="form-group">
|
|
<label for="">Course Name</label>
|
|
<input type="email" class="form-control" placeholder="Name of your course">
|
|
</div>
|
|
<div class="form-group assign_subject">
|
|
<label>Assign Subject</label>
|
|
<select class="selectpicker" multiple data-live-search="true">
|
|
<option>Physics</option>
|
|
<option>Chemistery</option>
|
|
<option>Math</option>
|
|
<option>Physics</option>
|
|
<option>Chemistery</option>
|
|
<option>Math</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="">Course Description</label>
|
|
<textarea class="form-control" rows="6" placeholder="Add some description of your course..."></textarea>
|
|
</div>
|
|
<button type="button" class="subject_addbtn">Add</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="subject_r">
|
|
<div class="subject_lsec">
|
|
<div class="subject_lhead">Subject List</div>
|
|
<div class="">
|
|
<table id="tbl" class="display">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Course</th>
|
|
<th>Description</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Physics</td>
|
|
<td><div class="sub_descdetail">lorem ipsm...</div></td>
|
|
<td>
|
|
<div class="sub_tabbtnsec">
|
|
<div class="sub_viewbtn"><i class="fa fa-eye" aria-hidden="true"></i></div>
|
|
<div class="sub_editbtn"><i class="fas fa-pencil-alt"></i></div>
|
|
<div class="sub_delbtn"><i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!----admin template section end---->
|
|
</div>
|
|
<!--End right-top side-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <script src="../assets/js/jquery-3.2.1.slim.min.js"></script> -->
|
|
<script src="../assets/js/popper.min.js"></script>
|
|
<script src="../assets/js/bootstrap.min.js"></script>
|
|
<script defer src="../assets/js/all.js"></script>
|
|
<script src="../assets/owl-carousel/js/owl.carousel.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('.user-drpdown').click(function(){
|
|
$('.drpdown-items').toggle();
|
|
});
|
|
|
|
|
|
//table js
|
|
$('#tbl').DataTable( {
|
|
"lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]]
|
|
} );
|
|
//table js end
|
|
//multiple select js start
|
|
$('select').selectpicker();
|
|
//multiple select js end
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |