Add logo, fix hero section

Author: juanmnl

CNAME

@@ -0,0 +1 @@
+deskos.surge.sh

src/assets/images/deskOS-logo-square-lines.png

@@ -14,8 +14,6 @@
 
   {{> hero}}
 
-  {{> hero-image}}
-
   {{> intro}}
 
   {{> screens}}

src/assets/images/deskOS-logo-square.png

@@ -23,6 +23,7 @@ section {
   color: #333;
   &.header {
     min-height: 100vh;
+    padding-top: 10%;
     // background: linear-gradient(230deg,#a24bcf,#4b79cf,#4bc5cf);
     background-image: linear-gradient(225deg, #70f6ea 0%,#51ccdc 100%);
     &::before {
@@ -53,11 +54,8 @@ section {
 }
 
 .hero-image {
-  position: absolute;
   top: 250px;
   z-index: 0;
-  width: 100%;
-  background-size: cover;
   animation: fadeIn 1s ease, up 1s ease;
 }
 
@@ -88,10 +86,11 @@ footer {
 }
 
 .card {
-  height: 290px;
-  padding: 20px;
+  height: 400px;
+  padding: 25px;
   padding-bottom: 10px;
   margin-bottom: 30px;
+  font-size: 1.3em;
   color: #333;
   text-align: justify;
   background-color: rgba(#fff, .75);

src/index.html

@@ -1,9 +1,6 @@
-<div class="hero-image">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <img class="img-responsive" src="./../assets/images/deskos.png" alt="" />
-            </div>
-        </div>
-    </div>
+<div class="col-md-6">
+  <div class="hero-image">
+    <img class="img-responsive" src="./../assets/images/deskOS-logo-square-lines.png" style="height: 500px;" alt="" />
+  </div>
+
 </div>

src/styles/main.scss

@@ -1,13 +1,16 @@
 <section class="header">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
-        <div class="jumbotron text-center">
-          <h1>
-            DeskOS  
-          </h1>
-          <p>Una distribución de Linux para entorno empresarial</p>
-          <p><a class="btn btn-default btn-lg page-scroll" href="#intro" role="button">Saber más</a></p>
+      <div class="col-md-10 col-md-offset-1">
+        {{> hero-image}}
+        <div class="col-md-6">
+          <div class="jumbotron text-right">
+            <h1>
+              DeskOS
+            </h1>
+            <p>Una distribución de Linux para entorno empresarial</p>
+            <p><a class="btn btn-default btn-lg page-scroll" href="#intro" role="button">Saber más</a></p>
+          </div>
         </div>
       </div>
     </div>

src/templates/hero-image.hbs

@@ -12,6 +12,7 @@
                     organizaciones privadas, gubernamentales, escuelas, ONG's y pequeñas y medianas empresas. Nos
                     motiva entregar a la comunidad un producto de calidad, estable, innovador y con soporte a largo plazo.
                 </p>
+                <img class="img-responsive" src="./../assets/images/deskOS-logo-square.png" style="height: 200px; margin: 0 auto;" alt="" />
             </div>
         </div>
     </div>

src/templates/hero.hbs

@@ -7,6 +7,7 @@
           individuos motivados a construir un producto que se posicione como la mejor alternativa para el
           uso de una distribución de Linux en el escritorio empresarial
         </p>
+        <img class="img-responsive" src="./../assets/images/deskOS-logo-square.png" style="height: 200px; margin: 0 auto;" alt="" />
       </div>
     </div>
   </div>