Docs - Boxes

               
    <div class="col-sm-6 col-lg-6">
        <div class="boxes">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
        </div>
    </div>
 			  
    <!-- box gray -->
              
    <div class="col-sm-6 col-lg-6">
        <div class="boxes-gray">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
        </div>
    </div>
 			   
                 

          
    <!-- large width box border with Buttton & pattern -->
    <div class="col-md-8 text-center">
        <div class="boxes">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
            <a href="#" class="default-btn display-inline">Readmore</a>
              <div class="boxes-pattern">
              	 <div class=pattern-2"></div>
                 <div class=pattern-1"></div>	
        </div>	
        </div>
    </div>
 			  
    <!-- small width box border with Buttton -->
    <div class="col-md-4">
        <div class="boxes">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
            <a href="#" class="line-btn display-inline">Readmore</a>
        </div>
    </div>
 			   
                 

          
    <!--small width box border with Buttton  -->
    <div class="col-md-4 text-center">
        <div class="boxes">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
            <a href="#" class="line-btn display-inline">Readmore</a>
        </div>
    </div>
 			  
    <!-- large width box border with  Buttton -->
    <div class="col-md-8">
        <div class="boxes">
            <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
            <a href="#" class="default-btn display-inline">Readmore</a>
        </div>
    </div>
 			   
                 

          
    <!-- box large width content left & right Buttton  -->
    <div class="col-md-12 gra">
        <div class="boxes-gray">
            <div class="col-1">
                <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h5>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                  Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</p>
            </div>
            <div class="col-2 margin-top-30">
                <a href="#" class="line-btn display-inline">Readmore</a>
                <div class="clr"></div>
            </div>
        </div>
    </div>