<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Research Admission</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
<meta name="keywords" content="" />
<!-- facebook tags -->
<meta property="og:url" content="http://www.facebook.com/researchadmission"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Research Admission"/>
<meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
<!-- Linkedin tags -->
<meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Research Admission"/>
<meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
<!-- favicon -->
<link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
<!-- Bootstrap -->
<link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
<!-- tobii css -->
<link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
<!-- Icons -->
<link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.css">
<!-- Slider -->
<link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
<!-- Main Css -->
<link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
<link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
<link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
</head>
<style>
body {
font-family: 'Oswald', sans-serif;
font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', sans-serif;
font-family: 'Quicksand', sans-serif;
}
.bg-half-170 {
padding:0px;
}
#topnav {
background-color: #1E0A46;
}
#topnav .navigation-menu > li > a {
color:white !important;
}
#topnav .navigation-menu {
display: initial;
}
#topnav.nav-sticky{
background-color: #1E0A46;
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}
.horizontal-menu .header-navbar.navbar-fixed {
position: fixed;
width: 100%;
}
.btn1{
background-color: #aba3db !important;
color:white !important;
border-radius: 20px;
box-shadow:none !important;
}
.btn1:hover{
background: #453993 !important;
color: #fff !important;
border-radius: 20px;
}
.title{
font-size:12px;
}
.badge-title{
background: #dedbf1;
font-weight: 600;
color: #2e1153;
padding: 2px 8px;
border-radius: 4px;
border: 1px solid #d8e2e7;
font-size: 11px;
}
.label_badge_radius {
color: #2e1153;
border-radius: 20px;
padding: 1px 10px;
font-size: 11px;
line-height: 1.3;
letter-spacing: .2px;
font-weight: 600;
background: rgb(255, 255, 255);
}
.body ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
font-size:12px;
}
.badge-lighter-green {
background: #d8fdd8!important;
color: green!important;
}
.badge-lighter-red {
background: #f3dadc!important;
color: #de1528!important;
}
.uil-map-marker {
color: #2e1153;
background: #f1f0fb;
border-radius: 100%;
font-size: 14px;
padding: 4px 6px;
border: 1px solid #ceccda;
}
.bg-primary, .btn-primary, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .pagination .page-item.active .page-link, .nav-pills .nav-link.active, #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2, .social-icon li a:hover, #topnav .navbar-toggle.open span:hover, .bg-animation-left.crypto-home:after, .bg-animation-left.task-management-home:after, .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .features.fea-primary:hover, .tns-nav button.tns-nav-active, .ribbon.ribbon-primary span, .sidebar .widget .tagcloud > a:hover, .work-container.work-modern .icons .work-icon:hover, .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after, #navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link, .form-check-input.form-check-input:checked, .qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current, .carousel-indicators [data-bs-target], .carousel-indicators .active, .tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover, .back-to-top {
background-color: #2e1153 !important;
color: white!important;
}
/* .nav-pills .nav-link {
color: #625f8b !important;
} */
.form-check-input.form-check-input:checked{
background-color: #2f55d4 !important;
border-radius: 7px !important;
}
.small, small {
background-color: #dedbf1;
border-radius: 20px;
padding: 3px 22px;
font-size: 11px;
color: #2e1153 !important;
}
.small, small:hover, small:focus, small:active {
background-color: #2e1153;
border-radius: 20px;
padding: 3px 22px;
font-size: 11px;
color: #fff !important;
}
.nav-pills {
margin-bottom: 0px;
background:none;
}
.content_header {
display: flex;
width: 100%;
line-height: 1.2;
}
.content_header .left {
width: 40px;
align-self: center;
margin-top: -3px;
}
.content_header .right .main_title {
font-size: 18px;
font-weight: 600;
display: block;
}
.content_header .left .fa {
background: #f1f0fb;
border-color: transparent;
color: #2e1153;
border-radius: 100%;
font-size: 14px;
border: 1px solid #ceccda;
}
.submit_button {
background-color: #2e1153!important;
border-width: 1px!important;
border-color: #2e1153!important;
color: #fff!important;
border-radius: 30px!important;
padding: 0 11px!important;
height: 28px!important;
font-size: 14px!important;
line-height: 1!important;
font-weight: 600!important;
}
.ad_pref_item_header {
display: flex;
background: #dedbf1;
padding: 7px 16px;
border-radius: 7px;
position: relative;
font-size: 12px;
font-weight: 700;
justify-content: space-between;
}
.ad_pref_item_header .destination {
width: 295px;
align-self: center;
}
.ad_pref_item_header .second {
align-self: center;
width: 300px;
}
.ad_pref_item_header .third {
width: 200px;
align-self: center;
margin-right: 25px;
}
.ad_pref_item_header .fourth {
width: 50px;
align-self: center;
text-align: center;
}
.ad_pref_item_header .last {
width: 125px;
align-self: center;
text-align: -webkit-right;
}
.single_ad_pref_item {
display: flex;
padding: 10px;
margin-top: 10px;
border-radius: 7px;
position: relative;
border: 1px solid #e9f0f3;
}
.single_ad_pref_item2 {
display: flex;
margin-top: 10px;
border-radius: 5px;
position: relative;
background-color: whitesmoke;
}
.single_ad_pref_item1 {
display: flex;
padding: 6px;
border-radius: 4px;
margin-top: 10px;
position: relative;
background-color: #ebf9ff;
color: #898686;
}
.single_ad_pref_item .destination {
align-self: center;
display: flex;
}
.single_ad_pref_item .destination_left {
align-self: center;
}
.single_ad_pref_item:hover {
background: #f5f4fd;
}
.single_ad_pref_item .left {
align-self: center;
}
.ad_pref_part .single_ad_pref_item .left strong {
color: #393b3e;
font-size: 12px;
}
.single_ad_pref_item .label_badge_radius {
background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd);
color: #2e1153;
border-radius: 20px;
padding: 1px 10px;
font-size: 11px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
}
.single_ad_pref_item .middle {
align-self: center;
margin-right: 25px;
}
.single_ad_pref_item .status_column {
align-self: center;
text-align: center;
}
.single_ad_pref_item .right {
align-self: center;
text-align: -webkit-right;
}
.table {
width: 100%;
color: #6e6b7b;
}
.list_table thead tr th {
font-size: 12px;
font-weight: 700;
background-color: #dedbf1!important;
text-transform: capitalize;
color: #343434;
}
.list_table thead tr th {
padding: 11px 6px 10px!important;
}
.list_table .institute_info {
display: flex !important;
}
.list_table .institute_info .left {
width: 45px;
align-self: center;
}
.list_table .institute_info .left .fa {
background: #f1f0fb;
padding: 10px;
border-radius: 100%;
font-size: 14px;
color: #2e1153;
}
tbody, td, tfoot, th, thead, tr {
border-color: inherit;
border-style: dashed;
border-width: 0;
}
.change_pass_btn {
margin-top: 0;
color: #2e1153;
border: 1px solid #dedbf1;
border-radius: 50%;
padding: 5px 6px;
margin-right: 0;
background: #dedbf1;
font-size: 15px!important;
}
.navbar {
display: inline-block;
}
.change_pass_btn:hover {
color: #ff7f00;
transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
border: 1px solid #ff7f00!important;
}
.card {
background-color: inherit;
}
.education{
padding: 10px 16px;
background-color: #dedbf1!important;
margin-left: -12px;
margin-right: -12px;
border-radius: 4px 4px 0px 0px;
font-size: 12px;
}
.btn2{
background-color: #2e1153 !important;
color:white !important;
border-radius: 20px;
box-shadow:none !important;
padding:3px 13px !important;
font-size:13px;
}
.btn2:hover{
background: #fff !important;
color: #2e1153 !important;
border-radius: 20px;
border-color: #2e1153!important;
}
.btncl{
padding: 2px 6px;
color: #ffffff !important;
background-color: #ffc107 !important;
border-radius: 30px;
}
.btncl:hover {
background-color: #ffffff !important;
border-color: #ffc107 !important;
color: #ffc107 !important;
}
.btn3{
background-color: #2e1153 !important;
color:white !important;
border-radius: 20px;
box-shadow:none !important;
padding:3px 17px !important;
font-size:13px;
}
.btn3:hover{
background: #fff !important;
color: #2e1153 !important;
border-radius: 20px;
border-color: #2e1153!important;
}
.features.fea-primary:hover {
background-color:white !important;
}
.label_badge_radius {
border-radius: 20px;
padding: 1px 10px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .2px;
display: inline-block;
}
.fea.icon-sm {
height: 10px;
width: 12px;
}
.key-feature:hover {
transform: none;
box-shadow: none !important;
}
.label_badge_radius {
border-radius: 20px;
padding: 1px 10px;
font-size: 11px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
display: inline-block;
}
.test_list {
display: flex;
flex-direction: row;
width: 100%;
margin: 10px 0;
}
.test_list .test_open {
background: #dfdcf2;
}
.test_list .btn {
display: inline-block;
padding: 8px 16px;
border-radius: 5px;
border: 1px solid #d8e2e7;
font-size: 13px;
font-weight: 500;
}
.btn5{
background-color:#dfdcf2 !important;
}
.btn6:hover{
background-color:#dfdcf2 !important;
}
.btn7:hover{
background-color:#dfdcf2 !important;
}
.list_table .label_badge_light {
border-radius: 20px;
padding: 1px 10px;
font-size: 10px !important;
font-weight: 400;
line-height: 1.3;
color: black;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
}
.icon_bar {
width: fit-content;
overflow: auto;
border-radius: 0.25rem;
padding: 2px 4px;
margin: 0 auto;
border: 0.5px solid #d8e2e7;
}
.icon_bar a {
text-align: center;
padding: 0;
color: #818084;
font-size: 16px;
margin: 0 3px;
border-bottom: none;
top: 0;
}
element.style {
border-bottom: 0.5px dashed #e3e8ec;
padding-bottom: 10px;
}
.info-palate {
width: 100%;
float: left;
margin: 10px 0;
position: relative;
font-size: 12px !important;
}
.stage_form_header {
display: flex;
width: 100%;
margin-bottom: 20px;
line-height: 1.2;
background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
padding: 7px 10px;
border-radius: 4px;
border: none;
}
.stage_form_header .left {
width: 40px;
align-self: center;
}
.stage_form_header .right {
width: 95%;
}
.stage_form_header .right .main_title {
font-size: 13px;
font-weight: 600;
color: black;
display: block;
}
.stage_form_header .right .sub_title {
color: #343434;
font-weight: 400;
}
.icn{
background: #fff;
border-radius: 100%;
font-size: 14px;
border: 1px solid #ceccda;
}
.tbl {
color: #868e96;
font-size: 10px;
font-weight: 600 !important;
margin:0px !important;
}
.tbl2 {
font-weight: 600 !important;
font-size: 11px !important;
}
/* new css */
.shadow {
box-shadow: none !important;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
background-color: #dedbf1;
font-size: 9px;
color: #2e1153 !important;
padding: 2px 15px !important;
border-radius: 12px !important;
}
.nav-pills .nav-link.active{
background-color: #dedbf1;
font-size: 9px;
color: #ffffff !important;
padding: 2px 15px !important;
border-radius: 12px !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: calc(100% - 150px);
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;
}
.top_info_left_part {
float: left;
padding-top: 15px;
margin-left: -15px;
}
.grade_box {
white-space: nowrap;
max-width: 100%;
}
.grade_box .grade_disable {
background: #fff;
color: #666666;
}
.sing_grade {
display: inline-block;
text-align: center;
font-size: 10px;
cursor: pointer;
border-radius: 0.25rem;
padding: 3px;
}
.grade_box .grade_A_hover:hover {
background: #28a745;
color: #fff;
}
.grade_box .grade_B_hover:hover {
background: #ffc107;
color: #fff;
}
.grade_box .grade_D_hover:hover {
background: #c6d0d8;
color: #fff;
}
.grade_box .grade_S_hover:hover {
background: #007bff;
color: #fff;
}
.grade_box .grade_P_hover:hover {
background: #dc3545;
color: #fff;
}
.grade_box .grade_Z_hover:hover {
background: #17a2b8;
color: #fff;
}
.top_info_part {
display: flex;
float: right;
}
.top_info_part .round_icon_badge {
color: #fff;
width: fit-content;
border-radius: 5px;
font-size: 12px;
font-weight: 600;
letter-spacing: .2px;
display: flex;
border-radius: 15px;
line-height: 16px;
}
.top_info_part .round_icon_badge .icon {
border-radius: 15px;
width: 27px;
font-size: 12px;
background: white;
border: 1px solid #ceccda;
height: 27px;
text-align: center;
line-height: 27px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.top_info_part .round_icon_badge .text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
padding: 6px 10px;
}
.profile_top_part_info {
background: linear-gradient(to bottom, #FFF 0%,#FFF 55%,#ebe8ff 80%,#eceaf7 100%);
border-bottom: 1px solid #dedbf1;
padding: 15px;
}
.card {
margin-bottom: 15px;
border-color: #fff;
}
.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-photo .profile_pic {
width: 130px;
}
.profile_pic img {
border: 2px solid #2e1153;
border-radius: 1.25rem;
}
.profile_pic img {
width: 130px;
height: 130px;
}
.profile_top_part_info .whole_part .right_part {
width: calc(100% - 150px);
display: flex;
}
.profile_top_part_info .whole_part .right_part .right_part_left {
width: 30%;
margin-top: 40px;
}
.review-block-title {
font-size: 23px;
font-weight: 600;
margin-bottom: 3px !important;
}
.profile_top_part_info .whole_part .right_part .right_part_right {
width: 70%;
margin-top: 10px;
}
.right_part_right_whole {
display: flex;
width: 100%;
position: relative;
justify-content: flex-end;
}
.summary_bordered_box {
text-align-last: start;
padding: 15px;
position: relative;
border: 1px solid #e9f0f3;
border-radius: 0.25rem;
}
.profile-photo {
position: absolute;
}
.label_badge_radius {
border-radius: 20px;
padding: 1px 10px;
font-size: 11px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
display: inline-block;
}
/* .top_right_info_box {
display: grid;
} */
.left_function_part {
display: flex;
width: 100%;
border-radius: 0.25rem;
}
.left_function_part .left {
width: 125px;
align-self: center;
border-right: 1px solid #d9dbdf;
padding-right: 10px;
}
.left_function_part .left span {
font-size: 12px;
color: #2e1153;
}
.left_function_part .right {
width: calc(100% - 125px);
display: flex;
}
.top_part_status_name {
border-radius: 20px;
padding: 1px 13px 1px 10px;
font-size: 11px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
top: 0;
position: relative;
width: fit-content;
display: flex;
}
.top_part_status .dropdown .dropdown-toggle {
margin-left: 5px;
cursor: pointer;
}
.dropdown-menu {
border-color: #d8e2e7;
font-size: .8125rem;
}
.dropdown-menu {
display: none;
float: left;
min-width: 10rem;
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;
}
.left_function_part .right .fa-info {
position: relative;
}
dd {
color: lightslategray;
margin: 0px;
}
.lead_summary_part .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;
}
.lead_summary_part .single_glance_row .title {
font-size: 12px;
font-weight: 600;
color: black;
}
.remarks-tab {
background-color: #f2f3f5 !important;
}
.tabs-section-nav {
border-color: #fff;
overflow: hidden;
border: none;
}
.tabs-section-nav.tabs-section-nav-left .nav {
padding: 10px;
background-color: #f6f5fe;
border-top: 1px solid #d8e2e7;
border-bottom: 1px solid #d8e2e7;
}
.tabs-section-nav.tabs-section-nav-left .nav-item {
width: 90px;
margin-right: 10px;
}
.tabs-section-nav.tabs-section-nav-left .nav-item {
margin-bottom: -1px;
}
.tabs-section-nav .nav-item {
background: transparent !important;
}
.tabs-section-nav .nav-item:first-child .nav-link {
border-left-color: #f6f5fe;;
}
.tabs-section-nav.tabs-section-nav-left .nav-link, .tabs-section-nav.tabs-section-nav-left .nav-link-in {
border-radius: 0 !important;
background: transparent !important;
}
.tabs-section-nav .nav-link.active .nav-link-in {
padding-bottom: 8px;
}
.tabs-section-nav .nav-link.active .nav-link-in {
border-bottom: #f6f5fe;;
}
.remarks-tab .nav-item .nav-link.active .nav-link-in i {
color: #2e1153 !important;
}
.tabs-section-nav .nav-link.active .nav-link-in {
border-top-color: #f6f5fe;
}
.tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link.active {
border-right: solid 1px #f6f5fe;
}
.tabs-section-nav .nav-link.active {
border-bottom-color: #f6f5fe;
border-right-color: #f6f5fe;
border: none !important;
}
.tabs-section-nav a.color_blue .nav-link-in small {
color: #2e1153 ;
}
.tabs-section-nav .nav-link .nav-link-in small {
background: #dedbf1 ;
border-radius: 20px;
padding: 3px 17px;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .2px;
width: 90px;
margin-top: 4px;
}
.tabs-section-nav .nav-link .nav-link-in small:hover {
background: #2e1153;
color: #fff ;
}
.tab-content>.active {
display: block;
}
.box-typical.box-typical-padding {
padding: 20px 15px;
}
.box-typical {
border: none !important;
}
.content_header {
display: flex;
width: 100%;
line-height: 1.2;
margin-left: 13px;
}
.content_header .left {
width: 40px;
align-self: center;
margin-top: -3px;
}
.content_header .left .fa{
background: #f1f0fb;
border-color: transparent;
color: #2e1153;
border-radius: 100%;
font-size: 14px;
border: 1px solid #ceccda;
}
.content_header .right .main_title {
font-size: 18px;
font-weight: 600;
display: block;
}
.action_dropdown {
display: inline;
}
.action_dropdown .dropdown-toggle {
border-radius: 50%;
cursor: pointer;
}
.set_req_drop_toggle {
border: 1px solid #2e1153 !important;
color: #2e1153 !important;
background: #fff !important;
}
.box-typical .box-typical-header {
display: table;
width: 100%;
}
.label {
font-size: 10px;
font-weight: 400;
}
.label_badge_radius1 {
background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253));
color: rgb(46, 17, 83);
border-radius: 20px;
padding: 1px 10px;
font-size: 11px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
display: inline-block;
}
.text-muted {
font-size: 12px;
padding: 4px 0 0;
display: block;
}
.box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered {
border:none;
}
.bhoechie-tab-container {
display: flex;
}
.bhoechie-tab-menu {
width: 13%;
background: #eef2f4;
background-color: #eef2f4;
color: #ff7f00;
}
.list_group_item {
padding: 9px 9px !important;
width: 40px;
border-top: 1px solid #f2f3f5 !important;
border-left: 1px solid #f2f3f5 !important;
}
.bhoechie-tab-content {
background-color: #eef2f4;
padding-left: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.div_height {
height: 188px;
position: relative;
}
.tab_add_btn {
position: inherit;
color: #625f8b;
cursor: pointer;
float: right;
margin-right: 5px;
margin-bottom: 5px;
}
.info_middle {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
font-size: 12px;
}
.box-typical.box-typical-padding {
padding: 20px 15px;
}
.profile_tab_basic_info .single_part {
border: 1px solid #d8e2e7;
border-radius: 0.25rem;
padding: 10px;
display: grid;
height: 145px;
}
.profile_tab_basic_info .single_part table td {
padding: 2px 0;
color: #868e96;
font-size: 12px;
}
.content_header .left .font-icon {
background: #f1f0fb;
border-color: transparent;
color: #2e1153;
border-radius: 100%;
font-size: 14px;
border: 1px solid #ceccda;
}
.list_table thead tr th, .list_table tbody tr td {
padding: 11px 6px 10px;
}
.list_table .institute_info .left {
width: 45px;
align-self: center;
}
.list_table .label_badge_light {
border-radius: 20px;
padding: 1px 10px;
font-size: 10px;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2px;
color: black;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
}
.list_table .institute_info .left .fa {
background: #f1f0fb;
padding: 10px;
border-radius: 100%;
font-size: 14px;
color: #2e1153;
}
.list_table .institute_info {
display: flex;
}
.content_header .left .fa, {
padding: 7px 6px;
background: #f1f0fb;
border-color: transparent;
color: #2e1153;
border-radius: 100%;
font-size: 14px;
border: 1px solid #ceccda;
}
</style>
<body>
<header id="" class="defaultscroll sticky">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
<div class="navbar-container d-flex content">
<div class="col-md-10">
<div class="d-flex align-items-center">
<ul class="nav navbar-nav mr-auto header_left">
<li class="nav-item d-flex">
<a href="" class="navbar-brand router-link-exact-active router-link-active">
<img src="web/images/logo.png" style="max-width: 130px; height: 35px;">
</a>
<div style="align-self: center;">
<span style="font-weight: 600; font-size: 18px;">DEMO</span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-2" style="display:flex;">
<ul class="nav navbar-nav align-items-center ml-auto header_right ps-5">
<li class="nav-item dropdown dropdown-notification">
<a href="">
<i class="fa fa-bell change_pass_btn"></i>
</a>
</li>
</ul>
<ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
<li class="nav-item dropdown dropdown-notification">
<a href="">
<i class="fa fa-cog change_pass_btn"></i>
</a>
</li>
</ul>
<ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
<li class="nav-item dropdown dropdown-notification">
<a href="">
<i class="fa fa-sign-out change_pass_btn"></i>
</a>
</li>
</ul>
<ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
<li class="nav-item dropdown dropdown-notification">
<a href="">
<h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 5px 8px;">IZ</h5>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- Hero Start -->
<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 mt-4" style="padding-left: 21px; padding-right: 25px;">
<div class="card profile_top_part_info">
<div class="whole_part">
<div class="left_part">
<div class="profile-photo" style="margin-left: 25px;">
<div class="profile_pic" style="border-radius: 0px;-webkit-border-radius:0px;">
<img src="web/images/male.png" alt="">
</div>
</div>
</div>
<div class="right_part">
<div class="right_part_right">
<div class="right_part_right_whole">
<div class="summary_bordered_box" style="line-height: 20px; width: inherit; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); height: 130px; margin: 0 15px 0 0;">
<div class="review-block-title mb-0">
<span>Mr B</span>
<span>Islam</span>
</div>
<label class="label" style="padding: 0; background: #fff;">
<label class="label" style="background: #2e1153; padding: 3px 7px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 10px;">
Apply Reference
</label>
<label class="label" style="background: #fff; padding: 2px 7px 2px 4px; color: #2e1153; font-weight: 600; border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #ceccda; position: relative; left: -3px; font-size: 10px;">
114673
</label>
</label>
<br>
<span style="font-size:10px;">
<span style="color: #868e96;">Nationality:</span>
<strong>Bangladesh</strong>
</span>
<br>
<span style="font-size:10px;">
<span style="color: #868e96;">Gender:</span>
<strong>Male</strong>
</span>
<br>
<span style="font-size:10px;">
<span style="color: #868e96;">Funding:</span>
<strong>Self Funded</strong>
</span>
</div>
<div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
<div class="left_function_part">
<div class="left" style="margin-top:-10px;">
<span>
<i class="fa fa-folder-open-o mr-1"></i>
Documents
</span>
</div>
<div class="right">
<div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
<span class="top_part_status_name" style=" background: #fff0d6; color: #fdad2a;">
Outstanding
</span>
<div class="dropdown" style="top: -4px; position: absolute; right: 7px;">
<i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #fdad2a;"></i>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(438px, 16px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
<a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">Received</a>
<a class="dropdown-item document_review_status_change activate" data-sval="2" name="sublead_status" href="#">Outstanding</a>
<a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Terminated</a>
</div>
</div>
</div>
<div class="dropdown d-inline reason_drop">
<i class="fa fa-info-circle ml-2 dropdown-toggle hand" style=" font-size: 15px; padding: 0px; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px;"></i>
</div>
<i class="fa fa-info tooltips" style="font-size: 15px; padding: 0; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px; top: 0;"></i>
</div>
</div>
<div class="left_function_part mb-1">
<div class="left" style="margin-top:-5px;">
<span>
<i class="fa fa-bolt mr-1"></i>
App Quality
</span>
</div>
<div class="right">
<div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
<span class="top_part_status_name" style="background: #f3dadc; color: #de1528;">
Pending
</span>
<div class="dropdown" style="top: -4px; position: absolute; right: 7px;">
<i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #de1528;"></i>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(10px, 13px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
<a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">Poor</a>
<a class="dropdown-item document_review_status_change activate" data-sval="2" name="sublead_status" href="#">Average</a>
<a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Good</a>
</div>
</div>
</div>
</div>
</div>
<div class="left_function_part mb-1">
<div class="left" style="margin-top:-5px;">
<span>
<i class="fa fa-check-circle-o mr-1"></i>
Course Verified
</span>
</div>
<div class="right">
<div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
<span class="top_part_status_name" style="background: #e7f3ea; color: #0ba52e; padding: 1px 10px;">
Verified
</span>
</div>
<div class="dropdown d-inline reason_drop">
<i class="fa fa-info-circle ml-2 dropdown-toggle hand" style=" font-size: 15px; padding: 0px; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px;"></i>
</div>
</div>
</div>
<div class="left_function_part">
<div class="left" style="margin-top:-10px;">
<span>
<i class="fa fa-check-square-o mr-2"></i>
Approved
</span>
</div>
<div class="right ms-5">
-
</div>
</div>
</div>
<div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
<span style="margin-bottom: -10px; display: block; line-height: 18px; font-size:11px !important;">
<i class="fa fa-building-o mr-1"></i>
<strong class="margin-bottom: 3px;">International Education Counselling Centre (IECC)</strong>
<br>
<span style="margin-left: 16px; color: #868e96;">
Head Office
</span>
<br>
<span style="margin-left: 16px; color: #868e96;">
admin@iecc.co.uk
</span>
<br>
<span style="display: block; line-height: 18px;">
<i class="fa fa-user mr-1"></i>
<span class="ms-1">
Mr XYZ
</span>
<br>
<span class="ms-3">
xyz@mail.com
</span>
</span>
</span>
</div>
<div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
<span style="margin-bottom: -10px; display: block; line-height: 18px; font-size:11px !important;">
<i class="fa fa-building-o mr-1"></i>
<strong class="margin-bottom: 3px;">International Education Counselling Centre (IECC)</strong>
<br>
<span style="margin-left: 16px; color: #868e96;">
Head Office
</span>
<br>
<span style="margin-left: 16px; color: #868e96;">
admin@iecc.co.uk
</span>
<br>
<span style="display: block; line-height: 18px;">
<i class="fa fa-user mr-1"></i>
<span class="ms-1">
Mr XYZ
</span>
<br>
<span class="ms-3">
xyz@mail.com
</span>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 mt-1" style="padding: 20px;">
<div class="card shadow p-3 rounded border-0" style="background-color: white;">
<div class="info-palate mt-0" style="border-bottom: .5px dashed #e3e8ec; padding-bottom: 10px;">
<div class="left">
<div class="stage_form_header">
<div class="left">
<i class="fa fa-user icn" style="padding: 5.5px 7.5px;"></i>
</div>
<div class="right" style="align-self: center;">
<span class="main_title">Demo Account</span>
<span class="sub_title">Demo</span>
</div>
</div>
<div class="load_primary_information">
<dd class="tbl">Given Name</dd>
<dt class="tbl2 mb-2">Demo</dt>
<dd class="tbl">Family Name</dd>
<dt class="tbl2 mb-2">Demo</dt>
<dd class="tbl">Date Of Birth</dd>
<dt class="tbl2">Demo</dt>
<dd class="tbl">Nationality</dd>
<dt class="tbl2">Demo</dt>
</div>
</div>
</div>
<div class="full-box" style="padding:10px;">
<div class="card-body" style="padding:11px !important;">
<span class="fa fa-address-book" style="font-size:12px; background: rgb(245, 244, 253); padding: 6px; border-radius: 50%; border: 1px solid rgb(216, 226, 231);"></span>
<span class="h6"> Contact Information</span>
<div class="info">
<dl style="position: relative;">
<dt style="font-size: 11px; font-weight: 200;">
<i class="fa fa-phone"></i>
<span>+441142725444</span>
</dt>
<dt class="mt-1" style="font-size: 11px; font-weight: 200;">
<i class="fa fa-envelope-o"></i>
<span>hadiur.iecc@gmail.com2</span>
</dt>
</dl>
</div>
</div>
</div>
<div class="card p-3 lead_summary_part profile_at_a_glance">
<div class="load_primary_information" style="padding: 10px; border-radius: 0.25rem; margin-bottom: 10px; border: 1px solid #e9f0f3;">
<dd>Given Name</dd>
<dt>Abdur Rajjak</dt>
<dd>Family Name</dd>
<dt>Emon</dt>
<dd>Date Of Birth</dd>
<dt>26 Jul 2001 (20 Years 6 Months)</dt>
</div>
<div class="single_glance_row mt-3">
<span class="title">Passport No:</span>
BW0337839
<span style="font-size: 12px; color: #868e96;">
(550 Days Left)
</span>
</div>
<div class="single_glance_row mt-3">
<span class="title">Visa History:</span>
<span class="label_badge_radius" style="background: #f3dadc !important; color: #de1528;">
No
</span>
</div>
<div class="single_glance_row mt-3">
<span class="title">Visa Rejection:</span>
<span class="label_badge_radius" style="background: #f3dadc !important; color: #de1528;">
No
</span>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-md-9 mt-4" style="">
<div class="card border-0" style="border-radius:0px !important;">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="row align-items-center">
<div class="col-md-12 col-12" style="padding:0px;">
<div class="card rounded border-0 shadow" style="background-color:white;">
<div class="container" style="padding-left: 13px; padding-right: 12px;">
<div class="row">
<div class="col-md-12" style="border-top:1px solid #d8e2e7; border-bottom:1px solid #d8e2e7;">
<div class="col-md-3 text-center">
<ul class="nav nav-pills shadow border-bottom 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">
<i class="fa fa-graduation-cap"></i></br>
<a class="nav-link active rounded" id="buy-login" data-bs-toggle="pill" href="#buy" role="tab" aria-controls="buy" aria-selected="false">
Proposal
</a><!--end nav link-->
</li><!--end nav item-->
<li class="nav-item m-1 ms-3">
<i class="fa fa-list-ul"></i></br>
<a class="nav-link rounded" id="sold-login" data-bs-toggle="pill" href="#sold" role="tab" aria-controls="sold" aria-selected="false">
Action R
</a><!--end nav link-->
</li><!--end nav item-->
</ul><!--end nav pills-->
</div>
</div>
</div>
</div>
<div class="row p-3">
<div class="col-12" style="height:300px !important;">
<div class="tab-content bg-white rounded-bottom shadow" 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 mt-2">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-university" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Admission Preference</span>
</div>
</div>
</div>
<div class="col-md-2 text-right">
<button class="submit_button" style="margin-left:2.6rem;">Add New</button>
</div>
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="ad_pref_item_header" style="margin-top: 15px;">
<div class="destination">Destination</div>
<div class="second">University Details</div>
<div class="third">Course Information</div>
<div class="fourth">Status</div>
<div class="last">Action</div>
</div>
<div class="scrolled_content_part">
<div class="single_ad_pref_item">
<div class="destination">
<div class="destination_left">
<i class="fa fa-map"></i>
<!-- <img src="" class="img-fluid" alt=""> -->
</div>
<div class="destination_info">
<strong style="font-size:13px;">United Kingdom</strong>
</div>
</div>
<div class="left">
<div class="uni_details">
<div class="inner_left">
<i class="fa fa fa-university"></i>
</div>
<div class="inner_right">
<strong style="font-size:13px;">De Montfort University</strong></br>
<span class="label_badge_radius">Masters</span>
<span>.</span>
<span class="label_badge_radius">Apr 2021</span>
</div>
</div>
</div>
<div class="middle">
<span style="font-size:11px;">MBA with Placement</span></br>
<span class="label_badge_radius" style="background: rgb(255, 237, 204); color: orange;">2nd Choice</span>
</div>
<div class="status_column"></div>
<div class="right">
<i class="fa fa-ellipsis-v"></i>
</div>
</div>
</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 mt-2">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-graduation-cap" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Education History</span>
</div>
</div>
<div class="content_header ml-0 mt-3">
<div class="left">
<i class="fa fa-graduation-cap" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Bachelor</span>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="table-responsive">
<table class="table table-bordered list_table">
<thead>
<tr>
<th>Institution</th>
<th>Subject</th>
<th>Result</th>
<th>Method</th>
<th>PYear</th>
<th>Country</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;">Demo 1</span>
</div>
</td>
<td style="font-size: 11px;">test</td>
<td style="font-size: 11px;">
<span>test</span>
</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>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-center">
<div class="col-md-12 mt-2">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-graduation-cap" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Masters</span>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="table-responsive">
<table class="table table-bordered list_table">
<thead>
<tr>
<th>Institution</th>
<th>Subject</th>
<th>Result</th>
<th>Method</th>
<th>PYear</th>
<th>Country</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;">Demo 2</span>
</div>
</td>
<td style="font-size: 11px;">test</td>
<td style="font-size: 11px;">
<span>test</span>
</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>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-center">
<div class="col-md-12 mt-2">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-graduation-cap" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Ielts</span>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="table-responsive">
<table class="table table-bordered list_table">
<thead>
<tr>
<th>Institution</th>
<th>Subject</th>
<th>Result</th>
<th>Duration</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;">Demo 3</span>
</div>
</td>
<td style="font-size: 11px;">test</td>
<td style="font-size: 11px;">
<span>2.00</span>
<span>CGPA</span>
</td>
<td style="font-size: 11px;">June 2015 - February 2018</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-center mt-2">
<div class="col-md-12">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-briefcase" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Work Experience</span>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="table-responsive">
<table class="table table-bordered list_table">
<thead>
<tr>
<th>Title</th>
<th>Meth</th>
<th>Dept</th>
<th>Funding</th>
<th>Month</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="institute_info">
<div class="left">
<i class="fa fa-briefcase" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title" style="font-size: 11px;">IECC</span>
</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>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><!--end teb pane-->
<div class="tab-pane fade" id="pills-apps" role="tabpanel" aria-labelledby="pills-apps-tab">
<div class="row align-items-center">
<div class="col-md-12 mt-2">
<div class="row">
<div class="col-md-10" style="width:83%;">
<div class="content_header ml-0">
<div class="left">
<i class="fa fa-folder-open-o" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title">Proposal</span>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="table-responsive">
<table class="table table-bordered list_table">
<thead>
<tr>
<th>Institution</th>
<th>Subject</th>
<th>Result</th>
<th>Duration</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="institute_info">
<div class="left">
<i class="fa fa-folder-open-o" style="padding: 7px;"></i>
</div>
<div class="right">
<span class="main_title" style="font-size: 11px;">test</span>
</div>
</td>
<td style="font-size: 11px;">test</td>
<td style="font-size: 11px;">
<span>test</span>
<span>test</span>
</td>
<td style="font-size: 11px;">test</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div> <!--end row-->
<form class="login-form">
<div class="row">
<div class="col-md-12 back">
<div class="row">
<div class="col-md-12">
<div class="mb-1">
<label class="form-label"></label>
<div class="form-icon position-relative">
<input type="text" class="form-control" placeholder="Title" name="s" required="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 back">
<div class="mb-3">
<label class="form-label"></label>
<select class="form-control" id="" name="">
<option>Methology</option>
<option>Quantitative </option>
<option>Qualitative </option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="mb-1">
<label class="form-label"></label>
<div class="form-icon position-relative">
<input type="text" class="form-control" placeholder="Department" name="s" required="">
</div>
</div>
</div>
<div class="col-md-4 back">
<div class="mb-3">
<label class="form-label"></label>
<select class="form-control" id="" name="">
<option>Funding Status</option>
<option>Self-Funded</option>
<option>Govt. Scholarship</option>
<option>Other Scholarship</option>
</select>
</div>
</div>
</div>
<div class="col-md-4 back">
<div class="mb-3">
<label class="form-label"></label>
<select class="form-control" id="" name="">
<option>Month</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
</div>
<div class="col-md-4 back">
<div class="mb-3">
<label class="form-label"></label>
<select class="form-control" id="" name="">
<option>Year</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
</div>
</div>
</form>
</div><!--end teb pane-->
</div><!--end tab content-->
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</div>
</div><!--end col-->
</div>
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- Main Js -->
<script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
<!-- tobii js -->
<script src="{{asset('web/js/tobii.min.js')}}"></script>
<!-- SLIDER -->
<script src="{{asset('web/js/tiny-slider.js')}}"></script>
<!-- Icons -->
<script src="{{asset('web/js/feather.min.js')}}"></script>
<!-- Main Js -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.js"></script>
<script src="{{asset('web/js/plugins.init.js')}}"></script>
<script src="{{asset('web/js/app.js')}}"></script>
<script src="{{asset('web/js/datepicker.min.js')}}"></script>
<script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('web/js/plugins.init.js')}}"></script>
<script src="{{asset('web/js/app.js')}}"></script>
<script src="{{asset('web/css/sweetalert/sweetalert.min.js')}}"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</body>
</html>