CSS & HTML: Family fixes
diff --git a/css/style.css b/css/style.css
index 186a141..2ce5b03 100644
--- a/css/style.css
+++ b/css/style.css
@@ -314,12 +314,15 @@
color: #0080ff;
list-style: none; }
.contact-social-icons ul a:hover,
- .team-links-list a:hover {
+ .team-links-list a:hover,
+ .family-links-list a:hover {
color: #ffffff; }
.contact-social-icons ul a:focus,
.contact-social-icons ul a:active,
.team-links-list a:focus,
- .team-links-list a:active {
+ .team-links-list a:active,
+ .family-links-list a:focus,
+ .family-links-list a:active {
color: rgba(255,255,255,0.8); }
.contact-social-icons ul a li {
display: inline-block;
@@ -353,10 +356,10 @@
display: block; }
/* our team section */
-#team {
+#team, #family {
background-color: #0080ff;
font-weight: 700;
- font-size: 1.5em;
+ font-size: 20px;
}
.hr.invisible_hr {
height: 0;
@@ -383,10 +386,10 @@
.team-role, .team-name, .team-links-list a {
color: #07374a;
}
-.team-links {
+.team-links, .family-links {
padding-top: .75em;
}
-.team-image img {
+.team-image img, .family-image img {
max-width:150px;
max-height: 150px;
margin:0 auto;
@@ -396,27 +399,19 @@
#family {
background-color: #07374a;
}
-
-.family-role, .family-name, .family-links-list {
+.family-role, .family-name, .family-description {
color: #FFFFFF;
}
.family-description {
- color: #b7b7b7;
+ color: #fff;
+ font-size: 18px;
}
-.family-role h4 {
+.family-role h4, .family-links-list a {
color: #0080ff;
}
.family-header h2 {
color: #0080ff;
}
-.family-links {
- padding-top: .75em;
-}
-.family-image img {
- max-width:150px;
- max-height: 150px;
- margin:0 auto;
-}
@media (max-height: 880px) {
#scrollIcon, #scrollTopIcon {margin-top: 15vh}
diff --git a/index.html b/index.html
index 21a4ea2..e2d6b81 100644
--- a/index.html
+++ b/index.html
@@ -579,10 +579,11 @@
</div>
<!-- Close Team -->
<div id="family" class="row cover">
+<div class="container">
<div class="family-header text-center">
<h2 class="text-center">About Bliss Family</h2></div>
<div class="row">
- <div class="text-center about-info">
+ <div class="text-center">
<img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
<p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to grow into a family of ROM teams, helping to support one another in our innovative efforts, and also inspire work from other community members as well. </p>
<p class="text-center">This growth allowed us to see many of the needs our fellow community members had, and sparked an idea to allow us all to succeed in the future. So, we decided to start our journey into making that happen, and are turning Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>
@@ -597,19 +598,18 @@
</li>
</div>
<div class="about-tools center">
- <p class="text-center">The Bliss Family projects we currently support can be found below:
- </p>
+ <h3 class="text-center highlight_secondary">The Bliss Family projects we currently support can be found below:<br><br></h3>
<div class="col-lg-3">
- <div class="family">
- <img class="img-circle img-responsive portfolio-projects--image" src="images/deso.jpg">
+ <div class="family">
<div class="family-image text-center">
- <div class="family-links ">
- <div class="family-links-list">
- <a href="https://t.me/DesolationDomination" target="_blank"><i class="fa fa-paper-plane"></i></a>
- <a href="https://plus.google.com/communities/112693605933023229650" target="_blank"><i class="fa fa-google-plus"></i></a>
- </div>
+ <img class="img-circle img-responsive" src="images/deso.jpg">
+ <div class="family-links ">
+ <div class="family-links-list">
+ <a href="https://t.me/DesolationDomination" target="_blank"><i class="fa fa-paper-plane"></i></a>
+ <a href="https://plus.google.com/communities/112693605933023229650" target="_blank"><i class="fa fa-google-plus"></i></a>
+ </div>
<!-- /.family-links-list -->
- </div>
+ </div>
<!-- /.family-links -->
</div>
<!-- /.family-image -->
@@ -618,8 +618,8 @@
<div class="family-role">
<h4>Dark Style ROM, AOSP/CAF</h4>
</div>
- <div class="family-description">
- Desolation ROM is a great dark style rom, offering heavy optimizations along with a unique style.</div>
+ <h4 class="family-description">
+ Desolation ROM is a great dark style rom, offering heavy optimizations along with a unique style.</h4>
</div>
<!-- /.family-content -->
</div>
@@ -627,8 +627,8 @@
</div>
<div class="col-lg-3">
<div class="family">
- <img class="img-circle img-responsive portfolio-projects--image" src="images/xosp.jpg">
<div class="family-image text-center">
+ <img class="img-circle img-responsive" src="images/xosp.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="https://t.me/XOSPCommunity" target="_blank"><i class="fa fa-paper-plane"></i></a>
@@ -644,8 +644,8 @@
<div class="family-role">
<h4>Xperia Style ROM, AOSP/CAF</h4>
</div>
- <div class="family-description">
- XOSP offers the unuque stylings of Sony's Xperia line to AOSP/CAF devices, along with many welcomed features worth checking out.</div>
+ <h4 class="family-description">
+ XOSP offers the unuque stylings of Sony's Xperia line to AOSP/CAF devices, along with many welcomed features worth checking out.</h4>
</div>
<!-- /.family-content -->
</div>
@@ -653,8 +653,8 @@
</div>
<div class="col-lg-3">
<div class="family">
- <img class="img-circle img-responsive portfolio-projects--image" src="images/xtremis.jpg">
<div class="family-image text-center">
+ <img class="img-circle img-responsive" src="images/xtremis.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="#" target="_blank"><i class="fa fa-paper-plane"></i></a>
@@ -670,8 +670,8 @@
<div class="family-role">
<h4>AOSP/CAF ROM</h4>
</div>
- <div class="family-description">
- Not much info available at this time. Please check in later. </div>
+ <h4 class="family-description">
+ Not much info available at this time. Please check in later. </h4>
</div>
<!-- /.family-content -->
</div>
@@ -680,8 +680,8 @@
<div class="col-lg-3">
<div class="family">
- <img class="img-circle img-responsive portfolio-projects--image" src="images/question-mark.png">
<div class="family-image text-center">
+ <img class="img-circle img-responsive" src="images/question-mark.png">
<div class="family-links ">
<div class="family-links-list">
<a href="#" target="_blank"><i class="fa fa-paper-plane"></i></a>
@@ -697,12 +697,12 @@
<div class="family-role">
<h4>Submit your application now!</h4>
</div>
- <div class="family-description">
+ <h4 class="family-description">
Follow the link and fill out an application for your project, and we will get in touch with you momentarily <br>
<li>
<a href="https://goo.gl/kAb7ti">Join Bliss Family</a>
</li>
- </div>
+ </h4>
</div>
<!-- /.family-content -->
</div>
@@ -712,6 +712,7 @@
</div>
</div>
</div>
+ </div>
<!-- End #About -->