cool website

Gruntfile.js

@@ -47,7 +47,7 @@ module.exports = function(grunt) {
         options: {
           key: process.env.awsk,
           secret: process.env.awss,
-          bucket: 'cnvrtapp.com'
+          bucket: 'getconvert.com'
         },
         sync: [
           {

assets/html/index.html

@@ -10,6 +10,10 @@
 		<meta name="description" content="">
 		<meta name="viewport" content="width=device-width">
 
+		<!--[if lt IE 9]>
+			<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script>
+		<![endif]-->
+
 		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 		<link rel="stylesheet" href="css/960.css">
 		<link rel="stylesheet" href="css/main.css">
@@ -20,172 +24,75 @@
 		<![endif]-->
 
 		<!-- Add your site or application content here -->
-		<nav id="nav">
-			<div class="fader container_12">
-				<div id="logo" class="empty grid_3">
-					CNVRT
-				</div>
-				<ul id="links" class="grid_8">
-					<a href="#"><li class="get">Get CNVRT</li></a>
-					<a href="studies.html" target="_blank"><li>Case studies</li></a>
-				</ul>
-			</div>
-		</nav>
-		<div id="hero" class="fullpage">
-			<div id="herocontainer" class="container_12">
-				<div class="container">
-					<h1 class="grid_12">
-						Increase your <span class="subject"></span><span class="underscore">_</span>
+		<section class="flagship">
+			<div class="container_12">
+				<nav class="grid_12">
+					<h1 class="logo">
+						better
 					</h1>
-					<div class="grid_12">
-						<div class="mac">
-							<div class="uibutton red"></div>
-							<div class="uibutton yellow"></div>
-							<div class="uibutton green"></div>
-							<div class="uibutton white"></div>
-							<div class="window">
-								<div class="logo">
-									<i>b</i><i>i</i><i>k</i><i>e</i><i>shop</i>
-								</div>
-								<div class="itemcontainer">
-									<img src="img/bike.png">
-									<div class="rightblock">
-										<div class="line"></div>
-										<div class="line"></div>
-										<div class="line"></div>
-										<div class="line"></div>
-										<div class="line"></div>
-										<div class="line"></div>
-										<button>Add to cart</button>
-									</div>
-								</div>
-								<div class="reviews">
-									Reviews
-								</div>
-								<div class="review">
-									<img class="photo" src="img/head.png">
-									<div class="stars">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-									</div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-								</div>
-								<div class="review short">
-									<img class="photo" src="img/head.png">
-									<div class="stars">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-									</div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-								</div>
-								<div class="review">
-									<img class="photo" src="img/head.png">
-									<div class="stars">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-									</div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-								</div>
-								<div class="review short">
-									<img class="photo" src="img/head.png">
-									<div class="stars">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-									</div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-								</div>
-								<div class="review">
-									<img class="photo" src="img/head.png">
-									<div class="stars">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-										<img src="img/star.png">
-									</div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-									<div class="line"></div>
-								</div>
-							</div>
-							<div class="cnvrt">
-								<div class="item fanCount big">9</div>
-								<div class="item fanCount caption">people bought this bike</div>
-								<div class="close"></div>
-								<div class="downarrow"></div>
-							</div>
-							<img class="mouse" src="img/mouse.png"></img>
 
-						</div>
+					<ul class="links">
+						<a href="#about"><li>about</li></a>
+						<a href="#contact"><li>contact</li></a>
+					</ul>
+				</nav>
+				<p class="grid_12">
+					Overcome your social anxiety with our progressive challenges.<br>Sign up with your mobile number to test our first SMS-based version.
+				</p>
 
-						<div class="ctacontainer">
-							<button class="calltoaction">Get CNVRT now</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
+				<div class="grid_5">
+					<form>
+						<input required placeholder="+441234567890"></input>
 
-		<footer>
-			&copy; Matchchat Ltd 2014
-		</footer>
+						<button type="submit"></button>
+					</form>
+				</div>
 
-		<!-- <div id="featureicons">
-			<div class="container_12">
-				<h1 class="grid_12">CNVRT improves your conversions<span class="underscore">_</span></h1>
-				<div class="spacer empty"></div>
-				<div class="circle">lads</div>
-				<div class="arrow"><img src="img/arrow.png"></div>
-				<div class="circle">lads</div>
-				<div class="arrow"><img src="img/arrow.png"></div>
-				<div class="circle">
-					<div class="graphcaption"></div>
+				<div class="grid_7">
+					<img src="/img/[email protected]">
 				</div>
-				<div class="spacer empty"></div>
 			</div>
-		</div>
+		</section>
 
-		<div id="featurelist">
+		<a name="about"></a>
+		<section class="description">
 			<div class="container_12">
-				<ul class="grid_12">
-					<li>
-						One line of code<span class="underscore">_</span>
-					</li>
-					<li>
-						Automatic colour coding<span class="underscore">_</span>
-					</li>
-					<li>
-						Enhanced analytics<span class="underscore">_</span>
-					</li>
-					<li class="ctacontainer">
-						<button class="calltoaction">Get CNVRT now</button>
-						<button class="calltoaction grey">Contact us</button>
-					</li>
-				</ul>
+				<h2 class="grid_6 prefix_3 suffix_3">
+					how does it work?
+				</h2>
+				<p class="grid_6 prefix_3 suffix_3">
+					Better takes its lead from exposure therapy, a technique which exposes users to their fears in order to overcome social anxiety disorders and make the world a happier place!
+ 				</p>
+ 				<p class="grid_8 prefix_2 suffix_2">
+ 					<img src="/img/[email protected]">
+ 				</p>
 			</div>
-		</div> -->
+		</section>
 
+		<a name="contact"></a>
+		<section class="contact">
+			<div class="container_12">
+				<div class="grid_6">
+					<img src="/img/[email protected]">
+				</div>
+				<div class="grid_6">
+					<h2>
+						get in touch
+					</h2>
+					<p>
+						We are a team spread out over London and Berlin, a product loving bunch who want to help people overcome their anxieties.
+					</p>
+					<p>
+						We need all the help we can get, so please get in touch if you're a therapist or psychiatrist with experience within exposure therapy or cognitive-behavioural psychotherapy.
+					</p>
+
+					<p>
+						[email protected]<br>
+						+44 744 790 5525 
+				</div>
+			</div>
+		</section>
+
 		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 		<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
 		<script src="js/app.js"></script>

assets/misc/PIE.htc

@@ -0,0 +1,21 @@
+<!--
+PIE: CSS3 rendering for IE
+Version 2.0beta1
+http://css3pie.com
+Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
+-->
+<PUBLIC:COMPONENT lightWeight="true">
+<!-- saved from url=(0014)about:internet -->
+<PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />
+<PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />
+<PUBLIC:ATTACH EVENT="ondetach" FOR="element" ONEVENT="cleanup()" />
+<script type="text/javascript">
+var d=element,g=d.document,j=g.documentMode||0;
+!window.PIE&&j<10&&function(){var a={},k,i,b,l,h;window.PIE={attach:function(c){a[c.uniqueID]=c},detach:function(c){delete a[c.uniqueID]}};b=g.createElement("div");b.innerHTML="<!--[if IE 6]><i></i><![endif]--\>";l=b.getElementsByTagName("i")[0];if(b=g.location.href.match(/pie-load-path=([^&]+)/))b=decodeURIComponent(b[1]);b||(b=g.documentElement.currentStyle.getAttribute((l?"":"-")+"pie-load-path"));if(!b){k=/BEHAVIOR: url\(([^\)]*PIE[^\)]*)/i;i=function(c){for(var f=c.length,e;f--;)if(e=(e=c[f].cssText.match(k))?
+e[1].substring(0,e[1].lastIndexOf("/")):i(c[f].imports))break;return e};b=i(g.styleSheets)}if(b){h=g.createElement("script");h.onreadystatechange=function(){var c=window.PIE,f=h.readyState,e;if(a&&(f==="complete"||f==="loaded"))if("version"in c){for(e in a)a.hasOwnProperty(e)&&c.attach(a[e]);a=0}};h.src=b+"/PIE_IE"+(j<9?"678":"9")+".js";(g.getElementsByTagName("head")[0]||g.body).appendChild(h)}}();function init(){if(g.media!=="print"){var a=window.PIE;a&&a.attach(d)}}
+function cleanup(){if(g.media!=="print"){var a=window.PIE;a&&a.detach(d)}d=0}d.readyState==="complete"&&init();
+
+</script>
+
+<script type="text/vbscript"></script>
+</PUBLIC:COMPONENT>