Practice 4

practice_four.html

<div class="all-divs">

  <div class="audience bordered">
  	<div class="audience-padding">
		Your Audience Awaits
			<div class="audience-text">
			There are at least tens of hundreds that visit this site for research purposes in daily life. 
			</div>
      <a class="free-listing" href="#">
      	Get my free YP listing
      </a>
  	</div>
	</div>
	
  <div class="scan bordered">
		<div class="right-content-padding">
			
			<div class="circle scan-icon">
				<i class="fa fa-wrench fa-2x" aria-hidden="true">
				</i>
			</div>
			
  		<div class="scan-text">
				Scan
				<p class="text">
				Your Online Listings for Errors
				</p>
			</div>
			
		</div>
	</div>
	
	<div class="watch bordered">
  	<div class="right-content-padding">
			
			<div class="circle watch-icon">	
				<i class="fa fa-play fa-2x" aria-hidden="true">
				</i>
			</div>

  		<div class="watch-text">
  			Watch
				<p class="text">
					Modern Marketing Made Simple
				</p>
  		</div>
			
  	</div>
	</div>
  
	<div class="download bordered">
		<div class="right-content-padding">

			<div class="circle dl-icon">
				<i class="fa fa-download fa-2x" aria-hidden="true">
				</i>				
			</div>
			
			<div class="dl-text">
				Download
				<p class="text">
  				Search Engine Marketing
  			</p>
			</div>
				
  	</div>
	</div>
  
	<div class="clear">	
	</div>
	
	<div class="clear-two">
		<p>
			<a href="http://adsolutions.yp.com/start-advertising">Ask your YP Marketing Consultant
			</a> about our simple, powerful solutions - or call, 1-800-578-9203
		</p>
	</div>
  
	<div class="get-found bordered">
		<div class="bottom-content-padding">
  		Get Found
  		<p class="text">
  		Dial in your presence and reputation
  		</p>
			<a class="button" href="#">
			Learn More
			</a>
		</div>
  </div>
  
	<div class="drive-leads bordered">
		<div class="bottom-content-padding">
		Drive Leads
  		<p class="text">
  		Turn online searches into opportunities
  		</p>
			<a class="button" href="#">
			Learn More
			</a>
		</div>
  </div>
  
	<div class="expand-reach bordered">
		<div class="bottom-content-padding">
  		Expand Reach
  			<p class="text">
  			Target prospects at home and online
  			</p>
				<a class="button" href="#">
				Learn More
				</a>
			</div>
	</div>
	
	<div class="clear">
	</div>

	<img src="http://i-adsolutions.yp.com/sites/default/files/homepage/yp-certs-member-wall4.jpg">

</div>