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

- integrated stylesheets, index, ads, ads_1, profile, sidebar

pull/146/head
Charlie Chiu 7 years ago
parent
355ef20760
commit
f9ab0a92fe
10 changed files with 465 additions and 228 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +26
    -34
      src/_sidebar.html
  2. +2
    -2
      src/_topbar.html
  3. +31
    -28
      src/ads.html
  4. +51
    -91
      src/ads_1.html
  5. +224
    -31
      src/assets/styles/nomit.scss
  6. +2
    -2
      src/companies.html
  7. +2
    -2
      src/index.html
  8. +123
    -34
      src/profile.html
  9. +2
    -2
      src/referees.html
  10. +2
    -2
      src/users.html

+ 26
- 34
src/_sidebar.html View File

@ -1,6 +1,6 @@
<!-- #Left Sidebar ==================== -->
<div class="sidebar">
<div class="sidebar-inner">
<div class="sidebar-inner ">
<!-- ### $Sidebar Header ### -->
<div class="sidebar-logo">
<div class="peers ai-c fxw-nw">
@ -150,86 +150,78 @@
<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>
<i class="c-white-500 fa fa-bar-chart text-white"></i>
</span>
<span class="title">Dashboard</span>
<span class="title text-white font-weight-bold">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>
<i class="c-white-500 fa fa-briefcase text-white"></i>
</span>
<span class="title">Ads</span>
<span class="title text-white font-weight-bold">My Ads</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="profile.html">
<span class="icon-holder">
<i class="c-white-500 ti-home"></i>
<i class="c-white-500 fa fa-user-circle-o text-white"></i>
</span>
<span class="title">Profile</span>
<span class="title text-white font-weight-bold">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>
<i class="c-white-500 fa fa-users text-white"></i>
</span>
<span class="title">Users</span>
<span class="title text-white font-weight-bold">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>
<i class="c-white-500 fa fa-building text-white"></i>
</span>
<span class="title">Companies</span>
<span class="title text-white font-weight-bold">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>
<i class="c-white-500 fa fa-anchor text-white"></i>
</span>
<span class="title">Referees</span>
<span class="title text-white font-weight-bold">Referees</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#">
<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="#">
<a class='sidebar-link' href="reports.html">
<span class="icon-holder">
<i class="c-white-500 ti-calendar"></i>
<i class="c-white-500 fa fa-calendar-check-o text-white"></i>
</span>
<span class="title">Reports</span>
<span class="title text-white font-weight-bold">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>
<i class="c-white-500 fa fa-history text-white"></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>
<span class="title text-white font-weight-bold">History</span>
</a>
</li>
<div class="mx-auto" style="width: 40px;">
<br>
<input type="checkbox" class="switch">
</div>
</ul>
</div>
</div>

+ 2
- 2
src/_topbar.html View File

@ -19,8 +19,8 @@
</li>
<li class="">
<button type="button" class="btn btn-gradient ">
<i class="fa fa-plus pdd-right-5"></i>
ADD NEW USER
<i class="fa fa-plus pdd-right-5 text-white"></i>
Add new user
</button>
</li>
</ul>


+ 31
- 28
src/ads.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ads</title>
<title>All Published Ads</title>
<style>
#loader {
@ -105,9 +105,7 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<div class="col-8 ml-1 mb-3">
All Ads Published
</div>
<h1 class="col-8 ml-1 mb-4">All Published Ads</h1>
</div>
<div class=" gap-20 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
@ -115,66 +113,71 @@
<div class="masonry-item w-100"> <!-- #First line ========= -->
<div class="row gap-30">
<!-- # ad n 1 ==================== -->
<!-- ============== Job Ad ============== -->
<div class='col-md-4'>
<div class="card item-box" >
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <span class="icon-holder"><i class=" ti-heart" style="color:#EE38A4"></i></span></a>
<a class='' href="" > <span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<p class="card-text mx-2"><small class="text-muted">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- # ad n 2 ==================== -->
<!-- ============== Job Ad ============== -->
<div class='col-md-4'>
<div class="card item-box" >
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <span class="icon-holder"><i class=" ti-heart" style="color:#EE38A4"></i></span></a>
<a class='' href="" > <span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<p class="card-text mx-2"><small class="text-muted">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- # ad n 3 ==================== -->
<!-- ============== Job Ad ============== -->
<div class='col-md-4'>
<div class="card item-box" >
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <span class="icon-holder"><i class=" ti-heart" style="color:#EE38A4"></i></span></a>
<a class='' href="" > <span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<p class="card-text mx-2"><small class="text-muted">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>


+ 51
- 91
src/ads_1.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ad_1</title>
<title>About the Job</title>
<style>
#loader {
@ -114,104 +114,64 @@
<div class=" gap-30 masonry pos-r "> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6 "></div>
<div class="masonry-item w-50"> <!-- #first user ========= -->
<div class="card item-box" >
<div class="">
<img class="companies-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" text-black-bold">Graphic Designer Internship</h5>
<div class=" text-size-20">Great Southern Press</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="companies-update-title">
<h5 class="font-weight-bold ">About the business:</h5>
<p>Southern Press is leading ... bla bla bla bla.</p>
<br>
<h5 class="font-weight-bold ">About the role:</h5>
<p>This part time role will ... bla bla bla bla.</p>
</div>
</div>
<!-- ### Job Details Card ### -->
<div class="masonry-item w-50">
<div class="card">
<div class="row">
<div class="col-3 mt-4 ">
<img class="img-fluid ml-4 mb-4 companies-update-img" src="assets/static/images/nomit-logo.png" alt="company" class="avatar">
</div>
<div class="col-9 card-body">
<h2 class="card-title mt-4 mr-4">Graphic Design Internship</h2>
<h6 class="card-title mr-4">Great Southern Press</h6>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">About the business:</h5>
<p class="card-text ml-4 mr-4">Great Southern Press is a leading B2B publishing and events company built on partnerships with industry. We deliver quality business information to our industries and great marketing results to our clients.
We build long-lasting partnerships with our industry partners in the energy and infrastructure sectors, aligning the success of our business with the continued growth and expansion of the industries we publish for.
</p>
<h5 class="card-title mt-4 ml-4 mr-4">About the role:</h5>
<p class="card-text ml-4 mb-4 mr-4">This part-time role will suit a university graduate or someone looking for an entry-level design position. The successful candidate will be involved in all areas of design including:<br><br>
• Publication layout (annual directories, books etc).<br>
• Creation of artwork for print and online advertisements.<br>
• Wallcharts, flyers, brochures and other print design as required.<br>
• Event collateral including branding, signage, handbooks etc.<br>
• Designs for website, email communications and social media.<br><br>
Reporting to the Head of Design, you will have an opportunity to work with and be mentored by someone with more than 10 years’ industry experience.
</p>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<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 class=" text-black-bold">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="users-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<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 class=" text-black-bold">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="users-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-50">
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">Location:</h5>
<p class="card-text ml-4 mr-4">Melbourne, CBD & Inner Suburbs</p>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<p class="card-text ml-4 mr-4">14th March 2019 (Friday)</p>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<div class="ml-4 mb-4 btn btn-skills">Graphic Design</div>
<div class="ml-1 mb-4 btn btn-skills">Adobe Creaetive CC</div>
<div class="ml-1 mb-4 btn btn-skills">Illustration</div>
<p class="card-text ml-4 my-4"><small class="text-muted">Posted 3 days ago</small></p>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<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 class=" text-black-bold">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="users-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50 m-auto btn-centered-container "> <!-- #second user ========= -->
<button type="button" class="btn btn-gradient btn-centered">APPLY NOW</button>
<button type="button" class="btn btn-cancel btn-centered">SAVE</button>
</div>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container ">
<button type="button" href="#" class="col-5 mr-1 btn btn-gradient btn-centered">Apply Now</button>
<button type="button" href="#" class="col-5 ml-1 btn btn-border btn-centered">Save</button>
</div>
</div>


+ 224
- 31
src/assets/styles/nomit.scss View File

@ -1,57 +1,238 @@
//generic
// ***** GENERIC ***** //
.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;
.item-box{
box-shadow: 0 0 15px rgba(192, 192, 192, 0.521);
}
.main-content{
padding-left: 80px;
padding-right: 80px;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
// ***** FONT SETTINGS ***** //
.form-title{
font-weight: bolder;
color: #000000;
}
.text-size-11{
font-size:11px;
}
.text-size-20{
font-size:20px;
}
body{
background-color: #F4F4F4;
}
*{
font-family: 'Roboto', sans-serif;
color: #454545;
font-size: 14px;
}
h1{
font-family: 'Fredoka One', cursive;
color: #501D89;
font-size: 28px;
}
h2{
font-family: 'Fredoka One', cursive;
color: #454545;
font-size: 24px;
}
h3{
font-family: 'Roboto', sans-serif;
color: #454545;
font-size: 20px;
font-weight: bold;
}
h4{
font-family: 'Fredoka One', cursive;
color: #501D89;
font-size: 22px;
}
h5{
font-family: 'Roboto', sans-serif;
color: #454545;
font-size: 16px;
font-weight: bold;
}
h6{
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #888888;
}
// ***** BUTTONS ***** //
.btn-gradient {
box-shadow: 0 4px 15px 0 rgba(187, 187, 187, 0.5);
background-image: linear-gradient(to right,#ee38a4, #501db9);
color: #fff;
font-weight: bold;
letter-spacing: 0.05em;
border-radius: 50px;
border: none;
height: 40px;
width: 180px;
width: 200px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
transition: background .5s ease;
}
.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);
background-image: linear-gradient(to left,#ee38a4, #501db9);
font-weight: bold;
color: #fff;
}
.btn-cancel {
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0,0,0,0.19);
.btn-border {
box-shadow: 0 4px 15px 0 rgba(187, 187, 187, 0.5);
color: #501db9;
font-weight: bold;
letter-spacing: 0.05em;
background-color: transparent;
border: 1px solid #501db9;
border: 2px solid #501db9;
border-radius: 50px;
height: 40px;
width: 180px;
width: 200px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
transition: background .5s ease;
}
.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);
}
.item-box{
box-shadow: 0 0 15px rgba(192, 192, 192, 0.521);
}
.main-content{
padding-left: 80px;
padding-right: 80px;
}
.text-black-bold{
font-weight: bolder;
color: rgb(49, 48, 48);
}
.text-size-11{
font-size:11px;
.btn-border:hover {
box-shadow: 0 4px 15px 0 rgba(187, 187, 187, 0.5);
background-image: linear-gradient(to right,#ee38a4, #501db9);
border: none;
color: #fff;
}
.text-size-20{
font-size:20px;
.btn-skills{
color: #501db9;
background-color: transparent;
border: 1px solid #501db9;
border-radius: 30px;
align-items: center;
outline: none;
padding: 5px;
display: inline;
justify-content: flex-start;
}
// ***** TOGGLE BTN ***** //
input[type="checkbox"].switch{
appearance: none;
width: 3.5em;
height: 1.5em;
background: #ddd;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
transition: all .2s ease-in-out;
}
input[type="checkbox"].switch:checked{
background: #EE38A4;
}
input[type="checkbox"].switch:after{
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 .25em rgba(0,0,0,.3);
transform: scale(.7);
left: 0;
transition: all .2s ease-in-out;
}
input[type="checkbox"].switch:checked:after{
left: calc(100% - 1.5em);
}
// ***** STAR RATING ***** /
body{
font-size: 5em;
}
.star-rating-display {
unicode-bidi: bidi-override;
color: #c5c5c5;
display: inline-block;
position: relative;
&:before, &:after{
content: "★★★★★";
display: block;
white-space: nowrap;
}
&:before{
color: gold;
position: absolute;
z-index: 1;
left: 0px;
overflow: hidden;
}
&:after{
z-index: 0;
}
&[data-rating="1"]:before {
width: 20%;
}
&[data-rating="2"]:before {
width: 40%;
}
&[data-rating="3"]:before {
width: 60%;
}
&[data-rating="4"]:before {
width: 80%;
}
&[data-rating="5"]:before {
width: 100%;
}
}
/* Completely remove from the flow but leave available to screen readers. */
.is-vishidden {
position: absolute !important;
overflow: hidden;
width: 1px;
height: 1px;
padding: 0;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
}
// ***** PAGES ***** //
//index
.succ-match-perc{
height: 400px;
@ -230,7 +411,7 @@
margin-top: 20px;
margin-bottom: 20px;
}
//ads_1
//ad-details
.companies-update-title{
margin-left: 50px;
margin-top: 20px;
@ -242,4 +423,16 @@
}
.btn-centered-container{
text-align:center;
}
}
/* REPORTS PAGE */
.table .thead-purple-border th{
border-top: transparent;
border-bottom-color: #8B00B1;
border-width: 3px;
}
.table {
background-color: #FFFFFF;
}

+ 2
- 2
src/companies.html View File

@ -118,7 +118,7 @@
<div class="card item-box" >
<div class="companies-data-title">
<img class="companies-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
@ -140,7 +140,7 @@
<div class="card item-box" >
<div class="companies-data-title">
<img class="companies-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>


+ 2
- 2
src/index.html View File

@ -87,9 +87,9 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<div class="col-8 ml-1 mb-3">
<h1 class="col-8 ml-1 mb-3">
Dashboard
</div>
</h1>
</div>
<div class=" gap-20 masonry pos-r">
<!-- #content container ===== -->


+ 123
- 34
src/profile.html View File

@ -86,16 +86,14 @@
<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>
<h1 class="ml-1 mb-3">My Profile</h1>
</div>
<div class="ml-1 mb-3 text-black-bold">
<h5 class="ml-1 mb-3">
Sign up with WISP now to get yourself connected.
</div>
<div class="ml-1 mb-3 text-size-11">
</h3>
<h6 class="ml-1 mb-3">
Please, tell us more about your information so we could find the perfect oportunities for you.
</div>
</h6>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
@ -107,17 +105,21 @@
<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 class="testo"> <h3>Francesca Sperati</h3> 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>
<h5 class="card-title d-flex form-title"> 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="">Middle Name (Optional)</h9>
<input type="text" class="form-control" id="" placeholder="Middle name" value="">
</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>
@ -135,14 +137,27 @@
<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>
<h9 class="">Date of Birth</h9>
<input type="date" class="form-control" name="dob" required>
</select>
</div>
</div>
<div class="row ">
<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 class="col-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="" placeholder="" value="Ringwood" required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
@ -166,33 +181,107 @@
</select>
</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>
<button type="button" class="btn btn-border ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100"> <!-- Skills Section ========= -->
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title">Your Skills</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<select id="inputState" class="form-control">
<option selected>Bachelor Degree</option>
<option>Associate Degree / Advanced Diploma</option>
<option>Diploma</option>
<option>College</option>
<option>Others</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Experience / 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="">Skills (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>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Desired Work Location (Optional)</h9>
<input type="text" class="form-control" id="" placeholder="" value="Ringwood" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Work Type</h9>
<select id="inputState" class="form-control">
<option selected>Full Time</option>
<option>Part Time</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Availability</h9>
<input type="date" class="form-control" name="dob" required>
</select>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100"> <!-- share more with us ========= -->
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title">Share More with Us</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-border ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100"> <!-- #change password ========= -->
@ -200,7 +289,7 @@
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Change Password</h5>
<h5 class="card-title d-flex form-title"> Change Password</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Current Password</h9>
@ -217,7 +306,7 @@
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
<button type="button" class="btn btn-border ">CANCEL</button>
</div>
</div>


+ 2
- 2
src/referees.html View File

@ -118,7 +118,7 @@
<div class="card item-box" >
<div class="referee-data-title">
<img class="referee-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
@ -140,7 +140,7 @@
<div class="card item-box" >
<div class="referee-data-title">
<img class="referee-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>


+ 2
- 2
src/users.html View File

@ -118,7 +118,7 @@
<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 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
@ -140,7 +140,7 @@
<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 class=" text-black-bold">David James</h5>
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>


Write Preview
Loading…
Cancel
Save