From cda5a0c18e3dde664a9df526db2e218d201dfda9 Mon Sep 17 00:00:00 2001
From: ryderr <r@okfoc.us>
Date: Mon, 17 Nov 2014 13:35:07 -0500
Subject: beginnings of how to

---
 public/assets/stylesheets/app.css |  6 ++---
 views/about/index.ejs             | 51 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 39fdc44..c83b4bd 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -385,14 +385,14 @@ h5 {
 }
 
 
-.projectList.about .item:nth-child(2) span:nth-child(2) {
+.projectList.about .item:nth-child(2n+2) span:nth-child(2) {
 	padding: 70px 0 70px 100px;
 }
-.projectList.about .item:nth-child(2) {
+.projectList.about .item:nth-child(2n+2) {
 	padding: 5% 0;
 }
 
-.projectList.about .item:nth-child(2) span:nth-child(1){
+.projectList.about .item:nth-child(2n+2) span:nth-child(1){
 	float: right;
 }
 
diff --git a/views/about/index.ejs b/views/about/index.ejs
index 4d40a5c..62d873c 100644
--- a/views/about/index.ejs
+++ b/views/about/index.ejs
@@ -10,7 +10,56 @@
 
 
   <!-- put stuff here -->
-  <h1>INDEX</h1>
+  <h1>How To Use VValls</h1>
+	<div class="projectList about howto">
+		<div class="item">
+			<div class="rap">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/hangart1.gif)">
+			</span>
+			<span>
+				<h3>Define Your Space.</h3>
+				<words>Choose from one of our existing floor plan templates or create your own.</words>
+			</span>
+		</div>
+	</div>
+	
+	
+		<div class="item">
+			<div class="rap">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/hangart1.gif)">
+			</span>
+			<span>
+				<h3>Add Your Media Files.</h3>
+				<words>Upload media files or choose media from our pre-loaded image/video stream. Position media on the walls.</words>
+			</span>
+		</div>
+	</div>
+	
+	
+		<div class="item">
+			<div class="rap">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/hangart1.gif)">
+			</span>
+			<span>
+				<h3>Customize.</h3>
+				<words>Use color or wallpaper features to customize the look of your space.</words>
+			</span>
+		</div>
+	</div>
+	
+		<div class="item">
+			<div class="rap">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/hangart1.gif)">
+			</span>
+			<span>
+				<h3>Collaborate.</h3>
+				<words>ou can invite others to collaborate on your project.</words>
+			</span>
+		</div>
+	</div>
+	
+</div>
+
 
 	[[ include ../partials/confirm-modal ]]	
 	[[ include ../projects/layouts-modal ]]	
-- 
cgit v1.2.3-70-g09d2