<nav class="navbar fixed-top navbar-expand-lg scrolling-navbar navbar-primary">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Schakel navigatie">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="/">
<div class="navbar-brand-container">
<img src="/v2/img/beeldmerklabelwit.svg" class="logo-labeled" alt="Logo Nijmegen">
<img src="/v2/img/beeldmerkwit.svg" class="logo" alt="Logo Nijmegen">
</div>
</a>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="#section-1" class="nav-link">Menu 1</a>
</li>
<li class="nav-item">
<a href="#section-2" class="nav-link">Menu 2</a>
</li>
<li class="nav-item">
<a href="#section-3" class="nav-link">Menu 3</a>
</li>
<li class="nav-item">
<a href="#section-4" class="nav-link">Menu 4</a>
</li>
</ul>
<form action="https://www.nijmegen.nl" class="form-inline ml-auto">
<label for="oi-query" class="sr-only">Zoeken</label>
<input class="form-control" id="oi-query" type="text" placeholder="Zoeken" tabindex="1" autocomplete="off">
<button class="btn-search" tabindex="2" aria-label="Zoek knop"><i class="mdi mdi-magnify" aria-hidden="true"></i></button>
</form>
</div>
</div>
</nav>
<main>
<div class="container oi-container">
<div class="row">
<div class="col-md-2">
<div class="oi-facet-constraints" id="oi-facet-cat"></div>
<div class="oi-facet-constraints" id="oi-facet-date"></div>
<div class="oi-facet-constraints" id="oi-facet-type"></div>
</div>
<div class="offset-md-1 col-md-9">
<h1 id="oi-header"></h1>
<div id="oi-results"></div>
<div id="oi-pager"></div>
</div>
</div>
<div class="row">
<div class="offset-md-4 col-md-4">
<div id="oi-trending-results"></div>
</div>
</div>
</div>
</main>
<footer class="page-footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="hidden-md-down col-lg-6">
<!-- Space for other content/links -->
</div>
<div class="col-md-12 col-lg-6">
<div class="row">
<div class="hidden-md-down col-lg-5">
<h2 class="title">Over deze site</h2>
<ul class="link-list">
<li><a href="https://www.nijmegen.nl/toegankelijkheid/">Toegankelijkheid</a></li>
<li><a href="https://www.nijmegen.nl/privacyverklaring/">Privacyverklaring</a></li>
<li><a href="https://www.nijmegen.nl/cookies/">Cookies</a></li>
<li><a href="https://www.nijmegen.nl/proclaimer/">Proclaimer</a></li>
<li><a href="https://www.nijmegen.nl/sitemap/">Sitemap</a></li>
</ul>
</div>
<div class="col-xs-12 col-md-6 col-lg-7">
<h2 class="title">Contactgegevens</h2>
<ul class="link-list contact-list">
<li>
<span class="mdi mdi-map-marker" aria-hidden="true"></span>
<a href="https://www.google.nl/maps/place/..." aria-labelledby="location-link-label">
Stadswinkel, Mariënburg 30
</a>
<span id="location-link-label" style="display:none">Bekijk onze locatie</span>
</li>
<li>
<span class="mdi mdi-phone" aria-hidden="true"></span>
<a href="tel:14024" aria-labelledby="phone-link-label">
14 024
</a>
<span id="phone-link-label" style="display:none">Bel ons</span>
</li>
<li>
<span class="mdi mdi-email" aria-hidden="true"></span>
<a href="mailto:gemeente@nijmegen.nl" aria-labelledby="email-link-label">
gemeente@nijmegen.nl
</a>
<span id="email-link-label" style="display:none">Mail ons</span>
</li>
<li>
<span class="mdi mdi-facebook-box" aria-hidden="true"></span>
<a href="https://www.facebook.com/gemeentenijmegen" aria-labelledby="facebook-link-label">
Gemeente Nijmegen
</a>
<span id="facebook-link-label" style="display:none">Vind ons op Facebook</span>
</li>
<li>
<span class="mdi mdi-twitter-box" aria-hidden="true"></span>
<a href="https://twitter.com/gem_nijmegen" aria-labelledby="twitter-link-label">
@nijmegen
</a>
<span id="twitter-link-label" style="display:none">Volg ons op Twitter</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center">
<div class="container-fluid">
<img src="/v2/img/beeldmerkwit.svg" height="32" width="25" class="logo-labeled" alt=""> Gemeente Nijmegen
</div>
</div>
</footer>
A custom template created for Nijmegen to showcase the search results component from this library in one overall view.