<div class="navbar-container">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <a class="navbar-brand navbar-brand-dynamic-color fade-page" href="index.html">
<img alt="Jumpstart" data-inject-svg src="assets/img/logos/jumpstart.svg">
</a>
<div class="d-flex align-items-center order-lg-3"> <a href="#" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-none d-sm-block order-lg-3">Button</a>
<button
aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target=".navbar-collapse" data-toggle="collapse" type="button">
<img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
<img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-x.svg">
</button>
</div>
<div class="collapse navbar-collapse order-3 order-lg-2 justify-content-lg-start">
<ul class="navbar-nav my-3 my-lg-0">
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="navbar-container">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <a class="navbar-brand navbar-brand-dynamic-color fade-page" href="index.html">
<img alt="Jumpstart" data-inject-svg src="assets/img/logos/jumpstart.svg">
</a>
<div class="d-flex align-items-center order-lg-3"> <a href="#" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-none d-sm-block order-lg-3">Button</a>
<button
aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target=".navbar-collapse" data-toggle="collapse" type="button">
<img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
<img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-x.svg">
</button>
</div>
<div class="collapse navbar-collapse order-3 order-lg-2 justify-content-lg-end">
<ul class="navbar-nav my-3 my-lg-0">
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="navbar-container">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <a class="navbar-brand navbar-brand-dynamic-color fade-page flex-grow-1"
href="index.html">
<img alt="Jumpstart" data-inject-svg src="assets/img/logos/jumpstart.svg">
</a>
<div class="d-flex align-items-center order-lg-3 flex-grow-1 justify-content-end"> <a href="#" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-none d-sm-block order-lg-3">Button</a>
<button
aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target=".navbar-collapse" data-toggle="collapse" type="button">
<img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
<img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-x.svg">
</button>
</div>
<div class="collapse navbar-collapse order-3 order-lg-2 justify-content-lg-center">
<ul class="navbar-nav my-3 my-lg-0">
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="navbar-container">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <a class="navbar-brand navbar-brand-dynamic-color fade-page order-lg-2 mx-lg-auto"
href="index.html">
<img alt="Jumpstart" data-inject-svg src="assets/img/logos/jumpstart.svg">
</a>
<div class="d-flex align-items-center order-lg-3 justify-content-end w-lg-100"> <a href="#" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-none d-sm-block order-lg-3">Button</a>
<button
aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target=".navbar-collapse" data-toggle="collapse" type="button">
<img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
<img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-x.svg">
</button>
</div>
<div class="collapse navbar-collapse order-lg-1 w-lg-100">
<ul class="navbar-nav my-3 my-lg-0">
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="navbar-container">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <a class="navbar-brand navbar-brand-dynamic-color fade-page" href="index.html">
<img alt="Jumpstart" data-inject-svg src="assets/img/logos/jumpstart.svg">
</a>
<div class="d-flex align-items-center order-lg-3"> <a href="#" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-none d-sm-block order-lg-3">Button</a>
<button
aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target=".navbar-collapse" data-toggle="collapse" type="button">
<img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
<img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm"
data-inject-svg src="assets/img/icons/interface/icon-x.svg">
</button>
</div>
<div class="collapse navbar-collapse order-3 order-lg-2 ml-lg-3 justify-content-between">
<form class="mt-3 mt-lg-0">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text bg-white pr-0">
<img alt="Search" class="icon icon-xs bg-dark" data-inject-svg src="assets/img/icons/interface/icon-search.svg">
</span>
</div>
<input class="form-control" placeholder="Type your search" type="search">
</div>
</form>
<ul class="navbar-nav my-3 my-lg-0">
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item"> <a href="#" class="nav-link">Link</a>
</li>
</ul>
</div>
</div>
</nav>
</div>