howto and button

3 files changed, 30 insertions, 7 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 65968f2..820c631 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -378,6 +378,18 @@ h5 {
 	background-position:center;
 }
 
+.projectList.about.howto .item span:nth-child(1){
+	width: 300px;
+	height: 300px;
+	display: inline-block;
+	float: left;
+	border-radius: 0;
+	background-size:cover;
+	background-position:center;
+	border: 1px solid;
+	box-shadow: 2px 2px black;
+}
+
 .projectList.about .item span h3{
 	font-weight: 500;
 	font-size: 25px;
@@ -830,7 +842,7 @@ iframe.embed {
 	margin: 0 auto;
 	line-height: 50px;
 }
-.gopro span a{
+.greenbtn{
 	width: 100%;
 	display: inline-block;
 	text-align: center;
@@ -842,7 +854,14 @@ iframe.embed {
 	-moz-transition:0.2s background;
 	transition:0.2s background;
 }
-.gopro span a:hover{
+.greenbtn.learn {
+	width: 80%;
+	clear: both;
+	font-size: 30px;
+	font-weight: 300;
+	margin: 110px 10% 0 10%;
+}
+.greenbtn:hover{
 	background:black;
 }
 .profilepage .about h2 .btn {
@@ -963,7 +982,7 @@ border-left: 1px solid black;
 }
 .editing .mx-scenery:hover,
 .editing .mx-scenery.picked {
-  border: 2px dashed yellow;
+  border: 1px dashed black;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
@@ -3041,6 +3060,9 @@ a[data-role="forgot-password"] {
 	.gopro span a{
 		margin-top: 20px;
 	}
+	.greenbtn.learn {
+		display:none;
+	}
 }
 
 @media screen and (orientation:portrait) {
diff --git a/views/about/howto.ejs b/views/about/howto.ejs
index a3768e1..2e0f8ed 100644
--- a/views/about/howto.ejs
+++ b/views/about/howto.ejs
@@ -31,7 +31,7 @@
 	
 		<div class="item">
 			<div class="rap">
-			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/uploadmedia.gif)">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/addmedia.gif)">
 			</span>
 			<span>
 				<h3>2. Add Your Media Files.</h3>
diff --git a/views/home.ejs b/views/home.ejs
index 6d53ca1..28499d7 100755
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -53,8 +53,9 @@
 			</span>
 		</div>
 		</div>
-		
-	</div>
+
+		<a href="/about/howto" class="greenbtn learn">Learn How To Use VValls</a>
+</div>
 	
 	<h1>Room Showcase</h1>
 
@@ -69,7 +70,7 @@
 			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">Contact</a>
+		<a href="mailto:info@vvalls.com?subject=VValls platform" class="greenbtn">Contact</a>
 		</span>
 	</div>
 	[[ include partials/confirm-modal ]]