|
|
@@ -268,7 +268,6 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
height: auto;
|
|
|
max-height: 80px;
|
|
|
background: #fff;
|
|
|
- /* border-bottom: solid 1px #c5d6de; */
|
|
|
padding: 0px 15px 0 0;
|
|
|
z-index: 80;
|
|
|
}
|
|
|
@@ -284,6 +283,210 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
color:white;
|
|
|
border-radius: 0px !important
|
|
|
}
|
|
|
+
|
|
|
+.shadow {
|
|
|
+ box-shadow: none !important;
|
|
|
+}
|
|
|
+.profile_top_part_info {
|
|
|
+ background: linear-gradient(to bottom, #FFF 0%,#FFF 55%,#ebe8ff 80%,#eceaf7 100%);
|
|
|
+ border-bottom: 1px solid #dedbf1;
|
|
|
+ padding: 15px;
|
|
|
+}
|
|
|
+.profile_top_part_info .whole_part {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ height: 145px;
|
|
|
+}
|
|
|
+.profile_top_part_info .whole_part .left_part {
|
|
|
+ width: 150px;
|
|
|
+ position: relative;
|
|
|
+ line-height: 145px;
|
|
|
+}
|
|
|
+.profile_top_part_info .whole_part .left_part .profile-photo {
|
|
|
+ left: 48%;
|
|
|
+ transform: translate(-50%, 0);
|
|
|
+ margin-left: 0 !important;
|
|
|
+}
|
|
|
+.profile-photo {
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+.profile-photo .profile_pic {
|
|
|
+ width: 130px;
|
|
|
+}
|
|
|
+.profile_pic img {
|
|
|
+ border: 2px solid #2e1153;
|
|
|
+ border-radius: 1.25rem;
|
|
|
+}
|
|
|
+.profile_top_part_info .whole_part .right_part {
|
|
|
+ width:100%;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.profile_top_part_info .whole_part .right_part .right_part_right {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.right_part_right_whole {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+.summary_bordered_box {
|
|
|
+ text-align-last: start;
|
|
|
+ margin: 10px 20px 0;
|
|
|
+ padding: 15px;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ position: relative;
|
|
|
+ width: calc(100% - 310px);
|
|
|
+ border: 1px solid #e9f0f3;
|
|
|
+}
|
|
|
+.review-block-title {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 3px !important;
|
|
|
+}
|
|
|
+.label {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 1;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
+ vertical-align: baseline;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ font-size: 10px;
|
|
|
+ font-weight: 400;
|
|
|
+}
|
|
|
+.left_function_part {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+}
|
|
|
+.left_function_part .left {
|
|
|
+ width: 125px;
|
|
|
+ align-self: center;
|
|
|
+ padding-right: 10px;
|
|
|
+}
|
|
|
+.left_function_part .left span {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #2e1153;
|
|
|
+}
|
|
|
+.left_function_part .right {
|
|
|
+ width: calc(100% - 125px);
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.top_part_status_name {
|
|
|
+ border-radius: 20px;
|
|
|
+ padding: 1px 22px 1px 10px;
|
|
|
+ font-size: 10px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.3;
|
|
|
+ letter-spacing: .2px;
|
|
|
+ top: 0;
|
|
|
+ position: relative;
|
|
|
+ width: fit-content;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.dropdown-menu {
|
|
|
+ display: none;
|
|
|
+ float: left;
|
|
|
+ min-width: 7rem;
|
|
|
+ padding: 0.5rem 0;
|
|
|
+ margin: 0.125rem 0 0;
|
|
|
+ color: #212529;
|
|
|
+ text-align: left;
|
|
|
+ list-style: none;
|
|
|
+ background-color: #fff;
|
|
|
+ background-clip: padding-box;
|
|
|
+ border: 1px solid rgba(0,0,0,.15);
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ font-size: 11px;
|
|
|
+ background-color: #dedbf1;
|
|
|
+}
|
|
|
+.dropdown-item {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ clear: both;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: inherit;
|
|
|
+ white-space: nowrap;
|
|
|
+ background: 0 0;
|
|
|
+ border: 0;
|
|
|
+ padding: 4px 12px;
|
|
|
+}
|
|
|
+.top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
|
|
|
+ border-top-left-radius: 0.25rem;
|
|
|
+ border-top-right-radius: 0.25rem;
|
|
|
+}
|
|
|
+.top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
|
|
|
+ background: #2e1153;
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+.summary_edu_part {
|
|
|
+ background: linear-gradient(115deg, #f5f4fd 65%, #f5f4fd 65%, #dedbf1 90%);
|
|
|
+ padding: 15px 10px;
|
|
|
+ border-radius: 7px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.summary_edu_part .education_head {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.summary_edu_part .education_head .left {
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+.edu_title {
|
|
|
+ background: #dedbf1;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #2e1153;
|
|
|
+ padding: 2px 8px;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8e2e7;
|
|
|
+ font-size: 11px;
|
|
|
+}
|
|
|
+.summary_edu_part .education_head .right {
|
|
|
+ width: 20%;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.summary_edu_part .education_body ul {
|
|
|
+ list-style-type: none;
|
|
|
+ padding-left: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.summary_edu_part .education_body ul li:first-child {
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: black;
|
|
|
+}
|
|
|
+.summary_edu_part .education_body ul li {
|
|
|
+ line-height: 1.5;
|
|
|
+ color: #343434;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 11px;
|
|
|
+}
|
|
|
+.summary_ielts_part {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+.summary_ielts_part .education_head {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ margin: 15px 0 10px;
|
|
|
+}
|
|
|
+.expiration {
|
|
|
+ display: inline;
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+.single_glance_row {
|
|
|
+ background-color: rgb(255 255 255);
|
|
|
+ font-size: 12px !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ border: none;
|
|
|
+ border-bottom: 1px solid #e8eef1;
|
|
|
+ border-radius: 0;
|
|
|
+ padding: 8px 10px;
|
|
|
+ color: #343434;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
</style>
|
|
|
<body>
|
|
|
<header id="" class="site-header">
|
|
|
@@ -353,11 +556,11 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
|
-<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
|
|
|
+<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
- <div class="col-md-2" style="padding:0px; background-color: #1416398a!important;">
|
|
|
- <nav class="sidebar-wrapper" id="sidebar" style="width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
|
|
|
+ <div class="col-md-2" style="padding:0px;">
|
|
|
+ <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
|
|
|
<div class="sidebar-content" style="height: calc(100vh - 75px);">
|
|
|
<div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
|
|
|
<ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
|
|
|
@@ -419,13 +622,194 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
<h6>Application</h6>
|
|
|
</div><!--end teb pane-->
|
|
|
|
|
|
- <div class="tab-pane fade p-2 rounded shadow" id="stnd" role="tabpanel" aria-labelledby="students" style="height: 100vh;">
|
|
|
- <h6>Student</h6>
|
|
|
+ <div class="tab-pane fade p-2 bg-white rounded" id="stnd" role="tabpanel" aria-labelledby="students">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table table-bordered list_table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>Name</th>
|
|
|
+ <th>Email</th>
|
|
|
+ <th>Nationality</th>
|
|
|
+ <th>Date of Birth</th>
|
|
|
+ <th>Gender</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
</div><!--end teb pane-->
|
|
|
|
|
|
- <!-- Account -->
|
|
|
- <div class="tab-pane fade p-2 rounded" id="teach" role="tabpanel" aria-labelledby="teacher" style="height: 100vh;">
|
|
|
- <h6>Teacher</h6>
|
|
|
+ <div class="tab-pane fade p-2 rounded" id="teach" role="tabpanel" aria-labelledby="teacher">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12 mb-4" style="padding: 0px;">
|
|
|
+ <ul class="nav nav-pills flex-column flex-sm-row d-md-inline-flex nav-justified mb-0 bg-white rounded-top position-relative overflow-hidden" id="pills-tab" role="tablist">
|
|
|
+ <li class="nav-item m-1">
|
|
|
+ <a class="nav-link active rounded" id="buy-login" data-bs-toggle="pill" href="#buy" role="tab" aria-controls="buy" aria-selected="false" style="width:100px;">
|
|
|
+ Registered Teachers
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item m-1 ms-3">
|
|
|
+ <a class="nav-link rounded" id="sold-login" data-bs-toggle="pill" href="#sold" role="tab" aria-controls="sold" aria-selected="false" style="width:114px;">
|
|
|
+ Approved Teachers
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="row align-items-center">
|
|
|
+ <div class="col-md-12 mb-3" style="padding:0px;">
|
|
|
+ <div class="card rounded border-0 p-3" style="background-color:white;">
|
|
|
+ <div class="row mb-3">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="tab-content" id="pills-tabContent">
|
|
|
+ <div class="card border-0 tab-pane fade show active" id="buy" role="tabpanel" aria-labelledby="buy-login">
|
|
|
+ <div class="row align-items-center">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table table-bordered list_table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>Name</th>
|
|
|
+ <th>Email</th>
|
|
|
+ <th>University Name</th>
|
|
|
+ <th>Department</th>
|
|
|
+ <th>Designation</th>
|
|
|
+ <th>Website</th>
|
|
|
+ <th>Status</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="institute_info">
|
|
|
+ <div class="left">
|
|
|
+ <i class="fa fa-university" style="padding: 7px;"></i>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="main_title" style="font-size: 11px;">BSC</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="institute_info">
|
|
|
+ <div class="left">
|
|
|
+ <i class="fa fa-university" style="padding: 7px;"></i>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="main_title" style="font-size: 11px;">MSC</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div><!--end teb pane-->
|
|
|
+
|
|
|
+ <div class="card border-0 tab-pane fade" id="sold" role="tabpanel" aria-labelledby="sold-login">
|
|
|
+ <div class="row align-items-center">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table table-bordered list_table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>Name</th>
|
|
|
+ <th>Email</th>
|
|
|
+ <th>University Name</th>
|
|
|
+ <th>Department</th>
|
|
|
+ <th>Designation</th>
|
|
|
+ <th>Website</th>
|
|
|
+ <th>Status</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="institute_info">
|
|
|
+ <div class="left">
|
|
|
+ <i class="fa fa-university" style="padding: 7px;"></i>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="main_title" style="font-size: 11px;">BSC</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="institute_info">
|
|
|
+ <div class="left">
|
|
|
+ <i class="fa fa-university" style="padding: 7px;"></i>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="main_title" style="font-size: 11px;">MSC</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ <td style="font-size: 11px;">test</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div><!--end tab content-->
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div><!--end col-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div><!--end teb pane-->
|
|
|
<div class="tab-pane fade p-2 rounded" id="config" role="tabpanel" aria-labelledby="configuration" style="height: 100vh;">
|
|
|
<h6>Configuration</h6>
|
