<!--

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 // Biotropics</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>
	$(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>Biotropics</h1>
                <p>
                Tasked with the development end of this project, we implemented the Magento ecommerce platform to help Ramuan easily manage inventory and update the product information.  The colorful and sleek design combined with the quick checkout process allows for a positive user experience all around.                </p>
            </div>  
            <div class="col-content">
            					                	<div style="width:560px;height:350px;margin-left: 35px;margin-bottom:90px; margin-top:50px;">
                                	<div class="slide"><img src="/media/img/work/work_main/ramuan.jpg" /></div>                                                        </div>
                			</div>
                
    	</div>
        
        <div class="rcol">
			<div class="col-content">
            	<div class="indented-col">
                    <h2>Ramuan Superchews Microsite</h2>
                    <p class="subtitle">Services</p>
                    <ul>
<li>Web Development</li>
<li>E-Commerce Integration</li>
<li>Custom Fulfillment Functions</li>
</ul> 
                                       <p class="subtitle">Under the Hood</p>
                    <ul>
<li>Magento Development</li>
<li>PHP and MySQL</li>
</ul>                                        <p class="subtitle">Visit the Website</p>
                    <div class="view_site">
                        <a href="http://biotropicsus.com/store/superchews/ " target="_blank">biotropicsus.com/store/superchews/ </a>
                    </div>
                                    </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/west-coast-lacrosse"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">West Coast Lacrosse</div>
                           Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/wcl_thumb.jpg);"><a class="fullink" href="/our-work/west-coast-lacrosse"></a></div>
                </div><div class="home_thumb">
                	<a href="/our-work/frostings-cupcakes"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Frostings Cupcakes</div>
                           Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/frostings_thumb.jpg);"><a class="fullink" href="/our-work/frostings-cupcakes"></a></div>
                </div><div class="home_thumb norightmargin">
                	<a href="/our-work/flex-table"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">FlexTable</div>
                           Retail Site
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/flex_thumb.jpg);"><a class="fullink" href="/our-work/flex-table"></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>