Footer

Default

<footer class="footer footer--inverse">
        <div class="footer-body pt-5">
                <div class="container">
                        <div class="row">
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 1
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 2
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 3
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 4
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 5
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 mb-5">
                                        <a href="#">

<h4 class="mb-2" >
								Headline 6
</h4>
					</a>

                                        <ul class="nav flex-column">

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 1
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 2
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 3
	</a>
                                                </li>

                                                <li class="nav-item ">
                                                        <a class="nav-link " href="">
		Link 4
	</a>
                                                </li>

                                        </ul>
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-12">
                                        <div class="social pb-4">
                                                <span>

                                                        <svg class="icon linkedin" viewBox="0 0 32 32">
                                                                <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#linkedin"></use>
                                                        </svg>
                                                </span>
                                                <span>

                                                        <svg class="icon youtube" viewBox="0 0 32 32">
                                                                <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#youtube"></use>
                                                        </svg>
                                                </span>
                                                <span>

                                                        <svg class="icon twitter" viewBox="0 0 32 32">
                                                                <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#twitter"></use>
                                                        </svg>
                                                </span>
                                                <span>

                                                        <svg class="icon facebook" viewBox="0 0 32 32">
                                                                <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#facebook"></use>
                                                        </svg>
                                                </span>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
        <div class="footer-footer py-2 py-sm-1">
                <div class="container">
                        <div class="row">
                                <div class="col-sm-12">
                                        <div class="copyright">
                                                <span class="copyright-text pb-1 py-sm-0">
                                                        © 2017 TRINAMIC. All rights reserved
                                                </span>

                                                <ul class="nav ">

                                                        <li class="nav-item ">
                                                                <a class="nav-link " href="">
		Privacy
	</a>
                                                        </li>

                                                        <li class="nav-item ">
                                                                <a class="nav-link " href="">
		Impressum
	</a>
                                                        </li>

                                                        <li class="nav-item ">
                                                                <a class="nav-link " href="">
		Conditions
	</a>
                                                        </li>

                                                </ul>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</footer>