updates for Our Team section
diff --git a/css/style.css b/css/style.css
index 6927336..6a59b2f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -267,7 +267,10 @@
/* our team section */
.section {
- background-color: #0080ff;
+ background-color: #0080ff;
+ padding-top: 4.375em;
+ font-weight: 700;
+ font-size: 1.5em;
}
.hr.invisible_hr {
height: 0;
@@ -293,4 +296,7 @@
}
.team-role {
color: #07374a;
+}
+.team-links {
+ padding-top: .75em;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 37f876d..219cbec 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
<div class="col-xs-12 headline">
<img class="centered text-center" src="http://i.imgur.com/nzsZTTY.png">
<h1 class="text-center">This is Bliss OS</h1>
- <p class="lead text-center">A Open-Source OS for phones, tablets & PC's</p>
+ <p class="lead text-center">A Open-Source OS, based on Android, for phones, tablets & PC's</p>
</div>
</div>
<div class="row">
@@ -144,8 +144,8 @@
<div class="text-center contact-social-icons">
<h2 style="font-size: 1.45em !important;">Our Socials:</h2>
<ul class="centered">
- <a href="https://t.me/OfficialBlissROMs"><li><i class="fa icon-telegram"></i> Bliss ROMs Telegram</li></a>
- <a href="https://t.me/blissx86"><li><i class="fa icon-telegram"></i> Bliss x86 Telegram</li></a>
+ <a href="https://t.me/OfficialBlissROMs"><li><i class="fa fa-paper-plane"></i> Bliss ROMs Telegram</li></a>
+ <a href="https://t.me/blissx86"><li><i class="fa fa-paper-plane"></i> Bliss x86 Telegram</li></a>
<a href="https://www.facebook.com/BlissRoms/"><li><i class="fa fa-facebook"></i> Bliss ROMs Facebook</li></a>
<a href="https://plus.google.com/communities/118265887490106132524"><li><i class="fa fa-google-plus"></i> Bliss ROMs G+</li></a>
<a href="https://twitter.com/Bliss_Roms"><li><i class="fa fa-twitter"></i> Bliss Twitter</li></a>
@@ -168,6 +168,395 @@
</div><!-- End #Contact -->
</div>
+
+ <!-- break -->
+
+ <div id="contact" class="row cover bottom">
+ <section id="team" class="text-center section">
+ <div class="container">
+ <h2><span class="highlight_secondary">Our Team</span></h2>
+
+ <h4>
+ Our people are our greatest asset and biggest differentiator.<br>They also believe in having a lot of fun along the way.
+ </h4>
+
+ <div class="hr big_size_hr invisible_hr">
+ <i class="fa fa-"></i>
+ </div>
+
+ <div class="row">
+ <div class="col-md-3 col-sm-12">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-5vzOE05q2tk/AAAAAAAAAAI/AAAAAAAAJCY/SZoGKIS0umw/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">JackEagle</a></div>
+ <div class="team-role"><h4>CEO / Founder</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-3 col-sm-12">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-pYlVdt7_HSI/AAAAAAAAAAI/AAAAAAAAf3I/l-gIRYLygJM/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Jon West</a></div>
+ <div class="team-role"><h4>CTO / Incorporator</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-3 col-sm-12">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-V-iiUVpjpY4/AAAAAAAAAAI/AAAAAAAAANc/Y8u-WF8azJQ/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Vaughn Newman</div>
+ <div class="team-role"><h4>Admin / Board Member</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-3 col-sm-12">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-aRWHQUN1fog/AAAAAAAAAAI/AAAAAAAAZAE/fBpxB5Ix7YA/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Antonio Luciano</div>
+ <div class="team-role"><h4>Project Manager / Board Member</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ </div>
+
+ <div class="hr invisible_hr">
+ <i class="fa fa-"></i>
+ </div>
+
+ <div class="row">
+ <div class="col-md-2 col-sm-4 col-xs-6"><!-- add col-md-offset-1 for 5 members -->
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-1S7LGrMYwe8/AAAAAAAAAAI/AAAAAAAAANY/oupIhHStwek/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">BitOBsession</div>
+ <div class="team-role"><h4>Board Member / Developer</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-F1xIK5iy664/AAAAAAAAAAI/AAAAAAAADnE/gKwerSfnR2o/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Blake Leeper</div>
+ <div class="team-role"><h4>Board Member / Developer</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-jH4ynxo4B9E/AAAAAAAAAAI/AAAAAAAAqPM/74fm-gfADgw/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Evan Galvin</div>
+ <div class="team-role"><h4>Board Member / Product Technology Strategist</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-HrsoP649n9E/AAAAAAAAAAI/AAAAAAAAA3U/jqEDUbza0i8/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Henri Koivuneva</div>
+ <div class="team-role"><h4>Product Technology Strategist</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-pQlhTYkK2v4/AAAAAAAAAAI/AAAAAAAAFj8/K2OI6br8_vs/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Călin Neamţu</div>
+ <div class="team-role"><h4>Lead Development Manager</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-MuCnB-W42qI/AAAAAAAAAAI/AAAAAAAATvg/UXxf1rqGITA/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div><!-- /.team-links-list -->
+ </div><!-- /.team-links -->
+ </div><!-- /.team-image -->
+ <div class="team-content">
+ <div class="team-name">Aren Clegg</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div><!-- /.team-content -->
+ </div><!-- /.team -->
+ </div>
+ </div>
+
+ <!--<div class="row">
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-2 col-sm-4 col-xs-6">
+ <div class="team">
+ <div class="team-image">
+ <a href="#">
+ <img src="https://lh3.googleusercontent.com/-W7IVH0tFkdo/AAAAAAAAAAI/AAAAAAAAAAA/AMp5VUpYLdW8dr4pjKFZmkcfowSZPCtrXw/s750-p-rw-no-mo/photo.jpg" class="img-circle img-responsive">
+ </a>
+ <div class="team-links">
+ <div class="team-links-list">
+ <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="team-content">
+ <div class="team-name">Teammember</div>
+ <div class="team-role"><h4>Developer</h4></div>
+ <div class="team-description"></div>
+ </div>
+ </div>
+ </div>
+ </div> -->
+
+ <div class="hr big_size_hr invisible_hr">
+ <i class="fa fa-"></i>
+ </div>
+
+ </div><!-- /.container -->
+ </section>
+
+ </div>
<footer class="footer">
<div class="container">