<!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="about">
        <!--[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="work-example-grid full-grid">
              {exp:channel:entries
                      channel="image_blocks"
                      disable="category_fields|member_data|pagination|trackbacks"
                      dynamic="off"
                      status="Featured|open"
                      limit="1"
                      entry_id="74"
                    }
                    {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>
                    
                    
                    
                      <div class="work-col3">
                          {exp:ce_img:single src="{image_block:right_image}" alt="slider" width="650" height="350"  min_width="650" min_height="350" crop="yes" allow_scale_larger="yes"}
                      </div>
                      {/image_block}
                    
              {/exp:channel:entries}
              </section>


              <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="5"
                  }
                   <h1>{title}</h1> 
                   {static_content}
                  {/exp:channel:entries}
                </div>

                {!-- <section class="slider">
                  <ul class="bxslider">
                    {exp:channel:entries
                      channel="work"
                      disable="category_fields|member_data|pagination|trackbacks"
                      dynamic="off"
                      status="Featured|open"
                      orderby="random"
                    }
                    <li>
                      {exp:ce_img:single src="{work_feature_image}" alt="slider{count}" width="480" height="320"  min_width="480" min_height="320" crop="yes" allow_scale_larger="yes"}
                      <div class="banner-copy">
                        <h3>{title}</h3>
                        <p>{work_summary}</p>
                      </div>
                    </li>
                      
                    {/exp:channel:entries}
                  </ul>
                </section> --}

                <section class="ethos">
                  <h3>Our Ethos is simple</h3>
                  <p>We provide our clients with a one stop solution for all design, web, print, event and marketing needs. We really value the time we spend with our clients and we have a clear commitment to provide high quality, innovative and creative solutions.</p>
                </section>

                

              </section>

              <section class="our-process white-bg">
                <div class="container">
                  <header class="dotted-title">
                    <h2>Our Process</h2>
                  </header><!-- /header -->
                  <ul class="process-list">
                    <li>
                      <div class="icon-wrap">
                        <img src="/assets/img/icons/listen.png" alt="icon">
                      </div>
                      <h3>We listen</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <img src="/assets/img/icons/research.png" alt="icon">
                      </div>
                      <h3>We research</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <img src="/assets/img/icons/creative.png" alt="icon">
                      </div>
                      <h3>We get creative</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <img src="/assets/img/icons/measure.png" alt="icon">
                      </div>
                      <h3>We measure</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <img src="/assets/img/icons/look-after.png" alt="icon">
                      </div>
                      <h3>We look after you</h3>
                    </li>
                  </ul>
                </div>
              </section>

              <section class="testimonials lblue-bg">
                <div class="container">
                  <header class="dotted-title">
                    <h2>What people say about us</h2>
                  </header><!-- /header -->
                  <span class="testimonial-quote-open"></span>
                  <div class="testimonials-wrap">

                  {exp:channel:entries
                    channel="testimonials"
                    disable="categories|category_fields|member_data|pagination|trackbacks"
                    dynamic="off"
                    require_entry="yes"
                  }

                    <div class="testimonial-item">
                      <blockquote>
                        <p>{testimonial_quote}</p>
                        {if testimonial_name}<p class="author">{testimonial_name}</p>{/if}
                        {if testimonial_company}<p class="company">{testimonial_company}</p>{/if}
                      </blockquote>
                    </div>
                    
                    
                  {/exp:channel:entries}
                    

                  </div>

                  <span class="testimonial-quote-close"></span>

                </div>
              </section>

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



        

        {embed="_includes/_footer_assets"}



    </body>
</html>