Update Bliss Family section with fixes
diff --git a/css/style.css b/css/style.css
index 9718ec1..2363f6e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -367,8 +367,6 @@
/* our team section */
#family {
background-color: #07374a;
- font-weight: 700;
- font-size: 1.5em;
}
.family-role, .family-name, .family-links-list {
@@ -390,4 +388,4 @@
max-width:150px;
max-height: 150px;
margin:0 auto;
-}
+}
\ No newline at end of file
diff --git a/images/question-mark.png b/images/question-mark.png
new file mode 100644
index 0000000..e7ffb82
--- /dev/null
+++ b/images/question-mark.png
Binary files differ
diff --git a/index.html b/index.html
index 68475d3..34b0ce3 100644
--- a/index.html
+++ b/index.html
@@ -578,8 +578,7 @@
</div>
</div>
<!-- Close Team -->
-
- <div id="family" class="row cover">
+<div id="family" class="row cover">
<div class="family-header text-center">
<h2 class="text-center">About Bliss Family</h2></div>
<div class="row">
@@ -597,12 +596,12 @@
<a href="https://goo.gl/kAb7ti">Join Bliss Family</a>
</li>
</div>
- <div class="about-tools">
+ <div class="about-tools center">
<p class="text-center">The Bliss Family projects we currently support can be found bellow:
</p>
- <div class="col-xs-4">
+ <div class="col-lg-3">
<div class="family">
- <img src="images/deso.jpg" class="img-circle img-responsive">
+ <img class="img-circle img-responsive portfolio-projects--image" src="images/deso.jpg">
<div class="family-image text-center">
<div class="family-links ">
<div class="family-links-list">
@@ -626,9 +625,9 @@
</div>
<!-- /.family -->
</div>
- <div class="col-xs-4">
+ <div class="col-lg-3">
<div class="family">
- <img src="images/xosp.jpg" class="img-circle img-responsive">
+ <img class="img-circle img-responsive portfolio-projects--image" src="images/xosp.jpg">
<div class="family-image text-center">
<div class="family-links ">
<div class="family-links-list">
@@ -652,9 +651,9 @@
</div>
<!-- /.family -->
</div>
- <div class="col-xs-4">
+ <div class="col-lg-3">
<div class="family">
- <img src="images/xtremis.jpg" class="img-circle img-responsive">
+ <img class="img-circle img-responsive portfolio-projects--image" src="images/xtremis.jpg">
<div class="family-image text-center">
<div class="family-links ">
<div class="family-links-list">
@@ -679,6 +678,37 @@
<!-- /.family -->
</div>
+ <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">
+ <div class="family-links ">
+ <div class="family-links-list">
+ <a href="#" target="_blank"><i class="fa fa-paper-plane"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
+ </div>
+ <!-- /.family-links-list -->
+ </div>
+ <!-- /.family-links -->
+ </div>
+ <!-- /.family-image -->
+ <div class="family-content text-center">
+ <div class="family-name">Your Project</div>
+ <div class="family-role">
+ <h4>Submit your application now!</h4>
+ </div>
+ <div 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>
+ </div>
+ <!-- /.family-content -->
+ </div>
+ <!-- /.family -->
+ </div>
+
</div>
</div>
</div>
