<!DOCTYPE html>
<!--[if lt IE 8]>      <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        {exp:seo_lite use_last_segment="yes"}
        <meta name="viewport" content="width=device-width, initial-scale=1">



        {embed="_includes/_header_assets"}

    </head>
    <body class="home">
        <!--[if lt IE 8]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

       

        
        <section class="main">

              {embed="_includes/_header"}

              <section class="feature-banner container">
                <div class="main-copy">
                {exp:channel:entries
                    channel="static_page"
                    disable="categories|category_fields|member_data|pagination|trackbacks"
                    dynamic="on"
                    entry_id="3"
                  }
                   <h2>{title}</h2> 
                   {static_content}
                  {/exp:channel:entries}
                </div>

                <section class="work-example-grid half-grid">
              {exp:channel:entries
                      channel="image_blocks"
                      disable="category_fields|member_data|pagination|trackbacks"
                      dynamic="off"
                      status="Featured|open"
                      limit="1"
                      entry_id="75"
                    }
                    {image_block orderby="random" limit="1"}
                    <div class="work-col1">
                      
                        {exp:ce_img:single src="{image_block:left_image}" alt="slider" width="320" height="300"  min_width="320" min_height="300" crop="yes" allow_scale_larger="yes"}
                    </div>
                    
                    
                    <div class="work-col2">
                      <div class="work-row1">
                          {exp:ce_img:single src="{image_block:middle_image_1}" alt="slider" width="520" height="150"  min_width="520" min_height="150" crop="yes" allow_scale_larger="yes"}
                      </div>
                    
                    
                      <div class="work-row2">
                          {exp:ce_img:single src="{image_block:middle_image_2}" alt="slider" width="520" height="150"  min_width="520" min_height="150" crop="yes" allow_scale_larger="yes"}
                      </div>
                    </div>
                    
                    
                      {/image_block}
                    
              {/exp:channel:entries}
              </section>

              </section>

              <section class="how-can-we-help white-bg">
                <div class="container">
                  <header class="dotted-title">
                    <h2>How can we help?</h2>
                  </header><!-- /header -->
                     {exp:channel:categories channel="services" category_group="1" class="services-list"}
                        <div class="icon-wrap">
                          <a href="/services/{category_url_title}/" title="">
                            <img src="{category_image}" alt="icon">
                          </a>
                        </div>
                        <h3>{category_name}</h3>
                        {!-- {if category_description}<p>{category_description}</p>{/if} --}
                    {/exp:channel:categories}
                    
                </div>
              </section>

              {!-- <section class="latest-projects lblue-bg">
                <div class="container">
                  <header class="dotted-title">
                    <h2>See what we can do</h2>
                  </header>
                  <div class="tabs">
                    <nav class="tab-nav">
                      <ul>
                        <li><a href="#featured" title="Tab" class="tablink">Featured</a></li>
                        {exp:channel:categories channel="services" category_group="1" class="services-list" style="linear"}
                          <li><a href="/services/{category_url_title}/" class="tablink">{category_name}</a></li>
                        {/exp:channel:categories}
                      </ul>
                    </nav>
                    <div class="tab-panel" id="featured">
                      <ul>
                      {exp:channel:entries
                          channel="work"
                          disable="category_fields|member_data|pagination|trackbacks"
                          dynamic="off"
                          status="Featured"
                          limit="4"
                      }
                        <li>
                            <img src="{work_feature_image}" class="latest-project-img" />
                            <div class="proj_info">
                                <h3><a href="#{url_title}" title="" class="fancybox" rel="gallery">{title}</a></h3>
                                <p class="service_provided">{categories  backspace="2"}{category_name}, {/categories}</p>
                                <p class="proj_desc">{work_summary}</p>
                            </div>
                            <div id="{url_title}" class="lbinline">
                              {if work_lightbox_image_orientation == "Column"}
                                {work_lightbox_images}
                                <div class="lb-col">
                                  {exp:ce_img:single src="{work_lightbox_images:work_lightbox_image}" max_height="600"}
                                </div>
                                {/work_lightbox_images}
                              {if:else}

                                <div class="lb-col-double">
                                  {work_lightbox_images}
                                    <img src="{work_lightbox_images:work_lightbox_image}" >
                                  {/work_lightbox_images}
                                </div>
                                
                              {/if}
                              <div class="lb-col lb-txt">
                                <h2>{title}</h2>
                                {if work_subtitle}<h3>{work_subtitle}</h3>{/if}
                                {work_content}
                              </div>
                              
                            </div>
                        </li>
                          
                      {/exp:channel:entries}
                      </ul>
                    </div>
                    
                  </div>
                </div>
              </section> --}

              
              {embed="_includes/_footer"}
              
                
            </section>
            <!-- main end -->



        

        {embed="_includes/_footer_assets"}



    </body>
</html>