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#aaa-logo"></use><svg>
	        			</i>
					</a>

				</div>

				<div class="col-sm-offset-1 col-sm-5 col-lg-offset-0">

					<p>Copyright © 2016 AAA Mid-Alantic, Inc. This site serves residents of the AAA Mid-Atlantic territory which includes Delaware, Maryland, Washington DC, and parts of Virginia, Pennsylvania and New Jersey. Write Us: AAA Mid-Atlantic, One River Place, Wilmington, DE 19801</p>

				</div>

			</div>

		</div>

	</div>

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

</div>