RuhNetConsulting
/
Adminator-admin-dashboard
mirror of https://github.com/puikinsh/Adminator-admin-dashboard
1
0
Fork 0
Code Issues 0 Projects 0 Releases 16 Wiki Activity
Browse Source

menus and profile page updated with role views

pull/144/head
Francesca Sperati 7 years ago
parent
40c67733c5
commit
7c1530e252
5 changed files with 896 additions and 714 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +59
    -64
      src/_sidebar.html
  2. +11
    -183
      src/_topbar.html
  3. +278
    -202
      src/assets/styles/nomit.scss
  4. +548
    -142
      src/profile.html
  5. +0
    -123
      src/sidebar.html

+ 59
- 64
src/_sidebar.html View File

@ -147,22 +147,23 @@
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<li class="nav-item mT-30 active">
<a class="sidebar-link" href="index.html">
<span class="icon-holder">
<i class="c-white-500 ti-bar-chart"></i>
</span>
<span class="title">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="ads.html">
<span class="icon-holder">
<i class="c-white-500 ti-receipt"></i>
</span>
<span class="title">Ads</span>
</a>
</li>
<li class="nav-item mT-30 active visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class="sidebar-link" href="index.html">
<span class="icon-holder">
<i class="c-white-500 ti-bar-chart"></i>
</span>
<span class="title">Dashboard</span>
</a>
</li>
<li class="nav-item visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class='sidebar-link' href="ads.html">
<span class="icon-holder">
<i class="c-white-500 ti-receipt"></i>
</span>
<span class="title">Ads</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="profile.html">
<span class="icon-holder">
@ -171,30 +172,31 @@
<span class="title">Profile</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="users.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-users"></i>
</span>
<span class="title">Users</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="companies.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-building"></i>
</span>
<span class="title">Companies</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="referees.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-crosshairs"></i>
</span>
<span class="title">Referees</span>
</a>
</li>
<li class="nav-item visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class='sidebar-link' href="users.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-users"></i>
</span>
<span class="title">Users</span>
</a>
</li>
<li class="nav-item visible-nomit visible-referee" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class='sidebar-link' href="companies.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-building"></i>
</span>
<span class="title">Companies</span>
</a>
</li>
<li class="nav-item visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class='sidebar-link' href="referees.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-crosshairs"></i>
</span>
<span class="title">Referees</span>
</a>
</li>
<!--
<li class="nav-item">
<a class='sidebar-link' href="#">
<span class="icon-holder">
@ -203,31 +205,24 @@
<span class="title">Reviews</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 ti-calendar"></i>
</span>
<span class="title">Reports</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 fa fa-history"></i>
</span>
<span class="title">History</span>
</a>
</li>
<li class="nav-item">
<a class="sidebar-link" href="#">
<span class="icon-holder">
<i class="c-white-500 fa fa-cogs"></i>
</span>
<span class="title">Settings</span>
</a>
</li>
-->
<li class="nav-item visible-nomit visible-referee" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 ti-calendar"></i>
</span>
<span class="title">Reports</span>
</a>
</li>
<li class="nav-item visible-user visible-company" ng-show="user.role==‘user’ || user.role == ‘company’">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 fa fa-history"></i>
</span>
<span class="title">History</span>
</a>
</li>
</ul>


+ 11
- 183
src/_topbar.html View File

@ -8,16 +8,16 @@
<i class="ti-menu"></i>
</a>
</li>
<li class="search-box">
<li class="search-box visible-nomit visible-referee" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class="search-toggle no-pdd-right" href="javascript:void(0);">
<i class="search-icon ti-search pdd-right-10"></i>
<i class="search-icon-close ti-close pdd-right-10"></i>
</a>
</li>
<li class="search-input">
<li class="search-input visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<input class="form-control" type="text" placeholder="Search users, companies, or anything..">
</li>
<li class="">
<li class="visible-nomit" ng-show="user.role=='nomit'">
<button type="button" class="btn btn-gradient ">
<i class="fa fa-plus pdd-right-5"></i>
ADD NEW USER
@ -26,203 +26,31 @@
</ul>
<ul class="nav-right">
<!-- #RIGHT ============================ -->
<!-- #email ============================ -->
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<a href="" class="dropdown-toggle no-after" data-toggle="dropdown">
<i class="ti-email top-notification"></i>
</a>
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
</li>
<!-- #notifications bell ============================ -->
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-toggle="dropdown">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
</p>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
</p>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
</p>
</div>
</a>
</li>
</ul>
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li>
<!-- #vertical line ============================ -->
<div class="verticalLine"> </div>
</li>
<!-- #account ============================ -->
<li class="dropdown">
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-toggle="dropdown">
<div class="peer">
<span class="fsz-sm c-grey-900">Nomit Admin</span>
<span class="fsz-sm c-grey-900 visible-nomit" ng-show="user.role=='nomit'">Nomit Admin</span>
<span class="fsz-sm c-grey-900 visible-referee" ng-show="user.role=='referee'">Referee Admin</span>
<span class="fsz-sm c-grey-900 visible-user visible-company" ng-show="user.role=='user' || user.role == ‘company’">Username</span>
</div>
<div class="peer mR-10">
<div class="peer mR-10 visible-nomit" ng-show="user.role=='nomit'">
<img class=" w-2r bdrs-50p mL-10 nomit-logo-top" src="assets/static/images/nomit-logo.png" alt="">
</div>
<div class="peer mR-10 visible-referee visible-user visible-company" ng-show="user.role!='nomit'">
<img class=" w-2r bdrs-50p mL-10 nomit-logo-top" src="assets/static/images/user-update.png" alt="">
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">


+ 278
- 202
src/assets/styles/nomit.scss View File

@ -1,245 +1,321 @@
//generic
.sidebar{
box-shadow: 0 0 15px rgba(0,0,0,0.5);
.sidebar {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.btn-gradient {
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0,0,0,0.19);
color: #fff;
background-image: linear-gradient(to right,#ee38a4, #501db9);
border-radius: 50px;
border: none;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: #fff;
background-image: linear-gradient(to right, #ee38a4, #501db9);
border-radius: 50px;
border: none;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.btn-gradient:hover {
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.btn-cancel {
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0,0,0,0.19);
color: #501db9;
background-color: transparent;
border: 1px solid #501db9;
border-radius: 50px;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: #501db9;
background-color: transparent;
border: 1px solid #501db9;
border-radius: 50px;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.btn-cancel:hover {
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.item-box{
box-shadow: 0 0 15px rgba(192, 192, 192, 0.521);
.item-box {
box-shadow: 0 0 15px rgba(192, 192, 192, 0.521);
}
.main-content{
padding-left: 80px;
padding-right: 80px;
.main-content {
padding-left: 80px;
padding-right: 80px;
}
.text-black-bold{
font-weight: bolder;
color: rgb(49, 48, 48);
.text-black-bold {
font-weight: bolder;
color: rgb(49, 48, 48);
}
.text-size-11{
font-size:11px;
.text-size-11 {
font-size: 11px;
}
.text-size-20{
font-size:20px;
.text-size-20 {
font-size: 20px;
}
//index
.succ-match-perc{
height: 400px;
.succ-match-perc {
height: 400px;
}
.nationality-item{
height: 400px;
.nationality-item {
height: 400px;
}
.nationality-item-progress-bar{
width:50%;
.nationality-item-progress-bar {
width: 50%;
}
//ads
.card-img-top{
border-radius: 0% !important;
.card-img-top {
border-radius: 0% !important;
}
//profile
.card-body-profile{
background-color: #e6eaf08f;
.card-body-profile {
background-color: #e6eaf08f;
}
.user-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.user-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
.testo{
vertical-align:middle;
margin-top: 30px;
margin-left: 150px;
.testo {
vertical-align: middle;
margin-top: 30px;
margin-left: 150px;
}
.profile-forms{
padding: 50px;
padding-bottom: 30px
.profile-forms {
padding: 50px;
padding-bottom: 30px
}
.profile-form-row {
font-weight: bold;
margin-top: 20px;
}
.profile-form-row{
font-weight: bold;
margin-top: 20px;
textarea {
padding: 10px;
line-height: 1.5;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
resize: none;
width: 100%;
}
.btn-cv {
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: #fff;
background-image: linear-gradient(to right, #ee38a4, #501db9);
border-radius: 50px;
border: none;
height: 40px;
width: 100px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.btn-cv:hover {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.cv{
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
height: 40px;
}
//users
.card{
border-radius: 0% !important;
.card {
border-radius: 0% !important;
}
.card-body-users{
border-top: 1px solid #9c9fa0;
margin: 0;
.card-body-users {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.users-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
.users-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.users-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
.users-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
//login
.modal-dialog {
max-width: 800px;
margin: 200px auto;
max-width: 800px;
margin: 200px auto;
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: rgb(148, 61, 129);
color: #fff;
font-size: 12px;
background-clip: padding-box;
border: none;
border-radius: 10px;
outline: 0;
margin-bottom: 20px;
height: 350px;
position:absolute;
visibility:visible;
}
.mo-title{
font-size: 40px;
font-weight: bolder;
}
.subtitle-modal{
font-size: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: rgb(148, 61, 129);
color: #fff;
font-size: 12px;
background-clip: padding-box;
border: none;
border-radius: 10px;
outline: 0;
margin-bottom: 20px;
height: 350px;
position: absolute;
visibility: visible;
}
.mo-title {
font-size: 40px;
font-weight: bolder;
}
.subtitle-modal {
font-size: 20px;
}
.modal-right {
background-color: #fff;
height: 400px;
color: #000;
width: 350px;
position: absolute;
visibility: visible;
top: -20px;
right: -50px;
border: 2px solid transparent;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: auto;
padding: 100px;
text-align: center;
}
.logo-wisp-right{
width: 174px;
}
.modal-username{
margin-top: 10px;;
border-radius: 50px;
border-color: #501db9;
width: 180px;
}
.btn-signup{
color: #fff;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50px;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.mo-title{
text-align: -webkit-center;
margin-top: 20px;
background-color: #fff;
height: 400px;
color: #000;
width: 350px;
position: absolute;
visibility: visible;
top: -20px;
right: -50px;
border: 2px solid transparent;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: auto;
padding: 100px;
text-align: center;
}
.logo-wisp-right {
width: 174px;
}
.modal-username {
margin-top: 10px;
;
border-radius: 50px;
border-color: #501db9;
width: 180px;
}
.btn-signup {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50px;
height: 40px;
width: 180px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.mo-title {
text-align: -webkit-center;
margin-top: 20px;
}
//companies
.card-body-companies{
border-top: 1px solid #9c9fa0;
margin: 0;
}
.companies-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.companies-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.companies-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.card-body-companies {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.companies-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.companies-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.companies-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
//referees
.card-body-referee{
border-top: 1px solid #9c9fa0;
margin: 0;
}
.referee-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.referee-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.referee-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.card-body-referee {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.referee-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.referee-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.referee-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
//ads_1
.companies-update-title{
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
.btn-centered{
margin-top: 0;
margin-left: 0;
}
.btn-centered-container{
text-align:center;
}
.companies-update-title {
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
.btn-centered {
margin-top: 0;
margin-left: 0;
}
.btn-centered-container {
text-align: center;
}

+ 548
- 142
src/profile.html View File

@ -1,12 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Profile</title>
<style>
#loader {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Profile</title>
<style>
#loader {
transition: all 0.3s ease-in-out;
opacity: 1;
visibility: visible;
@ -53,16 +54,16 @@
}
}
</style>
</head>
</head>
<body class="app">
<div id='loader'>
<div class="spinner"></div>
</div>
<body class="app">
<div id='loader'>
<div class="spinner"></div>
</div>
<script>
window.addEventListener('load', () => {
<script>
window.addEventListener('load', () => {
const loader = document.getElementById('loader');
setTimeout(() => {
loader.classList.add('fadeOut');
@ -70,170 +71,575 @@
});
</script>
<!-- @App Content -->
<!-- =================================================== -->
<div>
<!-- @App Content -->
<!-- =================================================== -->
<div>
${require('html-loader!./_sidebar.html')}
${require('html-loader!./_sidebar.html')}
<div class="page-container">
<div class="page-container">
${require('html-loader!./_topbar.html')}
${require('html-loader!./_topbar.html')}
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
Profile
</div>
</div>
<div class="ml-1 mb-3 text-black-bold">
Sign up with WISP now to get yourself connected.
</div>
<div class="ml-1 mb-3 text-size-11">
Please, tell us more about your information so we could find the perfect oportunities for you.
</div>
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
Profile
</div>
</div>
<div class="ml-1 mb-3 text-black-bold">
Sign up with WISP now to get yourself connected.
</div>
<div class="ml-1 mb-3 text-size-11">
Please, tell us more about your information so we could find the perfect oportunities for you.
</div>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-100"> <!-- #your profile ========= -->
<!-- #user profile ========= -->
<div class="masonry-item w-100 visible-user" ng-show="user.role=='user'">
<div class="card item-box" >
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo"> <h5>Francesca Sperati</h5> Bla Bla, this is your bio or whatever!</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Francesca Sperati</h5> Bla Bla, this is your bio or whatever!
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" class="form-control" id="" placeholder="First name" value="Francesca" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="Sperati" required>
</div>
<div class="col-4 profile-form-row"></div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" class="form-control" id="" placeholder="First name" value="Francesca"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Middle Name</h9>
<input type="text" class="form-control" id="" placeholder="Middle name" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="Sperati" required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="test@test.au" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0414098765" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">State</h9>
<select id="inputState" class="form-control">
<option selected>VIC</option>
<option>...</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="test@test.au" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0414098765" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">State</h9>
<select id="inputState" class="form-control">
<option selected>VIC</option>
<option>SA</option>
<option>WA</option>
<option>NSW</option>
<option>QLD</option>
<option>TAS</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select id="inputState" class="form-control">
<option selected>Italian</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputState" class="form-control">
<option selected>Student</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>English</option>
<option>...</option>
</select>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select id="inputState" class="form-control">
<option selected>Italian</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputState" class="form-control">
<option selected>Student</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>English</option>
<option>...</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<input type="text" class="form-control" id="" placeholder="Preofessions" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<select id="" class="form-control">
<option selected>Project Management</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<select id="" class="form-control">
<option selected>Diploma</option>
<option>Degree</option>
<option>...</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-6 profile-form-row">
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
<div class="col-6 profile-form-row">
<form action="upload.asp" method="post" enctype="multipart/form-data">
<h9 class="cv">Curriculum </h9>
<input class="cv" type="file" name="file1" multiple>
<input type="submit" class="btn btn-cv" value="Upload">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100 visible-user" ng-show="user.role=='user'">
<div class="card item-box">
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold">Help NOMIT collecting more data: your information
won't be visible!!</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Birthdate</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Date of Birth"
data-provide="datepicker">
</div>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Gender</h9>
<select id="inputGender" class="form-control">
<option selected>Male</option>
<option>Female</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">City of Birth</h9>
<input type="text" class="form-control" id="inputCity">
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>Software Engineering</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>Project Management</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row"> </div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Arriving in Australia</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Date of Arrive"
data-provide="datepicker">
</div>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for leaving</h9>
<textarea id="leaving" name="story" rows="5">Tell us something about your old life...</textarea>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for staying in Australia</h9>
<textarea id="staying" name="story" rows="5">Tell us something about your new life...</textarea>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<!-- #company profile ========= -->
<div class="masonry-item w-100 visible-company" ng-show="user.role=='company'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Leonardo</h5> A global high-tech company and one of the key players in Aerospace, Defence and
Security
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Leonardo" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Technological Innovation" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="66 942 977 659"
required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="ir@leonardocompany"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="+39 06.324731"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="https://www.leonardocompany.com"
required>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" id="inputAddress" placeholder="Piazza Monte Grappa, 4"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Roma" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="Italia" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="00195" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">We constantly explore new ideas to turn them into new technologies that improve our world and design the future one. We invest in research and development to provide sustainable and competitive solutions. Wherever defence and security are needed: land, sea, sky, Space and cyberspace.
</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/leonardo_it">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/Leonardo-Company-473417172849580/">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="https://www.instagram.com/leonardo_company/?hl=it">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/drs-defense-solutions-llc/life/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<!-- #nomit profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="user.role=='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo">
<h5>Nomit</h5> The Italian Network of Melbourne
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Nomit" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Australian non-profit Association" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="92 106 088 918"
required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="info@nomit.com.au"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0481 983 702 "
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="https://www.leonardocompany.com"
required>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" id="inputAddress" placeholder="1/509 St Kilda Rd"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Melbourne" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="VIC" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="3004" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">Nomit is an Australian non-profit organisation supported, amongst others, by the Italian Consulate in Melbourne and the Victorian Multicultural Commission.</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/nomit/about/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
<div class="masonry-item w-100"> <!-- #change password ========= -->
</div>
</div>
</div>
</div>
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Change Password</h5>
<!-- #referee profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="user.role=='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Jobwatch</h5> EMPLOYMENT RIGHTS LEGAL CENTRE
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Jobwatch" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Employment rights legal centre" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="92 106 088 918"
required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Current Password</h9>
<input type="password" class="form-control" id="" placeholder="Password" required>
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="info@test.com.au"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">New Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="9662 1933 "
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Confirm New urrent Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="http://jobwatch.org.au/"
required>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" id="inputAddress" placeholder="1/509 St Kilda Rd"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Melbourne" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="VIC" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="3004" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">Nomit is an Australian non-profit organisation supported, amongst others, by the Italian Consulate in Melbourne and the Victorian Multicultural Commission.</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/nomit/about/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<!-- #change password ========= -->
<div class="masonry-item w-100">
<div class="card item-box">
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Change Password</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Current Password</h9>
<input type="password" class="form-control" id="" placeholder="Password" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">New Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Confirm New urrent Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
</div><!--content container-->
</div><!--page container-->
</main>
<!-- ### $App Screen Footer ### -->
${require('html-loader!./_footer.html')}
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</div>
<!--content container-->
</div>
<!--page container-->
</main>
<!-- ### $App Screen Footer ### -->
${require('html-loader!./_footer.html')}
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</html>

+ 0
- 123
src/sidebar.html View File

@ -1,123 +0,0 @@
<!-- #Left Sidebar ==================== -->
<div class="sidebar">
<div class="sidebar-inner">
<!-- ### $Sidebar Header ### -->
<div class="sidebar-logo">
<div class="peers ai-c fxw-nw">
<div class="peer peer-greed">
<a class="sidebar-link td-n" href="index.html">
<div class="peers ai-c fxw-nw">
<div class="peer">
<div class="logo">
<img src="assets/static/images/wisp_logo_white_vertical.svg" alt="">
</div>
</div>
</div>
</a>
</div>
<div class="peer">
<div class="mobile-toggle sidebar-toggle">
<a href="" class="td-n">
<i class="ti-arrow-circle-left"></i>
</a>
</div>
</div>
</div>
</div>
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<li class="nav-item mT-30 active">
<a class="sidebar-link" href="index.html">
<span class="icon-holder">
<i class="c-white-500 ti-bar-chart"></i>
</span>
<span class="title">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-receipt"></i>
</span>
<span class="title">Ads</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-home"></i>
</span>
<span class="title">Profile</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-users"></i>
</span>
<span class="title">Users</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-building"></i>
</span>
<span class="title">Companies</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-crosshairs"></i>
</span>
<span class="title">Referees</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="forms.html">
<span class="icon-holder">
<i class="c-white-500 ti-comments"></i>
</span>
<span class="title">Reviews</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-calendar"></i>
</span>
<span class="title">Reports</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="calendar.html" >
<span class="icon-holder">
<i class="c-white-500 fa fa-history"></i>
</span>
<span class="title">History</span>
</a>
</li>
<li class="nav-item">
<a class="sidebar-link" href="ui.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-cogs"></i>
</span>
<span class="title">Settings</span>
</a>
</li>
</ul>
</div>
</div>

Write Preview
Loading…
Cancel
Save