Mercurial > hg > thermostat-website

changeset 67:49cc34400198 development

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update front page with video embedded (WIP).
author Jie Kang <jkang@redhat.com>
date Thu, 24 Nov 2016 14:57:08 -0500
parents 3c829fc088e3
children d3baea22ad57
files content/home/content.html css/style.less
diffstat 2 files changed, 25 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/content/home/content.html	Mon Nov 21 11:59:42 2016 -0500
+++ b/content/home/content.html	Thu Nov 24 14:57:08 2016 -0500
@@ -13,14 +13,19 @@
     </div>
 </div>
 
-<!--<div class="row">
-    <div class="col-sm-4">
-    </div>
-    <div class="col-sm-4">
-        <div class="embed-responsive embed-responsive-4by3">
-            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/AKB5jorzLpc"></iframe>
+<div class="container-fluid">
+    <div class="row" id="front-page-get-started">
+        <div class="col-sm-2">
+        </div>
+        <div class="col-sm-4">
+            <div class="embed-responsive embed-responsive-16by9" id="front-page-video">
+                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/AKB5jorzLpc"></iframe>
+            </div>
+        </div>
+        <div class="col-sm-6">
+            <h3 class="white">
+                Get Started
+            </h3>
         </div>
     </div>
-    <div class="col-sm-4">
-    </div>
-</div>-->
\ No newline at end of file
+</div>
\ No newline at end of file
--- a/css/style.less	Mon Nov 21 11:59:42 2016 -0500
+++ b/css/style.less	Thu Nov 24 14:57:08 2016 -0500
@@ -46,6 +46,17 @@
     background-image: url(../img/flexibility_curved_building_istock.png);
     background-size: cover;
     background-repeat: no-repeat;
+    margin-bottom: 0px;
+}
+
+/* front page get-started section */
+#front-page-get-started {
+    background-color: @dark-blue;
+}
+
+/* front page video */
+#front-page-video {
+    margin: 25px;
 }
 
 /* front page image */