 <style>
.greenline:hover {
	outline: 3px solid #01A23D;
	opacity: .7;
	 }
	 
	.titleimage {
		background-image: url (http://graceakhrem.com/wpdev/wp-content/uploads/2015/09/UT13-250x250.jpg);
		 height: 100vh;
		}

	 </style>
 
 <div class="container">
 
   <div class="row">
  <div class="col-md-4">
 	
    <div class="titleimage">

 <h2><span>Name of Pattern</span></h2>
   </div>
   </div>
  
  <div class="col-md-4">
 
 <img src="http://graceakhrem.com/wpdev/wp-content/uploads/2015/09/UT13-250x250.jpg" class="img-responsive greenline" alt="Responsive image" style="width:100%; height:auto;" width="250" height="250">
   

  </div>
  <div class="col-md-4">
 
 <img src="http://graceakhrem.com/wpdev/wp-content/uploads/2015/09/UT13-250x250.jpg" class="img-responsive greenline" alt="Responsive image" style="width:100%; height:auto;" width="250" height="250">
   

  </div>
  </div>
 
 <hr>
 
 
  
<div class="row" style="text-align:center;" >
        <div class="col-lg-4">
          <img class="img-circle" src="http://graceakhrem.arthurontman.com/wp-content/uploads/2015/10/yarnicon3.gif" alt="Generic placeholder image" width="140" height="140">
          <br>
          <h2>Workshops</h2>
          <p>For a complete list of all available workshops please email, <span style="color: #339966;"><strong>Me@GraceAkhrem.com</strong></span></p>
        <p><a class="btn btn-default" href="mailto:me@graceakhrem.com" role="button">Email Grace</a></p>
        </div>
        
        <div class="col-lg-4">
          <img class="img-circle" src="http://graceakhrem.arthurontman.com/wp-content/uploads/2015/10/yarnicon1.gif" alt="Generic placeholder image" width="140" height="140">
          <h2>Newsletter</h2>
          <p>To find out about new patterns, special events and sales join my newsletter!</p>
          <p><a onclick="javascript:_gaq.push(['_trackPageview', '/out/visitor.r20.constantcontact.com/d.jsp?llr=palkgckab&amp;p=oi&amp;m=1110322785295&amp;sit=s8hdtvahb&amp;f=e6ed04de-d048-40a5-a401-f71a2508b23b']);" class="btn btn-default" href="http://visitor.r20.constantcontact.com/d.jsp?llr=palkgckab&amp;p=oi&amp;m=1110322785295&amp;sit=s8hdtvahb&amp;f=e6ed04de-d048-40a5-a401-f71a2508b23b" role="button">Subscribe</a></p>
        </div>
        
        <div class="col-lg-4">
          <img class="img-circle" src="http://graceakhrem.arthurontman.com/wp-content/uploads/2015/10/yarnicon2.gif" alt="Generic placeholder image" width="140" height="140">
          <h2>Patterns</h2>
          <p>View a wide variety of knitting patterns created by Grace Akhrem.</p>
          <p><a class="btn btn-default" href="#" role="button">View Patterns</a></p>
        </div>
      </div>
  
  
 <hr>

  <div class="row">
[lptw_recentposts layout="grid-medium" post_type="post" link_target="self" fluid_images="true" height="400" featured_height="400" min_height="0" space_hor="10" space_ver="10" columns="4" order="DESC" orderby="date" posts_per_page="4" post_offset="0" reverse_post_order="false" exclude_current_post="false" color_scheme="light" override_colors="false" background_color="#4CAF50" text_color="#ffffff" excerpt_show="true" excerpt_lenght="35" ignore_more_tag="false" read_more_show="true" read_more_inline="true" read_more_content="Read more →" show_date_before_title="true" show_date="true" show_time="true" show_time_before="true" show_subtitle="true" date_format="M j, Y" time_format="g:i a" no_thumbnails="hide"]
  </div>
  </div>
  





