page-contact.html

<!--page-contact "Contact"-->
<div ng-include='"/header.html"'></div>
<!--jumbotron-->
<div class="d-flex flex-column justify-content-center align-items-center jumbotron bg-contact m-0">
	<h2 class="banner-heading ital white t-s">Contact Us.</h2>
</div>
<!--main-->
<div class="container-fluid m-0">
	<!--fb-->
	<div class="row d-flex flex-row">
		<div class="col-sm-12 d-flex justify-content-center align-items-center p-4 text-right min-25 bg-warning">
			<a href="https://www.facebook.com/Big-Horn-Sheep-316086981757865/" target="_blank">
				<h2 class="heading font-weight-light text-bold text-white">Facebook</h2>
			</a>
		</div>
	</div>

	<!-- soundcloud -->
	<div class="row d-flex flex-row">
		<div class="col-sm-12 d-flex justify-content-center align-items-center p-4 text-left min-25 bg-danger">
			<a href="https://soundcloud.com/big-horn-sheep" target="_blank">
				<h2 class="heading font-weight-light text-bold text-white">Soundcloud</h2>
			</a>
		</div>
	</div>

	<!-- vimeo -->
	<div class="row d-flex flex-row">
		<div class="col-sm-12 d-flex justify-content-center align-items-center p-4 text-right min-25 bg-primary">
			<a href="https://vimeo.com/user42002797" target="_blank">
				<h2 class="heading font-weight-light text-white text-bold">Vimeo</h2>
			</a>
		</div>
	</div>

	<!-- email -->
	<div class="row d-flex flex-row">
		<div class="col-sm-12 d-flex justify-content-center align-items-center p-4 text-left min-25 bg-success">
			<a href="mailto:info@bighornsheepband.com">
				<h2 class="heading font-weight-light text-white text-bold">Email</h2>
			</a>
		</div>
	</div>
	<!-- end container-->