Header 2

This is a header with a background image, we recommend you use a repeatable background image like the one above or a pattern perhaps. Simply change the background-image:url('images/backgrounds/bg1.png'); inside of the markup to your image and you are good to go.

<!--=== Begin Page Header 2 ===-->
<div class="header" style="background-image:url('images/backgrounds/bg1.png'); background-color: #000;">
	<div class="container">
		<div class="row">
			<!--=== Page Title ===-->
			<div class="col-sm-6 col-xs-12">
				<h1 class="text-white">Header 2</h1>
			</div>
			<!--=== Breadcrumbs ===-->

			<div class="col-sm-6">
				<ol class="breadcrumb text-white link-white">
					<li><span class="ion-home breadcrumb-home"></span><a href="index.html">Home</a></li>
					<li>Features</li>
					<li>Header 2</li>
				</ol>
			</div><!-- /column --> 
		</div><!-- /row --> 
	</div><!-- /container --> 
</div><!-- /page header -->
<!--=== End Page Header 2 ===-->