You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
367 lines
18 KiB
367 lines
18 KiB
<!-- ### $Topbar ### -->
|
|
<div class="header navbar topbar">
|
|
<div class="header-container">
|
|
<!-- #LEFT ============================ -->
|
|
<ul class="nav-left">
|
|
<li>
|
|
<a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
|
|
<i class="ti-menu"></i>
|
|
</a>
|
|
</li>
|
|
<li class="search-box">
|
|
<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">
|
|
<input class="form-control" type="text" placeholder="Search users, companies, or anything..">
|
|
</li>
|
|
<li class="">
|
|
<button type="button" class="btn btn-gradient ">
|
|
<i class="fa fa-plus pdd-right-5"></i>
|
|
ADD NEW USER
|
|
</button>
|
|
</li>
|
|
</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>
|
|
</div>
|
|
<div class="peer mR-10">
|
|
<img class=" w-2r bdrs-50p mL-10 nomit-logo-top" src="assets/static/images/nomit-logo.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">
|
|
<i class="ti-power-off mR-10"></i>
|
|
<span>Logout</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<!-- #vertical line ============================ -->
|
|
<div class="verticalLine"> </div>
|
|
</li>
|
|
<li>
|
|
<!-- #logo wisp ============================ -->
|
|
<div class="peer logo-top-bar">
|
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
viewBox="0 0 138.8360748 39.8824463" style="enable-background:new 0 0 138.8360748 39.8824463;" xml:space="preserve">
|
|
<style type="text/css">
|
|
.st0{fill:url(#SVGID_1_);}
|
|
.st1{fill:url(#SVGID_2_);}
|
|
.st2{fill:url(#SVGID_3_);}
|
|
.st3{fill:url(#SVGID_4_);}
|
|
.st4{fill:url(#SVGID_5_);}
|
|
.st5{fill:url(#SVGID_6_);}
|
|
.st6{fill:url(#SVGID_7_);}
|
|
.st7{fill:url(#SVGID_8_);}
|
|
.st8{fill:url(#SVGID_9_);}
|
|
.st9{fill:url(#SVGID_10_);}
|
|
.st10{fill:url(#SVGID_11_);}
|
|
.st11{fill:#FFFFFF;}
|
|
.st12{fill:url(#SVGID_12_);}
|
|
.st13{fill:url(#SVGID_13_);}
|
|
.st14{fill:url(#SVGID_14_);}
|
|
.st15{fill:url(#SVGID_15_);}
|
|
.st16{fill:url(#SVGID_16_);}
|
|
.st17{fill:url(#SVGID_17_);}
|
|
.st18{fill:url(#SVGID_18_);}
|
|
.st19{fill:url(#SVGID_19_);}
|
|
</style>
|
|
<g>
|
|
<g>
|
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="13.806386" y1="30.5149899" x2="13.806386" y2="0.0000301">
|
|
<stop offset="0" style="stop-color:#8B00B1"/>
|
|
<stop offset="0" style="stop-color:#EE38A4"/>
|
|
<stop offset="0.0866544" style="stop-color:#C832A9"/>
|
|
<stop offset="0.1996946" style="stop-color:#9D2AAF"/>
|
|
<stop offset="0.3094908" style="stop-color:#7C24B3"/>
|
|
<stop offset="0.4136127" style="stop-color:#6420B6"/>
|
|
<stop offset="0.5097673" style="stop-color:#551EB8"/>
|
|
<stop offset="0.5903056" style="stop-color:#501DB9"/>
|
|
<stop offset="0.6045721" style="stop-color:#501DB9"/>
|
|
<stop offset="0.7748037" style="stop-color:#501DB9"/>
|
|
<stop offset="0.8825542" style="stop-color:#7311B4"/>
|
|
<stop offset="1" style="stop-color:#9506B0"/>
|
|
<stop offset="1" style="stop-color:#9103B0"/>
|
|
</linearGradient>
|
|
<path class="st0" d="M18.4649811,27.823019l-0.0005131,0.0005131c0.0724716-0.0724716,0.1342678-0.1448421,0.204174-0.2173138
|
|
l-3.4111109-3.4110069l-0.558629-0.55863L6.319869,15.2575493l2.234416-2.234416l6.7032461-6.7032471l2.234416,2.234416
|
|
l5.6520958,5.6520948l3.0811882-3.0812902l-3.0811882,3.0812902l0,0l4.2584972-4.2586002L27.612772,9.737566l-7.8864098-7.8864594
|
|
c-2.468153-2.4681017-6.4696112-2.4681017-8.9376621,0l-8.9376621,8.9376106c-2.4680505,2.468051-2.4680505,6.4695606,0,8.9376621
|
|
l8.9376621,8.9376125c2.468051,2.4679985,6.4695091,2.4679985,8.9376621,0v-0.0000515l-1.0511513-1.0511513L18.4649811,27.823019z
|
|
"/>
|
|
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="49.3865204" y1="27.2705288" x2="37.6677437" y2="6.9730129">
|
|
<stop offset="0" style="stop-color:#8B00B1"/>
|
|
<stop offset="0" style="stop-color:#EE38A4"/>
|
|
<stop offset="0.5092942" style="stop-color:#9103B0"/>
|
|
<stop offset="1" style="stop-color:#501DB9"/>
|
|
<stop offset="1" style="stop-color:#9506B0"/>
|
|
</linearGradient>
|
|
<path class="st1" d="M55.4768066,10.7887173l-8.9376602-8.9376106l-4.4687309,4.4687796l6.7032471,6.7032471l2.234314,2.234416
|
|
l-6.7031441,6.7032471l-2.234417,2.2344151l-7.7302742-7.7302761l-0.2102318,0.2102318l-4.2584972,4.2586002l7.7301731,7.7301731
|
|
v0.0000515c2.4680519,2.4679985,6.4696121,2.4679985,8.937561,0l8.9376602-8.9376125
|
|
C57.9449615,17.2582779,57.9449615,13.2567682,55.4768066,10.7887173z"/>
|
|
<g>
|
|
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="10.7887001" y1="15.2575035" x2="46.5391464" y2="15.2575035">
|
|
<stop offset="0" style="stop-color:#8B00B1"/>
|
|
<stop offset="0" style="stop-color:#EE38A4"/>
|
|
<stop offset="0.1175187" style="stop-color:#D634A7"/>
|
|
<stop offset="0.4183493" style="stop-color:#9D2AAF"/>
|
|
<stop offset="0.6763742" style="stop-color:#7323B4"/>
|
|
<stop offset="0.8785662" style="stop-color:#591FB8"/>
|
|
<stop offset="1" style="stop-color:#501DB9"/>
|
|
</linearGradient>
|
|
<path class="st2" d="M37.6015854,1.8511064l-8.9376621,8.9376106l-4.468729,4.468832l-0.55863,0.558629l-8.3790331,8.3790331
|
|
l-4.4688311,4.468832c2.467948,2.4677925,6.4688931,2.4678955,8.937149,0.0004101l0.0005131-0.0005131l13.4063931-13.4063911
|
|
l8.3790321-8.379034l0.5586281-0.5586295l4.4687309-4.4687796C44.0711975-0.6169954,40.0696373-0.6169954,37.6015854,1.8511064z"
|
|
/>
|
|
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="24.1951942" y1="13.6117887" x2="27.4866123" y2="13.6117887">
|
|
<stop offset="0" style="stop-color:#8B00B1"/>
|
|
<stop offset="0" style="stop-color:#EE38A4"/>
|
|
<stop offset="0.1175187" style="stop-color:#D634A7"/>
|
|
<stop offset="0.4183493" style="stop-color:#9D2AAF"/>
|
|
<stop offset="0.6763742" style="stop-color:#7323B4"/>
|
|
<stop offset="0.8785662" style="stop-color:#591FB8"/>
|
|
<stop offset="1" style="stop-color:#501DB9"/>
|
|
</linearGradient>
|
|
<polygon class="st3" points="24.1951942,15.2574978 24.1951942,15.2575493 27.4866123,11.9660282 "/>
|
|
</g>
|
|
</g>
|
|
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="77.3990173" y1="-7.8904157" x2="122.914917" y2="37.6254807">
|
|
<stop offset="0" style="stop-color:#8B00B1"/>
|
|
<stop offset="0" style="stop-color:#EE38A4"/>
|
|
<stop offset="0.0727272" style="stop-color:#D634A7"/>
|
|
<stop offset="0.2166433" style="stop-color:#AD2DAD"/>
|
|
<stop offset="0.3643613" style="stop-color:#8C27B1"/>
|
|
<stop offset="0.5144968" style="stop-color:#7123B5"/>
|
|
<stop offset="0.6680248" style="stop-color:#5F20B7"/>
|
|
<stop offset="0.8269761" style="stop-color:#541EB9"/>
|
|
<stop offset="1" style="stop-color:#501DB9"/>
|
|
</linearGradient>
|
|
<path class="st4" d="M73.7269974,4.3174438v5.8997192v11.3051758v5.3615112
|
|
c-0.4117432,2.0700073-1.6452637,3.1047974-3.7012939,3.1047974c-1.9445801,0-3.1610107-0.9794312-3.6466064-2.94104v-5.3562012
|
|
V10.0534058V4.1483765c0.4855957-2.0239868,1.7020264-3.036438,3.6466064-3.036438
|
|
C72.0817337,1.1119385,73.3152542,2.180603,73.7269974,4.3174438z M106.2809982,19.8569603
|
|
c0-1.8695717-0.9047928-3.7108078-2.7115402-5.5251274c-1.8067474-1.8133755-3.6427689-2.7205353-5.5052414-2.7205353h-6.3165283
|
|
c-1.0814056-0.3452024-1.6216354-1.055913-1.6216354-2.1316605c0-1.1130533,0.5383453-1.8237638,1.6159668-2.1311879h3.5096054
|
|
c1.9682465-0.5189838,2.9523697-1.7250671,2.9523697-3.6182499c0-2.0782979-1.0483475-3.3216877-3.1412582-3.7301693h-3.8703918
|
|
c-1.9077988,0-3.7872696,0.9000763-5.6374664,2.7002289c-1.8511353,1.8001525-2.7767029,3.6574452-2.7767029,5.5699892v2.4192505
|
|
c0,1.8752375,0.9038467,3.7230854,2.7105942,5.5416546c1.8067474,1.8195152,3.6427689,2.7285633,5.5061874,2.7285633h6.3165283
|
|
c1.0804596,0.3367023,1.6216354,1.0474129,1.6216354,2.1316605c0,1.0474129-0.5392838,1.7387619-1.6150208,2.0754642h-3.3981628
|
|
c-2.0060272,0.5605412-3.0090408,1.7765408-3.0090408,3.6461124c0,1.9446564,1.0105743,3.1776562,3.0298233,3.7018356h4.0951614
|
|
c1.8690872,0,3.7098312-0.8972435,5.5250778-2.6922016c1.8133621-1.7949581,2.7200394-3.6267509,2.7200394-5.4972649V19.8569603z
|
|
M138.8360748,10.5393066v2.6487427c0,2.5925903-1.1069336,4.9976807-3.3208008,7.2142944
|
|
c-2.2138672,2.2171631-4.6164551,3.3250122-7.2062988,3.3250122h-2.5329514c-0.7498779,0-1.7822266-0.2800293-3.0959473-0.8410645
|
|
v13.7991333c-0.4117432,2.1312256-1.6452637,3.1970215-3.7012939,3.1970215c-1.9447021,0-3.1610107-1.0115356-3.6466064-3.0331421
|
|
V3.0893555c0-0.262085,0.1303711-0.6176758,0.3929443-1.0672607C116.5467758,0.6738892,117.6329575,0,118.9787827,0
|
|
c0.9718018,0,1.8690186,0.4118042,2.692627,1.2339478C123.354393,0.4118042,124.7372055,0,125.821434,0h2.525383
|
|
c2.5803223,0,4.9726562,1.1088257,7.1798096,3.3250122C137.7328033,5.5426025,138.8360748,7.9467773,138.8360748,10.5393066z
|
|
M131.4881744,10.4920654c0-0.6478882-0.3929443-1.3340454-1.1787109-2.0579834
|
|
c-0.7858887-0.723938-1.4960938-1.0856323-2.1315918-1.0856323h-2.1874924c-0.6364746,0-1.3458252,0.3711548-2.1315918,1.1144409
|
|
s-1.1787109,1.4384155-1.1787109,2.0863647v2.6293945c0,0.5713501,0.3835449,1.2481079,1.1503906,2.0286865
|
|
c0.7668457,0.7820435,1.4309082,1.1720581,1.9909668,1.1720581h2.525383c0.5610352,0,1.2241211-0.3900146,1.9909668-1.1720581
|
|
c0.7658691-0.7805786,1.1503906-1.4573364,1.1503906-2.0286865V10.4920654z"/>
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|