diff --git a/src/_footer.html b/src/_footer.html new file mode 100644 index 0000000..2d425b4 --- /dev/null +++ b/src/_footer.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/_sidebar.html b/src/_sidebar.html index e9458f7..27e65b8 100644 --- a/src/_sidebar.html +++ b/src/_sidebar.html @@ -172,7 +172,7 @@
  • - + diff --git a/src/_topbar.html b/src/_topbar.html index a9d2899..4bd21f7 100644 --- a/src/_topbar.html +++ b/src/_topbar.html @@ -1,5 +1,5 @@ -
    +
      @@ -20,7 +20,7 @@
    diff --git a/src/ads.html b/src/ads.html index 4171bdf..8a6a86a 100644 --- a/src/ads.html +++ b/src/ads.html @@ -102,7 +102,7 @@ -
    +
    @@ -114,9 +114,10 @@
    +
    -
    +
    Card image cap
    @@ -136,7 +137,7 @@
    -
    +
    Card image cap
    @@ -155,7 +156,7 @@
    -
    +
    Card image cap
    @@ -177,22 +178,13 @@
    -
    -
    +
    +
    -
    -
    - - - - - - -     + ${require('html-loader!./_footer.html')} +
    + - diff --git a/src/assets/static/images/user-update.png b/src/assets/static/images/user-update.png new file mode 100644 index 0000000..1261dcc Binary files /dev/null and b/src/assets/static/images/user-update.png differ diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 6c7b16c..3b2ae2a 100755 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -3,4 +3,4 @@ @import "~bootstrap/scss/bootstrap"; @import 'spec/index'; @import 'vendor/index'; - +@import 'nomit'; diff --git a/src/assets/styles/nomit.scss b/src/assets/styles/nomit.scss new file mode 100644 index 0000000..8b57ad5 --- /dev/null +++ b/src/assets/styles/nomit.scss @@ -0,0 +1,183 @@ +//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; + 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); +} +.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; + } +.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; +} +//index +.succ-match-perc{ + height: 400px; +} +.nationality-item{ + height: 400px; +} +.nationality-item-progress-bar{ + width:50%; +} +//ads +.card-img-top{ + border-radius: 0% !important; +} +//profile +.card-body-profile{ + background-color: #e6eaf08f; +} +.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; +} +.profile-forms{ + padding: 50px; + padding-bottom: 30px +} +.profile-form-row{ + font-weight: bold; + margin-top: 20px; +} +//users +.card{ + border-radius: 0% !important; +} +.card-body-users{ + border-top: 1px solid #9c9fa0; + margin: 0; +} +.users-icons{ + margin-left: 150px; + padding: 5px; + padding-left: 0; +} +.users-icons i{ + font-size: 20px; + margin-right: 15px; + color: #9c9fa0; +} +//login +.modal-dialog { + 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; +} +.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: 132px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 67px; + margin-left: auto; + padding: 100px; +} +.logo-wisp-right{ + width: 130px; + margin: auto; +} +.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; +} +.modal-username{ + background-image:url(../images/icons/dollar.png); + background-repeat: no-repeat; + background-position: 2px 3px; +} \ No newline at end of file diff --git a/src/assets/styles/spec/components/sidebar.scss b/src/assets/styles/spec/components/sidebar.scss index 79d8c92..148bfee 100755 --- a/src/assets/styles/spec/components/sidebar.scss +++ b/src/assets/styles/spec/components/sidebar.scss @@ -14,7 +14,7 @@ .sidebar { //background-color: $default-white; -background-image: linear-gradient(#fe4cb8, #793fcc); +background-image: linear-gradient(#fe4cb8, #8B00B1, #793fcc); bottom: 0; overflow: hidden; position: fixed; diff --git a/src/assets/styles/spec/components/topbar.scss b/src/assets/styles/spec/components/topbar.scss index 3b385bf..06fb013 100755 --- a/src/assets/styles/spec/components/topbar.scss +++ b/src/assets/styles/spec/components/topbar.scss @@ -198,18 +198,7 @@ } } } - .btn-gradient { - 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; - } + .nomit-logo-top{ width: 60px ; diff --git a/src/forms.html b/src/forms.html index 562ca42..fd49a5a 100644 --- a/src/forms.html +++ b/src/forms.html @@ -1,13 +1,11 @@ - - - - - Dashboard - - - - - - - - + + - - -
    - -
    - - - - - -
    - - ${require('html-loader!./_sidebar.html')} - - -
    - - ${require('html-loader!./_topbar.html')} + + +
    + +
    - -
    -
    -
    -
    - Dashboard -
    -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    Total Ads Views
    -
    -
    -
    -
    - -
    -
    - 24K -
    + + + + +
    + +
    +
    + + + + + +
    +
    + + +
    + +
    +
    + + +
    +
    @@ -137,44 +512,251 @@
    -
    User Form
    +
    Basic Form
    -
    + +
    + + + We'll never share your email with anyone else. +
    +
    + + +
    +
    + + +
    +
    - +
    +
    +
    Complex Form Layout
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    + + +
    +
    + + +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    + +
    + +
    +
    +
    +
    +
    +
    + + +
    +
    + +
    +
    +
    +
    +
    +
    +
    Horizontal Form
    +
    +
    +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    +
    + Radios +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    Checkbox
    +
    +
    + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Disabled Forms
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    + +
    + +
    +
    +
    +
    +
    +
    +
    +
    Validation
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    + + +
    + Please provide a valid city. +
    +
    +
    + + +
    + Please provide a valid state. +
    +
    +
    + + +
    + Please provide a valid zip. +
    +
    +
    + +
    + +
    +
    +
    -
    -
    - - -
    -
    -
    -
    - - - - - - - - - - - - - - -
    - Copyright © 2017 Designed by Colorlib. - All rights reserved. -
    -
    -
    - + + + + + + \ No newline at end of file diff --git a/src/index.html b/src/index.html index 2abb89d..656c96c 100755 --- a/src/index.html +++ b/src/index.html @@ -57,22 +57,7 @@ - - - - -
    @@ -90,15 +75,16 @@
    - ${require('html-loader!./_sidebar.html')} + + ${require('html-loader!./_sidebar.html')}
    - + ${require('html-loader!./_topbar.html')} -
    +
    @@ -111,11 +97,11 @@
    - -
    -
    + +
    +
    -
    Total Ads Views
    +
    Total Applications
    @@ -130,9 +116,9 @@
    - -
    -
    + +
    +
    Successful Matches
    @@ -149,9 +135,9 @@
    - -
    -
    + +
    +
    New Ads (last month)
    @@ -169,9 +155,8 @@
    -
    - -
    +
    +
    New Registered Users
    @@ -182,21 +167,11 @@
    - 10% - APPL + COMPANIES
    - 2% - Average -
    -
    - 15% - Sales -
    -
    - 8% - Profit -
    + USERS +
    @@ -205,12 +180,11 @@
    -
    - -
    +
    +
    -
    Successful Mathches
    +
    Successful Mathches %
    @@ -224,9 +198,8 @@
    -
    - -
    +
    +
    @@ -248,8 +221,8 @@ Visitors From USA 50%
    -
    50% +
    50% Complete
    @@ -293,40 +266,6 @@
    -
    -
    - -
    -
    -
    Visitors
    -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    Visa Types
    -
    - -
    -
    - -
    - -
    -
    Matched
    -
    -
    -
    -
    -
    -
    -
    @@ -338,22 +277,9 @@
    - - - - - - - - - - - -
    - Copyright © 2017 Designed by Colorlib. - All rights reserved. -
    + ${require('html-loader!./_footer.html')} +
    diff --git a/src/login.html b/src/login.html new file mode 100644 index 0000000..4f01f95 --- /dev/null +++ b/src/login.html @@ -0,0 +1,245 @@ + + + + + + WISP + + + + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/profile.html b/src/profile.html index 16056ca..a720ba4 100644 --- a/src/profile.html +++ b/src/profile.html @@ -56,26 +56,7 @@ - - - - - - - - -
    @@ -102,61 +83,157 @@ -
    +
    Profile
    -
    - Sign out with WISP now to get yourself connected. +
    + Sign up with WISP now to get yourself connected.
    -
    +
    Please, tell us more about your information so we could find the perfect oportunities for you.
    -
    +
    -
    -
    - -

    ciao

    - -
    -
    - ciao + +
    +
    + +
    Francesca Sperati
    Bla Bla, this is your bio or whatever!
    +
    +
    +
    +
    Your Profile
    + +
    +
    + First Name + +
    +
    + Last Name + +
    +
    +
    + +
    +
    + Email Address + +
    +
    + Phone Number + +
    +
    + State + +
    +
    + +
    +
    + Nationality + +
    +
    + Visa Type + +
    +
    + Language (Select one or more) + +
    +
    + +
    +
    + Expertiece / Fields (Select one or more) + +
    +
    + Expertiece / Fields (Select one or more) + +
    +
    +
    + + + +
    +
    +
    - +
    + +
    + +
    +
    +
    Change Password
    +
    +
    + Current Password + +
    +
    + New Password + +
    +
    + Confirm New urrent Password + +
    +
    + + + + +
    +
    -
    -
    - ciao -
    +
    +
    -
    - - - - - - - - + +
    - + ${require('html-loader!./_footer.html')} + + diff --git a/src/users.html b/src/users.html new file mode 100644 index 0000000..ef2ed22 --- /dev/null +++ b/src/users.html @@ -0,0 +1,179 @@ + + + + + + Users + + + + + + + + + + + + + + + +
    + +
    + + + + + +
    + + ${require('html-loader!./_sidebar.html')} + +
    + + + ${require('html-loader!./_topbar.html')} + + + +
    +
    +
    +
    + Users +
    +
    + +
    +
    + + +
    +
    +
    + +
    David James
    +
    Victoria
    +
    Mobile: 0414987654
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    +
    + +
    +
    +
    + +
    David James
    +
    Victoria
    +
    Mobile: 0414987654
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    +
    + + + + + +
    + + +
    +
    + + + + + ${require('html-loader!./_footer.html')} +
    + + + + diff --git a/webpack/plugins/htmlPlugin.js b/webpack/plugins/htmlPlugin.js index 4e9918b..694e0bf 100755 --- a/webpack/plugins/htmlPlugin.js +++ b/webpack/plugins/htmlPlugin.js @@ -15,7 +15,9 @@ const titles = { 'datatable': 'Datatable', 'email': 'Email', 'forms': 'Forms', - 'profile':'profile', + 'profile': 'profile', + 'users': 'users', + 'login': 'login', 'google-maps': 'Google Maps', 'signin': 'Signin', 'signup': 'Signup',