Moved example icons to a more logical place

Author: Darius Rosendahl

index.html

@@ -56,22 +56,22 @@ <h1>Hello, world!</h1>
 				<div class="b0_12 b3_08">
 					<div class="pt pb">
 						<h2>Heading</h2>
-						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
-						<a href="#"><i class="fa fa-pied-piper"></i>&nbsp;Read more</a>
+						<p><i class="fa fa-pied-piper"></i>&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
+						<a href="#">Read more</a>
 					</div>
 				</div>
 				<div class="b0_12 b3_08">
 					<div class="pt pb">
 						<h2>Heading</h2>
-						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
-						<a href="#"><i class="fa fa-battery-full"></i>&nbsp;Read more</a>
+						<p><i class="fa fa-info-circle"></i>&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
+						<a href="#">Read more</a>
 					</div>
 				</div>
 				<div class="b0_12 b3_08">
 					<div class="pt pb">
 						<h2>Heading</h2>
-						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
-						<a href="#"><i class="fa fa-bolt"></i>&nbsp;Read more</a>
+						<p><i class="fa fa-binoculars"></i>&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. </p>
+						<a href="#">Read more</a>
 					</div>
 				</div>
 			</div>