<?php get_header(); ?>

                     <div class="col-xs-10" style="float: none;margin: 0 8% 0 8%;">
					 <?php // this is where the Lead Story module begins   
   query_posts('showposts=9&category_name=box-index'); ?>
					 <!--box1-->
					 <?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
					 <div>
   <div id="box-index" class="col-xs-2">
<h6><?php the_field('titr-box'); ?></h6>
<p><?php the_field('matn-box'); ?></p>
<a href="<?php the_permalink() ?>"><h5>Learn More<img src="<?php bloginfo('template_url'); ?>/assets/images/arrow.png" /></h5></a>

   </diV>
   
  <a href="<?php the_permalink() ?>"> <div class="col-xs-2" id="box-img-index"><img src="<?php the_field('aks-box'); ?>" class="img-rounded" alt=""/></diV></a>
   			 
                      </div>
					  <?php endwhile; ?>
<?php endif; ?>
					  <!-- end box1-->
					  
					  </div>
					  <div class="col-xs-10" id="main-content">
					  
					  
					  <div class="col-xs-4" id="main-por">
					  <img src="<?php bloginfo('template_url'); ?>/assets/images/news-paper.png" alt="" />
					  <h3>News</h3>

<div class="box shadow2"> <p> Lorem ipsum dolor sit amet, at sit tation maiestatis efficiendi, doming  Eam ex repudiare liberavisse</p></div>
					  
                          </div>
						    <div class="col-xs-4" id="main-por">
					  <img src="<?php bloginfo('template_url'); ?>/assets/images/calender.png" alt="" />
					  <h3>Events</h3>

<div class="box shadow2"> <p> Lorem ipsum dolor sit amet, at sit tation maiestatis efficiendi, doming  Eam ex repudiare liberavisse</p></div>
					  
                          </div>  <div class="col-xs-4" id="main-por">
					  <img src="<?php bloginfo('template_url'); ?>/assets/images/360.png" alt="" />
					  <h3>Virtual Tours</h3>

<div class="box shadow2"> <p> Lorem ipsum dolor sit amet, at sit tation maiestatis efficiendi, doming  Eam ex repudiare liberavisse</p></div>
					  
                          </div>
						
</div>
    <div class="col-xs-10" id="main-content-zir">
	
		<h5 class="span-col">Special Solutions<img src="<?php bloginfo('template_url'); ?>/assets/images/arrow.png" /></h5>
		<span class="span-col1">Flexible, Customizable, Innovative</span>
	</div>
	
	    <div class="col-xs-10" id="main-content-zir1">	<h5 class="span-col">One step closer to engineers<img src="<?php bloginfo('template_url'); ?>/assets/images/arrow.png" /></h5>	</div>
		    <div class="col-xs-10" id="main-content-zir2">  <h5 class="span-col2">Eco - Friendly & Reduction Cost
<img src="<?php bloginfo('template_url'); ?>/assets/images/arrow.png" /></h5>    </div>
			<div class="col-xs-10" id="main-content-zir3"></div>
			<?php get_footer(); ?>