diff options
| author | Jules Laplace <jules@okfoc.us> | 2014-11-17 18:14:34 -0500 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2014-11-17 18:14:34 -0500 |
| commit | fab10593b014ca9db2472c21c846838f72e5fc45 (patch) | |
| tree | 96f2194d97eb214d1ee01cd471b1c36de35cc590 /views/about/howto.ejs | |
| parent | 05b73f5e56fd728454faac8e97d57786fdfb3b51 (diff) | |
| parent | 37466ff2c09432f27a96f7a33dc041175847f6d6 (diff) | |
merge
Diffstat (limited to 'views/about/howto.ejs')
| -rw-r--r-- | views/about/howto.ejs | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/views/about/howto.ejs b/views/about/howto.ejs new file mode 100644 index 0000000..2e0f8ed --- /dev/null +++ b/views/about/howto.ejs @@ -0,0 +1,88 @@ +<!doctype html> +<html> +<head> + <title>vvalls</title> + [[ include ../partials/meta ]] +</head> +<body class="loading"> + <div class="rapper page"> + [[ include ../partials/header ]] + + <!-- put stuff here --> + + <div class="hero" style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/construction.jpg);"> + <div class="holder"> + </div> + </div> + <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/vvalls/newproject.jpg)"> + </span> + <span> + <h3>1. 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/vvalls/addmedia.gif)"> + </span> + <span> + <h3>2. 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/vvalls/wallpaper3.gif)"> + </span> + <span> + <h3>3. 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/vvalls/colab.png)"> + </span> + <span> + <h3>4. Collaborate.</h3> + <words>You can invite others to collaborate on your project.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/thumbsup.gif)"> + </span> + <span> + <h3>5. Publish + Share.</h3> + <words>Share a link to your creation on social media or embed your 3D space directly into your own web page. When on the go, make sure to show off your project on your phone.</words> + </span> + </div> + </div> + +</div> + + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + + </div> +</body> +[[ include ../partials/scripts ]] +</html> |