theatomicdude footer

        <?php $two2_option = two2_get_global_options(); ?>

        </section> <!--section#work-detail-wrapper-->

        <section id="works" class="work-launcher">
        <?php if($two2_option['two2_projects_orderby']=='menu_order'){ $order='asc'; } else { $order='desc'; } $works_query = new WP_Query('post_type=portfolio&posts_per_page=-1&orderby='.$two2_option['two2_projects_orderby'].'&order='.$order); if($works_query->have_posts()){ ?>
<div class="flexslider">
        <ul id="thumbs" class="slides">
            <?php while($works_query->have_posts()){ $works_query->the_post(); $term_slugs = two2_get_post_terms_slugs('portfolio_type');
            $showFeat = false;
            if(get_post_meta($post->ID, 'project_featured_image', true)==1){ $jumpFeat = false; } else { $jumpFeat = true; }
            $project_images = two2_get_project_media('thumbnail', 'large_slideshow', $jumpFeat);

            /* Only for lightbox layout mode */
            if($two2_option['two2_main_layout']=='layout-2'){
                if(count($project_images)>1){
                    $prettyPhoto_cat = 'prettyPhoto[campaign-'.$post->ID.']';
                } elseif(count($term_slugs)>0){
                    $prettyPhoto_cat = 'prettyPhoto['.implode(' ',$term_slugs).']';
                } else {
                    $prettyPhoto_cat = 'prettyPhoto';
                }
            }
            ?>
            <li <?php post_class('thumb'); ?>><a<?php if($two2_option['two2_main_layout']=='layout-2'){ ?> data-gal="<?php print $prettyPhoto_cat; ?>"<?php } ?> href="<?php if($two2_option['two2_main_layout']=='layout-2'){ print two2_get_media_link($project_images[0]); } else { the_permalink(); } ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('post-thumbnail', array('alt' => get_the_title(), 'title' => get_the_title())); ?></a>

            <?php /* Only for lightbox layout mode */
            if($two2_option['two2_main_layout']=='layout-2' && count($project_images)>1){ ?>
            <div class="campaign">
                <?php $i=0; foreach($project_images as $project_image){ $i++; if($i==1){ continue; } else { ?>
                <a title="<?php the_title(); ?> // <?php _e("Image","two"); ?> <?php print $i; ?>" data-gal="prettyPhoto[campaign-<?php print $post->ID; ?>]" href="<?php print two2_get_media_link($project_image); ?>"></a>
                <?php } } ?>
            </div>
            <?php } ?>
            </li>
            <?php } ?>
        </ul>
</div>
        <?php } ?>

        </section><!--end section#works-->
    </div><!--end div#thumbwrapper-->

    <!-- content block -->
</div><!--end div#wrapper-->
<?php if ( is_home() ) { ?>
<section id="work-detail-wrapper" style="display: block; height: 400px; width: 100%">
  <div class="item-wrapper" style="opacity: 1">
    <div class="section" id="about">
      <div class="section-wrapper scrollable jspScrollable" style="left: 8%;top: 6%;overflow-x: hidden; overflow-y: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 43%;display:inline; position: absolute;" tabindex="0">
        <!--end div#scrollbar-->
        <div class="jspContainer" style="width: 800px; height: 487px">
          <div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 4px; width: 796px; top: -10px">
            <div class="section-content">
              <div class="viewport">
                <div class="overview">
                  <div class="content">
                    <h2 class="claim">What is Onthemouse?</h2>
                    <p style="width:100%">OnTheMouse Studios is a creative agency that specializes in Branding and Identity. OnTheMouse is not your typical agency, but a group of designers that operate as a set of smaller teams, our developers, graphic designers and VFX artists collaborate from across Canada. Clients almost never see all artists/developers that work on their project, most client interaction are done completely online. OnTheMouse offers a very transparent process with very little, if any payment required upfront. We have an established track record, having worked with several large companies in successfully establishing their brand identity. We have also worked with several smaller companies in creating their web and print media. <a href="http://onthemouse.com/about-us/" class="homelink">Learn More</a></p>
                  </div>
                </div>
                <!--end div#content-->
              </div>
              <!--end div#overview-->
            </div>
            <!--end div#viewport-->
          </div>
        </div>
        <div class="jspVerticalBar" style="display: none">
          <div class="jspCap jspCapTop"></div>
          <div class="jspTrack" style="height: 417px">
            <div class="jspDrag" style="height: 121px; top: 2.88px">
              <div class="jspDragTop"></div>
              <div class="jspDragBottom"></div>
            </div>
          </div>
          <div class="jspCap jspCapBottom"></div>
        </div>
      </div>
      <div class="section-wrapper scrollable jspScrollable" style="left: 54%;top: 6%;overflow-x: hidden; overflow-y: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 40%; display:inline; position:absolute;" tabindex="1">
        <!--end div#scrollbar-->
        <div class="jspContainer" style="width: 800px; height: 417px">
          <div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 4px; width: 796px; top: -10px">
            <div class="section-content">
              <div class="viewport">
                <div class="overview">
                  <div class="content">
                  <h2 class="claim"></h2>
                    <p style="padding-top:25px;width:100%;font-family: Dosis;font-size: 2.0em;line-height: 1;color: #444444;">&ldquo;NOT YOUR TYPICAL AGENCY, BUT A GROUP OF DESIGNERS THAT OPERATE AS A SET OF SMALLER TEAMS &ndash; OUR DEVELOPERS, GRAPHIC DESIGNERS AND VFX ARTISTS COLLABORATE FROM ACROSS CANADA.&rdquo;</p>
                  </div>
                </div>
                <!--end div#content-->
              </div>
              <!--end div#overview-->
            </div>
            <!--end div#viewport-->
          </div>
        </div>
        <div class="jspVerticalBar" style="display: none">
          <div class="jspCap jspCapTop"></div>
          <div class="jspTrack" style="height: 417px">
            <div class="jspDrag" style="height: 121px; top: 2.88px">
              <div class="jspDragTop"></div>
              <div class="jspDragBottom"></div>
            </div>
          </div>
          <div class="jspCap jspCapBottom"></div>
        </div>
      </div>
    </div>
    <!--end div#scrollable-->
  </div>
  <!--end div.section-content-->
</section>
<?php } ?>
<?php wp_footer(); ?>

</body>

</html>