Global
Advanced options
Check Bootstrap for more advanced options
Application bar
Footer
Show code
<footer class="col p-0">
<div class="talentech-footer d-flex justify-content-center">
<a href=""><img src="/v2/images/powered-by-talentech.png"></img></a>
</div>
<div class="whitelable-footer d-flex justify-content-between align-items-end">
<a href="#"><img class="logo-left" src="/v2/images/visma-datalon.png"></img></a>
<a href="#"><img class="logo-right" src="/v2/images/powered-by-talentech.png"></img></a>
</div>
</footer>
Pageheader
Show code
<div class="t-header">
<div class="t-header-inner">
<div class="col-12">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Breadcrumb Link</a></li>
<li class="breadcrumb-item"><a href="#">Page header</a></li>
<li class="breadcrumb-item"><a href="#">Breadcrumb 3</a></li>
<li class="breadcrumb-item active" aria-current="page">Parent</li>
</ol>
</nav>
</div>
<div class="col-12 d-flex flex-wrap">
<div class="page-header">
<h1>Page header h1</h1>
</div>
<div class="ml-auto">
<div class="btn-group btn-group-sm justify-content-end" role="group"
aria-label="Button group">
<button class="btn btn-sq btn-sq-success" type="button">
<i class="fal fa-plus fa-fw"></i>
<p>Project</p>
</button>
<div class="dropdown dropleft">
<button class="btn btn-sq" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fal fa-plus fa-fw"></i>
<p>Project</p>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">New project</a>
<a class="dropdown-item" href="#">Copy project</a>
</div>
</div>
</div>
</div>
</div>
<div class="col p-2 border-top">
<a href="#" class="m-2"><span class="far fa-chevron-left pr-1"></span>link</a>
</div>
</div>
</div>
Supportbar
Show code
<nav class="adminBar d-flex justify-content-between">
<span class="d-block d-sm-none"><span class="fal fa-user-crown"></span></span>
<span class="d-none d-sm-block"><span class="fal fa-user-crown"></span>Support admin</span>
<span class="trunkateB">{Customer name}</span>
<span class="d-block d-sm-none"><span class="fal fa-retweet"></span></span>
<a href="/" class="d-none d-sm-block"><span class="fal fa-retweet"></span> Switch user</a>
</nav>
v1.0.841-rev-f8d5cfe+f8d5cfe75d5a52f58b13d21aa1ee045f0808d96d