summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
Diffstat (limited to 'views')
-rw-r--r--views/about/_blank.ejs24
-rw-r--r--views/about/howto.ejs88
-rw-r--r--views/about/index.ejs20
-rwxr-xr-xviews/home.ejs16
4 files changed, 142 insertions, 6 deletions
diff --git a/views/about/_blank.ejs b/views/about/_blank.ejs
new file mode 100644
index 0000000..0e9ea7e
--- /dev/null
+++ b/views/about/_blank.ejs
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<head>
+ <title>vvalls</title>
+ [[ include ../partials/meta ]]
+</head>
+<body class="loading">
+ <div class="rapper page home">
+ [[ include ../partials/header ]]
+
+
+ <!-- put stuff here -->
+
+
+
+ [[ include ../partials/confirm-modal ]]
+ [[ include ../projects/layouts-modal ]]
+ [[ include ../partials/sign-in ]]
+ [[ include ../partials/footer ]]
+
+ </div>
+</body>
+[[ include ../partials/scripts ]]
+</html>
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>
diff --git a/views/about/index.ejs b/views/about/index.ejs
new file mode 100644
index 0000000..2517225
--- /dev/null
+++ b/views/about/index.ejs
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+<head>
+ <title>vvalls</title>
+ [[ include ../partials/meta ]]
+</head>
+<body class="loading">
+ <div class="rapper page">
+ [[ include ../partials/header ]]
+
+
+ [[ include ../partials/confirm-modal ]]
+ [[ include ../projects/layouts-modal ]]
+ [[ include ../partials/sign-in ]]
+ [[ include ../partials/footer ]]
+
+ </div>
+</body>
+[[ include ../partials/scripts ]]
+</html>
diff --git a/views/home.ejs b/views/home.ejs
index c25b5e7..28499d7 100755
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -17,7 +17,7 @@
</span>
</div>
</div>
-
+
<h1>What's VValls For?</h1>
<div class="projectList about">
@@ -38,7 +38,7 @@
</span>
<span>
<h3>Defy The Status Quo</h3>
- <words>There is no platform on the internet quite like VValls. Built using advanced HTML5 techniques, VValls opens up the possibilities of expression online. Go crazy, make otherworldly rooms.</words>
+ <words>There is no platform on the internet quite like VValls. VValls opens up the possibilities of expression online. Go crazy, make otherworldly rooms.</words>
</span>
</div>
</div>
@@ -53,20 +53,24 @@
</span>
</div>
</div>
-
- </div>
+
+ <a href="/about/howto" class="greenbtn learn">Learn How To Use VValls</a>
+</div>
<h1>Room Showcase</h1>
[[ include projects/list-projects ]]
+
<div class="projectList about gopro">
<span>
<h3>Ready To Go Pro?</h3>
- We offer white-label licensing of the VValls platform that could be used within the context of your product offering. We can also customize the VValls platform to suit the various needs of your project. This could be include custom floor plans and numerous other features. Please inquire to start a conversation.
- <a href="mailto:info@vvalls.com?subject=VValls platform">Contact</a>
+ We can help make your content immersive and experiential. We offer white-label licensing of VValls customized to suit the various needs of your project. Customizations include more sophisticated floor plan, video, audio, and interactivity options, as well as automation of room creation. We can also completely integrate a custom version of VValls into your product offering or work with your team to enhance your advertising or marketing campaign.
+ Give your audience a cutting-edge interactive experience with your brand.
+ Please inquire to start a conversation.
+ <a href="mailto:info@vvalls.com?subject=VValls platform" class="greenbtn">Contact</a>
</span>
</div>
[[ include partials/confirm-modal ]]