change landing view rendering to php

site/client/assets/sass/_inner.scss

@@ -3,7 +3,27 @@ body.inner {
   background-size: cover;
 }
 
+.logo-medium {
+  float: left;
+}
+
 .container-inner {
   width: 100%;
   padding: 40px;
+}
+
+main {
+  float: left;
+  width: 70%;
+  padding: 20px;
+  height: calc(100vh - 300px);
+  min-height: 400px;
+
+  background: -moz-linear-gradient(top, rgba(8,13,20,1) 17%, rgba(8,13,20,0.65) 46%, rgba(239,239,239,0) 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(8,13,20,1)), color-stop(46%,rgba(8,13,20,0.65)), color-stop(100%,rgba(239,239,239,0)));
+  background: -webkit-linear-gradient(top, rgba(8,13,20,1) 17%,rgba(8,13,20,0.65) 46%,rgba(239,239,239,0) 100%);
+  background: -o-linear-gradient(top, rgba(8,13,20,1) 17%,rgba(8,13,20,0.65) 46%,rgba(239,239,239,0) 100%);
+  background: -ms-linear-gradient(top, rgba(8,13,20,1) 17%,rgba(8,13,20,0.65) 46%,rgba(239,239,239,0) 100%);
+  background: linear-gradient(to bottom, rgba(8,13,20,1) 17%,rgba(8,13,20,0.65) 46%,rgba(239,239,239,0) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080d14', endColorstr='#00efefef',GradientType=0 );
 }

site/client/assets/sass/_landing.scss

@@ -3,6 +3,15 @@ body.landing {
   background-size: cover;
 }
 
+.icon-guest-load {
+  background: url(../img/guest-load.gif) #ca5a07 no-repeat;
+  width: 16px;
+  height: 16px;
+  float: right;
+  margin: 5px -7px 0 7px;
+  display: none;
+}
+
 .wrap-landing {
   max-width: 900px;
   margin: 0 auto;

site/client/assets/sass/_nav.scss

@@ -0,0 +1,36 @@
+nav {
+  float: left;
+  margin: 30px 0 0 0;
+  clear: both;
+
+  ul {
+    float: left;
+    margin: 0;
+  }
+
+  li {
+    float: left;
+  }
+
+  a {
+    color: #8798ac;
+    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
+    font-size: 19px;
+    text-transform: uppercase;
+    font-weight: 300;
+    padding: 12px 25px;
+    float: left;
+
+    @include transition(color);
+
+    &:hover {
+      color: #c5cfda;
+    }
+
+    &.active {
+      color: $main;
+      text-shadow: none;
+      background: rgba(#080d14, .9);
+    }
+  }
+}

site/client/assets/sass/app.scss

@@ -9,4 +9,5 @@
 'modal',
 'form',
 'landing',
-'inner';
+'inner',
+'nav';