<!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="services">
        <!--[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="service-content-wrap container">

                <section class="services-cont">
                  

                  {if segment_2 == ""}

                    <div class="services-copy">
                    {exp:channel:entries
                      channel="static_page"
                      disable="categories|category_fields|member_data|pagination|trackbacks"
                      dynamic="on"
                      entry_id="4"
                    }
                     <h1>{title}</h1> 
                     {static_content}
                    {/exp:channel:entries}
                      
                      <a href="/work/" title="See what we have done"><img src="/assets/img/global/see-what-we-have-done.png" alt="" class="swwhd-img"></a>
                      
                    </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="76"
                    }
                    {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>

                  {if:else}

                    <div class="services-copy">
                    {exp:channel:entries
                      channel="services"
                      disable="category_fields|member_data|pagination|trackbacks"
                      dynamic="on"
                    }
                     <h1>{title}</h1> 
                     {services_content}
                    
                      
                      <a href="/work/" title="See what we have done"><img src="/assets/img/global/see-what-we-have-done.png" alt="" class="swwhd-img"></a>
                      
                    </div>
{!-- 


                    {embed="services/service_imgs" cat_id="{categories}{category_id}{/categories}"} --}

                    {!-- {service-imgs} --}

                    
                    <div class="services-images">
                      {embed="services/service_imgs" cat_id="{categories}{category_id}{/categories}"}

                     {!--  {exp:channel:entries
                        channel="work"
                        disable="category_fields|member_data|pagination|trackbacks"
                        dynamic="off"
                        status="Featured|open"
                        category="{categories}{category_id}{/categories}"
                        limit="4"
                      }
                        <img src="{work_feature_image}" alt="round-image" class="service-img">
                        
                      {/exp:channel:entries} --}
                    </div>

                    {/exp:channel:entries}


                  {/if}

                  
                </section>

                <ul class="services-list">
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/graphic-design/" title="">
                          <img src="/assets/img/icons/graphic-design.png" alt="icon">
                        </a>
                      </div>
                      <h3><a href="/services/graphic-design/" title="">Graphic Design</a></h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/online/" title="">
                          <img src="/assets/img/icons/online.png" alt="icon">
                        </a>
                      </div>
                      <h3>Online</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/events/" title="">
                          <img src="/assets/img/icons/events.png" alt="icon">
                        </a>
                      </div>
                      <h3>Events</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/pr/" title="">
                          <img src="/assets/img/icons/pr.png" alt="icon">
                        </a>
                      </div>
                      <h3>PR</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/marketing/" title="">
                          <img src="/assets/img/icons/marketing.png" alt="icon">
                        </a>
                      </div>
                      <h3>Marketing</h3>
                    </li>
                    <li>
                      <div class="icon-wrap">
                        <a href="/services/film/" title="">
                          <img src="/assets/img/icons/film.png" alt="icon">
                        </a>
                      </div>
                      <h3>Film</h3>
                    </li>
                  </ul>

                
              </section>

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



        

        {embed="_includes/_footer_assets"}



    </body>
</html>