User-Suppliers - VPO

Developer
Luna Eye
Size
3,232 Kb
Views
20,240
  1. User-Suppliers - VPO Previews
  2. User-Suppliers - VPO HTML Codes
  3. User-Suppliers - VPO CSS Codes

How do I make an user-suppliers - vpo?

Brookes VPO projectForked from Luna Eye's Pen Project management UX.. What is a user-suppliers - vpo? How do you make a user-suppliers - vpo? This script and codes were developed by Luna Eye on 16 October 2022, Sunday.

User-Suppliers - VPO Previews
IQ Test

User-Suppliers - VPO - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>User-Suppliers - VPO</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://www.brookes.ac.uk/FrontendResources/css/site.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="bau-diagram"> <div class="row"> <!-- start row 1 --> <!-- first col row 1 --> <div class="col-xs-12 col-sm-6 paddingtop bau-diagram"> <!-- outer box 50% --> <div class="bg-lightblue back"> <span class="padding10 vertical-left">Continuous re-prioritisation of work</span> <i class="glyphicon top glyphicon-refresh"></i> </div> <!-- // end outer box --> <!-- middle - second - box --> <div class="middle bg-lime-60"> <span class="padding10 vertical">Decision making</span> </div> <!-- // end second box --> <!-- innermost box --> <div class="padding10 bg-lime-20 front"> <h2>Business User BAU</h2> <p><em>Managed by individuals in the Business Management Teams</em> </p> <ul class="list-unstyled"> <li>Day to day business</li> <li>Planned cyclical events</li> <li>Planned maintenance</li> </ul> </div> <!--// innermost box --> </div> <!-- // end first col --> <!-- second col row 1 --> <div class="col-xs-12 col-sm-6 paddingtop bau-diagram"> <!-- outer box 50% --> <div class="bg-darkblue backleft"> <span class="padlock-key"></span> <span class="padding10 vertical right">Manages supplier to time, cost &amp; quality</span> </div> <!-- // end outer box --> <!-- middle - second - box --> <div class="middleleft bg-lime-60"> <span class="padding10 vertical right">Decision making</span> </div> <!-- // end second box --> <!-- innermost box --> <div class="padding10 bg-lime-20 frontleft"> <h2>Business User Projects</h2> <p><em>Managed by individuals in the Business Project Team</em> </p> <p> Driven by needs of the business area in order to achieve or improve the activities they hold primary responsibility for. </p> </div> </div> </div> <!-- end of row 1 --> <!-- clearing row --> <div class="clearfix visible-sm"></div> <!-- row 2 --> <div class="row"> <!-- first col row 2 --> <div class="col-xs-12 col-sm-6 paddingtop bau-diagram"> <!-- outer box 50% --> <div class="bg-lightblue back"> <span class="padding10 vertical">Continuous re-prioritisation of work</span> <i class="glyphicon glyphicon-refresh"></i> </div> <!-- // end outer box --> <!-- middle - second - box --> <div class="middle bottom bg-lime-60"> <span class="padding10 vertical">Decision making</span> </div> <!-- // end second box --> <!-- innermost box --> <div class="padding10 bg-lime-20 front bottom"> <h2>Supplier BAU</h2> <p><em>Managed by individuals in the Supplier Management Teams</em> </p> <ul class="list-unstyled"> <li>Day to day business</li> <li>Planned cyclical events</li> <li>Planned maintenance</li> </ul> </div> </div> <!-- 2nd col row 1 --> <div class="col-xs-12 col-sm-6 paddingtop bau-diagram"> <!-- outer box 50% --> <div class="bg-darkblue backleft"> <span class="padlock"></span> <span class="padding10 vertical right">Committed to deliver to time, cost &amp; quality</span> </div> <!-- // end outer box --> <!-- middle - second - box --> <div class="middleleft bottom bg-lime-60"> <span class="padding10 vertical right">Decision making</span> </div> <!-- // end second box --> <!-- innermost box --> <div class="padding10 bg-lime-20 frontleft bottom"> <h2>Supplier Projects</h2> <p><em>Managed by individuals in the Supplier Project Team</em> </p> <p>Driven by needs of the supplier in order to achieve or improve the activities they hold primary responsibility for.</p> </div> </div> </div>
</section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>
</body>
</html>

User-Suppliers - VPO - Script Codes CSS Codes

 .bau-diagram h2 { padding: 0.5em; font-size: 18px; border: 1px solid #9eab05;}.bau-diagram { position: relative; min-height: 300px; margin: 20px 0; padding: 0 50px;}.bau-diagram .front,.bau-diagram .frontleft { font-size: 14px;}.paddingtop { padding-top: 50px;}.back, .middle, .front,.backleft, .middleleft, .frontleft { position: absolute;}.backleft { left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;}.middleleft { bottom: 0; z-index: 2; left: 0; width: 80%; height: 85%;}.frontleft { line-height: 1.1em; z-index: 3; left: 0; width: 70%; height: 75%; bottom: 0;}.back { right: 10%; bottom: 0; width: 90%; height: 100%; z-index: 1;}.middle { z-index: 2; left: 15%; right: 0; bottom: 0; width: 75%; height: 85%;}.front { z-index: 3; right: 10%; bottom: 0; width: 65%; height: 75%;}.middle.bottom,.middleleft.bottom { bottom: 15%;}.front.bottom,.frontleft.bottom { bottom: 25%;}/* colours */.bg-lightblue { background-color: #0085a1; color: white;}.bg-darkblue { color: white; background-color: #003896;}.bg-lime-30 { background-color: #e1e49c;}.bg-lime-40 { background-color: #d1d76a;}.docs { border: 1px solid #9eab05; position: relative; padding: 10px; background: #fff;}.back .glyphicon { top: -40px; z-index: -2; position: absolute; left: -30px; color: #9eab05; text-shadow: 1px 1px 1px #000;}.back .glyphicon.top {}.back .glyphicon.bottom { bottom: -30px; top: initial;}.back .glyphicon:before { font-size: 62px; position: absolute;}/* PNG padlock */.padlock,.padlock-key { display: block; position: absolute; width: 40px; height: 40px; background-repeat: no-repeat;}.padlock { background-image: url('https://www.brookes.ac.uk/assets/0/1425/1426/2147487523/2147492083/c5551fb4-f508-4fb8-aacf-d443136352e9.png'); bottom: 0px; left: 10px;}.padlock-key { background-image: url('https://www.brookes.ac.uk/assets/0/1425/1426/2147487523/2147492083/42ad83b9-606c-4389-b2e0-ca88b90ef029.png'); top: 5px; left: 10px;}
.vertical { position: relative; float: right; -moz-transform: rotate(270deg); /* FF3.5+ */ -o-transform: rotate(270deg); /* Opera 10.5 */ -webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */ -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%;
}
.vertical-left { line-height: 110%; /*writing-mode: vertical-lr;*/ text-orientation: sideways; writing-mode: sideways-lr;
}
User-Suppliers - VPO - Script Codes
User-Suppliers - VPO - Script Codes
Home Page Home
Developer Luna Eye
Username lunaman
Uploaded October 16, 2022
Rating 3
Size 3,232 Kb
Views 20,240
Do you need developer help for User-Suppliers - VPO?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Luna Eye (lunaman) Script Codes
Name
Toggle button
Simple CSS overlay
Nth-of-type testing
Lifecycle
JQuery Validate checkbox group
Business Led Change
Multiple YouTube modals
Multiple YouTube modals - one function
Right arrow shape
Benefits definition - VPO
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!