index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cofounders.sg</title>
    <meta name="description" content="Technical and design specialists for web products">
	<link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- build:css styles/app.css -->
    <link rel="stylesheet" href="styles/app.css">
	<!-- endbuild -->
</head>
<body>
	<section class="intro" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
	    <article>
	    	<h2>
	    	<mark>If you have a killer idea,</mark><br />
	    	<mark>we have the skills</mark><br />
	    	<mark>to <em>make it happen</em></mark><br />
	    	</h2>
		</article>
	</section>

	<section class="about" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about" class="selected">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<h2>Hello, we're your cofounders!</h2>
			<p>We love building awesome apps. If you have a killer idea, we have the technical skills to make it happen.</p>
		</article>
	</section>

	<section class="discover" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about" class="selected">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<figure>
				<div class="circle a">test</div>
				<div class="circle b"></div>
				<div class="circle c"></div>
			</figure>
			<div class="content">
				<h2>We discover & define</h2>
			</div>
			<div class="clear"></div>
		</article>
	</section>

	<section class="design" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about" class="selected">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<figure>
				<div class="circle a">test</div>
				<div class="circle b"></div>
				<div class="circle c"></div>
			</figure>
			<div class="content">
				<h2>We design</h2>
				<p>We want it just as much as you</p>
			</div>
			<div class="clear"></div>
		</article>
	</section>

	<section class="develop" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about" class="selected">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<figure>
				<div class="circle a">test</div>
				<div class="circle b"></div>
				<div class="circle c"></div>
			</figure>
			<div class="content">
				<h2>We develop</h2>
				<p>It's just that our designer is sleepy</p>
			</div>
			<div class="clear"></div>
		</article>
	</section>

	<section class="support" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about" class="selected">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
				<h2>We support</h2>
				<p>She was working so hard on the last project</p>
		</article>
	</section>

	<section class="team" hidden>
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about">What we do</a>
		    		<a href="#team" class="selected">Our team</a>
		    		<a href="#contact">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<h2>These are the droids you're looking for...</h2>
			<p>And our developer too... I even heard him talking to himself</p>
		</article>
	</section>

	<section class="contact">
		<header>
			<div>
		    	<h1 class="logo">C<span>o</span>founders.sg</h1>
		    	<nav>
		    		<a href="#about">What we do</a>
		    		<a href="#team">Our team</a>
		    		<a href="#contact" class="selected">Get in touch!</a>
		    	</nav>
		    	<div class="clear"></div>
			</div>
	    </header>
		<article>
			<h2>Let's talk</h2>
			<div class="vcard">
				<p>Email us at <a href="mailto:hello@cofounders.sg">hello@cofounders.sg</a>, <br />or come check us out at</p>
				<p>The Hub<br />
				(National Youth Council Academy)<br />
				113 Somerset Road<br />
				Singapore 238165</p>
			</div>
			
			<img src="img/map.jpg" />
		</article>
	</section>

	<footer>
		<div class="copyright">&copy; 2012 Cofounders Pte Ltd</p>
	</footer>

    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.7.2.min.js"><\/script>')</script>

    <!-- scripts concatenated and minified via build script -->
	<!-- build:js js/build.js -->
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
	<!-- endbuild -->
    <!-- end scripts -->

    <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
         mathiasbynens.be/notes/async-analytics-snippet -->
    <script>
        var _gaq=[['_setAccount','UA-32876029-1'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>
</body>
</html>