<!--

Copyright 2011, Fresh Interactive LLC.


        ZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
      ZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
     ZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZ                                                                                    ZZZZZZZZZZ                                
    ZZZZZZZZZ                                                                                     ZZZZZZZZZZ                                
    ZZZZZZZZZ                                 $ZZZZZZZZZZ8                  8ZOZZZZZZZOZ8         ZZZZZZZZZZ  NZOZZZZZOZ                    
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZO8      NZZZZZZZZZZZZZZZZZ$            OZZZZZZZZZZZZZZZZZO      ZZZZZZZZZZDZZZZZZZZZZZZZZ                 
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8 NZZZZZZ8    OZZZZZZZZZZZZZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZZZZZZZZZZZZZZZZD               
ZZZZZZZZZZZZZZZZZZZZZZZZZZD ZZZZZZZ8   OZZZZZZZZZZZZZZZZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZO   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZ              
OOZZZZZZZZZZZZOOZZZZZZZZZZDZZZZZZZZ8 OZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ$N NZZZZZZZZZZZ   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZN             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZZZZ      ZZZZZZZZZZZZ   ZZZZZZZZZ      NZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZN          ZZZZZZZZZZZ  ZZZZZZZZZN      8888888888  ZZZZZZZZZZZD      8ZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZD    ZZZZZZZZZZ             ZZZZZZZZZZ  ZZZZZZZZZOZ$                ZZZZZZZZZZD        ZZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZZ      ZZZZZZZZZZ$ZZZZZZZZZZZZZOZZZZZZZZZ ZZZZZZZZZZZZZZZOZ8          ZZZZZZZZZZ          OZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      8ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZOZ      ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    $ZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZD  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZ                                     ZZZZZZZZZZZZZZZ  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZ                                        NOZZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZZ           OZZZZZZZZZZ OOOOOOOOOO        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ        ZZZZZZZZZZZO        ZZZZZZZZZZZ  ZZZZZZZZZZ        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZZZZZZZZ    NZOZZZZZZZZN ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ          ZZZZZZZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZOZZZZZZZZZZZZZO  ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ           8ZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZZZZZZ   ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ             ZZZZZZZZZZZZZZZZZZZZZ           ZZZZZZZZZZZZZZZZZZZOO    ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ                ZZOZZZZZZZZZZOZO               $ZZZZZZZZZZZZZZZD      ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
                                                N$ZZOZ8                        NZZOZZZD                                                     
                                                                                                                                            

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fresh Interactive // Our Work // American Board Assembly</title>
<link href="/favicon.ico" rel="defaultcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/styles/global.css" />
<link rel="stylesheet" type="text/css" href="/styles/work.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="/js/css3.js"></script>
<script src="/js/jquery.quicksand.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/js/main.js"></script>
<script src="/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/mosaic.1.0.1.min.js"></script>
<script>
	$(document).ready(function() {
	   $('#slideshow').cycle({ 
			fx:     'scrollHorz', 
			prev:   '#prev1', 
			next:   '#next1', 
			timeout: 0 
		});
	});
</script>
<script>
	$(function() {
		
		
		$('.home_thumb').mosaic({
					animation	:	'slide'
				});
		
		$('.home_thumb').hover(function() {
				$(this).children().children('.fullink').css({'border':'3px solid #7cbc00','position':'relative', 'background-position':'-3px -3px'});						
										}, 
  function () {
    $(this).children().children('.fullink').css({'border':'0px','position':'relative', 'background-position':'0px 0px'});			
  });
	});
	</script>
<script type="text/javascript" src="http://use.typekit.com/dwt3vpc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
.lcol {
    float: left;
    width: 650px;
}
.rcol {
    border-left: 1px solid #DEDEDE;
    float: left;
    height: auto;
    margin-left: 49px;
    margin-top: 90px;
    width: 260px;
}
.indented-col {
    margin-left: 33px;
    margin-top: -20px;
}
.testimonial-col{
 background: none repeat scroll 0 0 #C5C4C4;
    color: white;
    margin-bottom: 50px;
    margin-top: 40px;
    min-height: 160px;
    padding: 20px;	
}
.indented-col ul {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}


.content-info
{
	margin-bottom:50px;	
}
.content-info p
{
	font-size:15px;
	margin-top:0;
}
.content-info h3
{
	font-size:15px;font-weight:bold;
	
}
.work_thumb{border: 1px solid;float: left; height: 180px;margin-bottom: 27px; margin-right: 27px; width: 300px;}
.norightmargin
{
	margin-right:0;
}
.nav_button{
	margin-top: 195px;
    width: 24px;
	cursor:pointer;
	}
.slide{width:560px; text-align:center;}
</style>
</head>
<body class="our-work">
	<div style="display:none"></div>
<div id="header" class="clearfix">
    	<div id="navbar">
        	<h1 class="logo"><a href="/">Fresh Interactive Design and Web Development</a></h1>
            <ul id="nav">
            	<li id="our-work" class="active"><a href="/our-work">Our Work</a></li>
                <li id="news" ><a href="/news">News</a></li>
                <li id="about" ><a href="/about">About</a></li>
                <li id="partnerships" ><a href="/partnerships">Partnerships</a></li>
                <li id="contact" ><a href="/contact">Contact</a></li>
                <div class="downarrow DAour-work"></div>
            </ul>
        </div>
    </div>    <div id="home-hero">
    </div>
	<div id="container" class="clearfix">
    	<div id="hero" class="clearfix">
    	<div class="lcol">
			<div class="col-content">
            	<h1>American Board Assembly</h1>
                <p>
                One of the leading electronic board manufacturers in the country, ABA needed an online home that would showcase their unique abilities.  We incorporated virtual tours of their facilities, RSS feeds and a blog to really breakdown the barriers and allow for more transparency with their prospective clients.  The results have been incredible, with the client saying that the site now works for them and generates a tremendous amount of new leads.  Which was never the case over the past 15 years they've been in business.                </p>
            </div>  
            <div class="col-content">
            	<div class="nav_button" id="prev1" style="float:left;"><img src="../media/img/home/left_slide_small.png"></div>				 <div id="slideshow" style="float:left; width:560px;height:350px;margin:50px 20px 90px;">                 	<div class="slide"><img src="/media/img/work/work_main/aba.jpg" /></div>                    <div class="slide"><img src="/media/img/work/work_main/aba2.jpg" /></div>                                    </div>
                <div class="nav_button" id="next1" style="float:right;"><img src="../media/img/home/right_slide_small.png"></div>			</div>
                
    	</div>
        
        <div class="rcol">
			<div class="col-content">
            	<div class="indented-col">
                    <h2>Corporate Website</h2>
                    <p class="subtitle">Services</p>
                    <ul>
<li>Brand and Logo Design</li>
<li>Web Design and Development</li>
<li>Search Engine Optimization</li>
<li>Lead Management</li>
<li>Search Engine Marketing</li>
<li>360&deg; Tour Integration</li>
<li>Company Photoshoot</li>
<li>Custom Wordpress Theme</li>
</ul> 
                                       <p class="subtitle">Under the Hood</p>
                    <ul>
<li>jQuery Framework</li>
<li>LAMP Development</li>
<li>Wordpress Development</li>
</ul>                                        <p class="subtitle">Visit the Website</p>
                    <div class="view_site">
                        <a href="http://www.americanboard.com" target="_blank">www.americanboard.com</a>
                    </div>
                                    </div>
                <div class="testimonial-col">
                	<p>
                	     "Working with Fresh has been a creative rush! They made it effortless for us and we now have a website that finally 'works' for us.
                    </p>
                    <p> - Gene DiFabritis <br/>
President, American Board Assembly </p>
                </div>            </div>
        </div>  
       </div>  <!--ends hero-->
       <div style="clear:both;"></div>
       
       <div class="simprojects">
       		<h2>similar projects.</h2>
            <div class="home_thumb">
                	<a href="/our-work/dean-distributors"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Dean Distributors</div>
                           Corporate Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/dean_thumb.jpg);"><a class="fullink" href="/our-work/dean-distributors"></a></div>
                </div><div class="home_thumb">
                	<a href="/our-work/starbox"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Starbox, Inc.</div>
                           Corporate Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/starbox_thumb.jpg);"><a class="fullink" href="/our-work/starbox"></a></div>
                </div><div class="home_thumb norightmargin">
                	<a href="/our-work/hosokawa-us"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Hosokawa</div>
                           US Corporate Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/hmps_thumb.jpg);"><a class="fullink" href="/our-work/hosokawa-us"></a></div>
                </div>       		
       </div>
       
       </div>
	</div>
 </div>  
    <div id="footer">
    	<div class="content clearfix">
        	<div id="footer-left">
            	<h2 class="logo-footer">Fresh Web Design Development Los Angeles</h2>
                &copy;2012 Fresh Interactive, LLC
            </div>
            <div id="footer-mid">
            	<ul class="left-list">
                	<li><a href="/">Home</a></li>
                	<li><a href="/our-work">Our Work</a></li>
                    <li><a href="/news">News</a></li>
                    <li><a href="/about">About Us</a></li>
                </ul>
                <ul class="right-list">
                	<li><a href="/careers">Careers</a></li>
                    <li><a href="/partnerships">Partnerships</a></li>
                    <li><a href="/blog">Blog</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </div>
            <div id="footer-right">
            	3019 Olympic Blvd.<br/>
				Studio D<br/>
				Santa Monica, CA 90404<br/>
				866.865.3041
				<p><a href="mailto:info@freshiscool.com">info@freshiscool.com</a></p>
            </div>
            <div class="footer-contact">
            	<div class="clearfix"><a class="social facebook" href="http://www.facebook.com/freshinteractive" target="_blank"></a><a class="social twitter" href="http://twitter.com/freshinteractiv" target="_blank"></a><a class="social linkedin" href="http://www.linkedin.com/company/fresh-interactive/" target="_blank"></a><a class="social youtube" href="http://www.youtube.com/freshinteractive1" target="_blank"></a><a class="social pinterest" target="_blank" href="http://www.pinterest.com/freshpins"></a></div>
                <p>Get Our Newsletter<br /><div id="newsform"><form id="newsletter">
                <input class="newsletter-email" name="email" value="Email" /><input type="submit" class="newsletter-submit" />
                </form></div>
                </p>
            </div>
        </div>
</div>

<script>
$('.newsletter-email').focus(function(){
									  $(this).val("");
									  });
$('.newsletter-email').blur(function(){
									 if($(this).val() == "") {
										 $(this).val("Email");
									 }
									  
									  });

  /* attach a submit handler to the form */
  $(".newsletter-submit").click(function(event) {

    
    /* get some values from elements on the page: */
   
      var  email = $( '.newsletter-email' ).val();

   var dataString = 'email=' + email;  
//alert (dataString);return false;  
$.ajax({  
  type: "POST",  
  url: "/lib/join_newsletter.php",  
  data: dataString,  
  success: function() {  
    $('#newsform').html("Thanks for signing up!");  
   
  }  
});  
return false; 
  });
</script>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7372893-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>