index.erb in edge_framework-0.2.0

- old
+ new
@@ -1,10 +1,58 @@
-<div id="content-home">
-	<div class="row ">
+<div class="block-hero">
+	<div class="row">
+		<div class="large-6 small-12 columns">
+			<div class="pitch-intro has-logo">
+				<h1>EDGE</h1>
+				<h2>Light-weight front-end framework</h2>
+				<a href="/docs/" class="button hero-button">Read the Docs</a>
+			</div>
+		</div>
+		<div class="large-6 small-12 columns">
+			<div class="pitch-intro">
+				<div class="ruby-install">
+					<h2>Ruby Installation:</h2>
+					<code>gem install edge_framework</code>
+				</div>
+				<a href="/docs/ruby/" class="button hero-button">What is that?</a>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="block-feature">
+	<div class="row">
 		<div class="large-12 columns">
-			<ul>
-				<li><a href="<%= url('/docs/grid') %>">Grid</a></li>
-				<li><a href="<%= url('/docs/block_grid') %>">Block Grid</a></li>
-			</ul>
+			<section class="wrapper-feature">
+				<ul class="feature-list large-block-grid-4 small-block-grid-2">
+					<li>
+						<div class="feature-item">
+							<h1 class="feature-title">Stylesheet</h1>
+							<p class="feature-description">Light-weight framework for front-end developer that works with designer.</p>
+							<a href="/docs/css/" class="feature-button">Read Stylesheet Docs</a>
+						</div>
+					</li>
+					<li>
+						<div class="feature-item">
+							<h1 class="feature-title">JavaScript</h1>
+							<p class="feature-description">Collection of best open source library, re-written into consistent script.</p>
+							<a href="/docs/js/" class="feature-button">Read JavaScript Docs</a>
+						</div>
+					</li>
+					<li>
+						<div class="feature-item">
+							<h1 class="feature-title">Compass</h1>
+							<p class="feature-description">Edge is an extension of Compass, which provide programming logic to CSS.</p>
+							<a href="/docs/compass/" class="feature-button">Read Compass Docs</a>
+						</div>
+					</li>
+					<li>
+						<div class="feature-item">
+							<h1 class="feature-title">Template</h1>
+							<p class="feature-description">Kick start your new project with our template creator. Nothing fancy though.</p>
+							<a href="/docs/template/" class="feature-button">Read Template Docs</a>
+						</div>
+					</li>
+				</ul>
+			</section>
 		</div>
 	</div>
 </div>
\ No newline at end of file