Footer

Markup

<div id="footer">

	<div class="footer-links secondary">

		<div class="container">

			<div class="row">

				<div class="col-sm-12">

					<ul class="flex-wrapper">
						<li class="flex-item"><a href="#">Contact</a></li>
						<li class="flex-item"><a href="#">Safety</a></li>
						<li class="flex-item"><a href="#">News</a></li>
						<li class="flex-item"><a href="#">Jobs</a></li>
						<li class="flex-item"><a href="#">About Us</a></li>
					</ul>

				</div>

			</div>

		</div>

	</div>

	<div class="footer-links primary">

		<div class="container">

			<div class="row">
				
				<div class="col-sm-3 col-md-3">
				
					<ul>
						<li class="title-link">
							<a href="#">
								Membership
								<i class="icon icon-arrow">
					                <svg><use xlink:href="/img/spritemap.svg#icon-arrow-right"></use><svg>
					            </i>
							</a>
						</li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
					</ul>

				</div>

				<div class="col-sm-3 col-md-3">
				
					<ul>
						<li class="title-link">
							<a href="#">
								Automotive
								<i class="icon icon-arrow">
					                <svg><use xlink:href="/img/spritemap.svg#icon-arrow-right"></use><svg>
					            </i>
							</a>
						</li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
					</ul>

				</div>

				<div class="col-sm-3 col-md-3">
				
					<ul>
						<li class="title-link">
							<a href="#">
								Insurance &amp; Finance
								<i class="icon icon-arrow">
					                <svg><use xlink:href="/img/spritemap.svg#icon-arrow-right"></use><svg>
					            </i>
							</a>
						</li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
					</ul>

				</div>

				<div class="col-sm-3 col-md-3">
				
					<ul>
						<li class="title-link">
							<a href="#">
								Travel
								<i class="icon icon-arrow">
					                <svg><use xlink:href="/img/spritemap.svg#icon-arrow-right"></use><svg>
					            </i>
							</a>
						</li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
						<li><a href="#">Sub Menu Item</a></li>
					</ul>

				</div>

			</div>
			
		</div>

	</div>

	<div class="footer-colophon">

		<div class="container">
			
			<div class="row">

				<div class="col-sm-1">
					
					<a href="/">
						<i class="icon icon-aaa white">
	            			<svg><use xlink:href="/img/spritemap.svg#bull-interactive-logo"></use><svg>
	        			</i>
					</a>

				</div>

				<div class="col-sm-offset-1 col-sm-5 col-lg-offset-0">
					
					<p>Copyright © 2018 Bull Interactive Co. This site serves for demonstration purposes only and should not be considered as anything other then that. The fact that you're reading this is impressive in the fact that you care enough about what this baby/illegal sized text (in terms of accessibility) says. I do however thank you!</p>

				</div>
				
			</div>

		</div>

	</div>

	<!-- Do not implement this link -->
	<a href="/inc/components/?component=footer" class="component-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">Footer</span>
	</a>
	<!-- Do not implement this link -->

</div>