diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 6 | ||||
| -rw-r--r-- | 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 ]] |