	  <!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Looking for an experienced web agency to help your company increase website traffic, leads or sales? Clearfire can assist you with improved digital marketing strategy and execution." />
        <title>Clearfire Web Strategy Design &amp; Development Agency</title>
    
    <script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
	<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("/retinaimages.php?devicePixelRatio=2")}</style></noscript>
    
	<!-- Start Visual Website Optimizer Asynchronous Code -->
	<script type='text/javascript'>
	var _vwo_code=(function(){
	var account_id=137171,
	settings_tolerance=2000,
	library_tolerance=2500,
	use_existing_jquery=false,
	// DO NOT EDIT BELOW THIS LINE
	f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
	</script>
	<!-- End Visual Website Optimizer Asynchronous Code -->
    
    <link rel="stylesheet" href="/assets/css/foundation.min.css">
    <link rel="stylesheet" href="/assets/css/animate.css">
    <link rel="stylesheet" href="/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/css/prism.css">
    <link rel="stylesheet" href="/assets/css/main.css">
    
    <script src="/assets/js/vendor/modernizr.js"></script>
  </head>
  <body>
		<header id="header">
		  <div class="row">
				<div class="large-12 columns">
					<a href="/" id="logo">Clearfire</a>
					<aside class="show-for-large-up">
						<nav>
							<ul>
								<li><a href="/" class="active">Home</a></li>     
								<li><a href="/who-we-are" >Who We Are</a></li>       
								<li><a href="/what-we-do" >What We Do</a></li>       
								<li><a href="/our-work" >Our Work</a></li>       
								<li><a href="/for-agencies" >For Agencies</a></li>
							</ul>
						</nav>
						<a href="/contact" class="button round small"><i class="fa fa-envelope-o fa-lg"></i> CONTACT US</a>
					</aside>
					<a id="mobile-nav-opener" class="hide-for-large-up"></a>
				</div>	  
		  </div>
	  </header>
	  
	  <nav id="mobile-nav">
		  <ul>
				<li><a href="/">Home</a></li>       
			  	<li><a href="/who-we-are">Who We Are</a></li>        
				<li><a href="/what-we-do">What We Do</a></li>        
				<li><a href="/our-work">Our Work</a></li>        
				<li><a href="/for-agencies">For Agencies</a></li>        
				<li><a href="/contact">Contact</a></li> 
			</ul>
	  </nav>	  
	  <div id="slider">
		  <div class="slide">
			  <img src="/assets/img/slide.jpg" alt="slide" width="1800" height="481" class="img">
			  <div class="text">
				  <div class="row">
					  <div class="large-6 medium-6 columns">
						  <h1>We helped Cline Cellars launch their new brand.</h1>
						  <p class="hide-for-medium-only">In 2014, Cline revamped their brand with new bottle labels, packaging and marketing materials. Clearfire was hired to extend the new brand to Cline's aging website. The result is an engaging user experience that works beautifully on any&nbsp;device.</p>
						  <a href="/our-work" class="more">Find out how we did it <i class="fa fa-arrow-right"></i></a>&nbsp;&nbsp;
						  <a href="/contact" class="more">Start your project <i class="fa fa-arrow-right"></i></a>
					  </div>
					  <div class="large-6 medium-6 columns">
						  <img src="/assets/img/ipad-cline.png" alt="Cline Cellars Website Design and Development" width="516" height="400" class="wow fadeInRight hide-for-small-only" data-wow-delay="0.5s">
					  </div>
				  </div>
			  </div>
		  </div>
	  </div>
	  
	  <div id="main">
		<div class="row">
			<div class="large-12 columns">
				<h2>Strategic consulting. Smart design. Robust applications.</h2>
				<!-- <h3>Turn your website into your hardest working resource.</h3> -->
			</div>
		</div>
		<div class="row">
			  <div class="large-10 large-centered columns">
				  <p>We expertly meld strategy, design, and technology to positively impact the success of your online marketing.<br>We are web professionals who value relationships and results above all.</p>
				 <a href="/who-we-are" class="button outline round">Find Out More About Clearfire</a>
			  </div>
		  </div>
	  </div>

	  <div id="expertise">
		  <div class="row">
			  <div class="large-12 columns">
				  <h2>Our Expertise</h2>
				  
				  <ul class="large-block-grid-3">
					 <li class="">
					 	<a href="/what-we-do">Digital Strategy &amp; Consulting</a>
					 	<p>To solve a problem, it must be defined and understood. We excel at researching, scoping and steering projects in a manner that reveals both opportunities and&nbsp;risks.</p>
					 </li>
					 <li class="">
					  	<a href="/what-we-do">Content Strategy &amp; Copywriting</a>
					  	<p>Speaking directly to your audience is vital to communicating effectively on the web. We create purposeful content that increases goal conversions and SEO&nbsp;performance.</p>
					  </li>
					<li class="">
					 	<a href="/what-we-do">Web Applications &amp; Development</a>
					 	<p>Our developers use lean, efficient coding techniques and established best practices to build solid functionality on small or application-level&nbsp;scale.</p>
					 </li>
					 <li class="">
					 	<a href="/what-we-do">Custom Website &amp; UI Design</a>
					 	<p>Clean, handsome design and smart information architecture helps turn your visitors into customers. The result of our design process will elevate your brand and delight your&nbsp;audience.</p>
					 </li>
					 <li class="">
					 	<a href="/what-we-do">Content Management Systems (CMS)</a>
					 	<p>Clearfire is a long-time industry-recognized leader in both simple and highly customized development of ExpressionEngine and Craft content management&nbsp;systems.</p>
					 </li>
					 <li class="">
					 	<a href="/what-we-do">Email Campaign Marketing</a>
					 	<p>Put your brand in front of your customers regularly with targeted HTML email campaigns. Our feature-rich system makes building emails and tracking your success&nbsp;enjoyable.</p>
					 </li>
				  </ul>
				  
				  <a href="/what-we-do" class="button outline round">Learn More About What We Do</a>
			  </div>
		  </div>
	  </div>
  
	  <div id="clients">
		  <div class="row">
			  <div class="large-12 columns">
				  <img src="/assets/img/statefarm.png" alt="statefarm" width="208" height="86">
				  <img src="/assets/img/logo-cline.png" alt="cline" width="170" height="86">
				  <img src="/assets/img/gcx.png" alt="gcx" width="134" height="86">
				  <img src="/assets/img/afni.png" alt="afni" width="104" height="86">
				  <img src="/assets/img/logo-cu-boulder.png" alt="university of colorado" width="102" height="86">
			  </div>
		  </div>
	  </div>
	  
	  		
		<footer id="footer">		
			<div class="row">
				<div class="large-8 columns">
					<nav class="hide-for-small">
						<ul>
						<li><a href="/">Home</a></li>       
						<li><a href="/who-we-are">Who We Are</a></li>        
						<li><a href="/what-we-do">What We Do</a></li>        
						<li><a href="/our-work">Our Work</a></li>        
						<li><a href="/for-agencies">For Agencies</a></li>        
						<li><a href="/contact">Contact Us</a></li> 
						</ul>
					</nav>
					<p class="copyright">&copy;2015 Clearfire, Inc. All rights reserved &middot;
						<a href="/springfield-illinois-web-design">Springfield Illinois Web Design</a> &middot; <a href="/novato-california-web-design">Novato California Web Design</a></p>
				</div>
				<div class="large-4 columns">
					<a href="/contact" class="button round">Lets Get Started!</a>
				</div>
			</div>
		</footer>
		
		<script src="/assets/js/vendor/jquery.js"></script>
		<script src="/assets/js/vendor/wow.min.js"></script>
		<script src="/assets/js/foundation.min.js"></script>
		<script src="/assets/js/vendor/parsley.min.js"></script>
		<script src="/assets/js/vendor/prism.js"></script>
		<script src="/assets/js/main.js"></script>
		<script>
			$(document).foundation();
		</script>

		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		  ga('create', 'UA-1932067-3', 'auto');
		  ga('require', 'displayfeatures');
		  ga('send', 'pageview');

		</script>  </body>
</html>
