Fix Intro image placement
Better viewing on all DPI devices
diff --git a/css/style.css b/css/style.css
index cd32deb..380d502 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,6 +8,12 @@
margin-left: auto;
margin-right: auto; }
+
+.vcenter {
+ display: inline-block;
+ vertical-align: middle;
+ float: none; }
+
.break {
clear: both;
margin-top: 10px; }
@@ -1205,7 +1211,7 @@
.portfolio-projects--btn:active {
background: #052a38;
color: #ffffff; }
-
+
.portfolio-projects--btn-sm {
background: transparent;
color: #07374a;
@@ -1221,7 +1227,7 @@
.portfolio-projects--btn-sm:active {
background: #052a38;
color: #ffffff; }
-
+
.portfolio-projects--image {
margin-bottom: 1.875em;
padding-top: 5%; }
diff --git a/index.html b/index.html
index cc482aa..4e843e8 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
<div class="row cover top">
<div class="col-xs-12">
<div class="row">
- <div class="col-xs-12 headline">
+ <div class="col-xs-12 headline vcenter" style="margin-top: 3rem;">
<img class="centered text-center" src="https://i.imgur.com/nzsZTTY.png">
<h1 class="text-center">This is Bliss OS</h1>
<p class="lead text-center">An Open-Source OS, based on Android, for phones, tablets & PCs</p>
@@ -82,7 +82,7 @@
<img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
<p class="text-center">Our focus is to bring the Open Source community a quality OS that can run as a daily driver, syncing your apps, settings and customizations across all platforms you run Bliss on.</p>
<p class="text-center">Bliss OS comes with a wide selection of customization options, functions, and is even themable out of the box using rootless Substratum. With so many options available, you will soon find out why we call it Bliss.</p>
- </div>
+ </div>
<div class="col-md-6 text-center about-info">
<div>
<img src="images/phone_front.svg" style="max-height: 75%;max-width: 50%;vertical-align: middle;display: inline-flex;float: none" />
@@ -228,7 +228,7 @@
<div class="cd-tab-filter">
<ul class="cd-filters">
<li class="placeholder">
- <a data-type="all" href="#0">All</a>
+ <a data-type="all" href="#0">All</a>
<!-- selected option on mobile -->
</li>
<li class="filter">