<hr>

<div class="row">
	<div class="col-md-7">
	    <p class="heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></p>
	    <p class="leading">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
	</div>
	<div class="col-md-5">
    	<img class="img-fluid mx-auto" src="../theme/bs4_v0.8.1/img/page/sample1.png" alt="Generic placeholder image">
  </div>
</div>

<hr>

<div class="row">
	<div class="col-md-7 order-md-2">
	    <p class="heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></p>
	    <p class="leading">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
	</div>
	<div class="col-md-5 order-md-1">
    	<img class="img-fluid mx-auto" src="../theme/bs4_v0.8.1/img/page/sample2.png" alt="Generic placeholder image">
	</div>
</div>

<hr>

<div class="row">
	<div class="col-md-7">
	    <p class="heading">And lastly, this one. <span class="text-muted">Checkmate.</span></p>
		<p class="leading">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
	</div>
	<div class="col-md-5">
    	<img class="img-fluid mx-auto" src="../theme/bs4_v0.8.1/img/page/sample3.png" alt="Generic placeholder image">
	</div>
</div>