You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
4.3 KiB
HTML
129 lines
4.3 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Steering Wheel</title>
|
|
|
|
<link rel="stylesheet" href="styles/test-resources-landing-page2.css">
|
|
|
|
<script>let $ = require('jquery');</script>
|
|
<script>require('popper.js')</script>
|
|
<script>require('bootstrap')</script>
|
|
</head>
|
|
|
|
<body hidden ONLOAD="$('body').removeAttr('hidden');" class="bg-secondary">
|
|
|
|
<div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm">
|
|
<a class="navbar-brand text-navbartext my-0 mr-md-auto">
|
|
<img src="../images/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" alt="JDSfaulkner logo">
|
|
Steering Wheel
|
|
</a>
|
|
<nav class="my-2 my-md-0 mr-md-3">
|
|
<a class="p-2 text-navbartext" href="#">Help</a>
|
|
<a class="p-2 text-navbartext" href="#">Feedback</a>
|
|
</nav>
|
|
<a class="btn btn-outline-themebuttonoutline" id="theme-toggle">Theme</a>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<nav class="col-md-2 d-none d-md-block bg-sidebarfill sidebar">
|
|
<div class="sidebar-sticky">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link active text-sidebartext" href="#">
|
|
<span data-feather="home"></span>
|
|
Top <span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-sidebartext">
|
|
<span>Resource Categories</span>
|
|
<a class="d-flex align-items-center" href="#">
|
|
</a>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2 ml-4">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-sidebartext" href="#Human-Resources-collapser">
|
|
<span data-feather="list-ul"></span>
|
|
Human Resources
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-sidebartext" href="#Marketing-collapser">
|
|
<span data-feather="list-ul"></span>
|
|
Marketing
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-sidebartext" href="#Productivity-collapser">
|
|
<span data-feather="list-ul"></span>
|
|
Productivity
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-sidebartext" href="#Training-collapser">
|
|
<span data-feather="list-ul"></span>
|
|
Training
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-sidebartext" href="#Workflow-collapser">
|
|
<span data-feather="list-ul"></span>
|
|
Workflow
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
|
|
<div class="justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
|
|
|
|
<div class="album py-5 bg-secondary">
|
|
<div class="container">
|
|
<input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont"
|
|
placeholder="Search (What kind of resource are you looking for?)"
|
|
aria-label="Search">
|
|
</div>
|
|
|
|
|
|
<div class="album py-5 bg-secondary">
|
|
<div class="container bg-secondary">
|
|
<div id="grid-container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="page-footer">
|
|
<div class="container">
|
|
<p class="float-left text-navbartext">
|
|
<a href="resources-landing-page.html">Back to original layout</a>
|
|
</p>
|
|
<p class="float-right text-navbartext">
|
|
<a href="#">Back to top</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
|
|
|
|
<script src="scripts/tsUtil.js"></script>
|
|
<script>loadTSTarget("themes.js");</script>
|
|
<script src="scripts/index_app.js"></script>
|
|
</html> |