Add footer
diff --git a/css/style.css b/css/style.css
index 19120a8..faaef36 100644
--- a/css/style.css
+++ b/css/style.css
@@ -332,10 +332,21 @@
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
- height: 30px;
background-color: #07374a;
color: #ffffff; }
-
+.footer-role, .footer-name, .footer-description {
+ color: #FFFFFF;
+}
+.footer-description {
+ color: #fff;
+ font-size: 18px;
+}
+.footer-role h4, .footer-links-list a {
+ color: #0080ff;
+}
+.footer-header h4 {
+ color: #0080ff;
+}
#scrollIcon, #scrollTopIcon {
margin-top: 200px;
padding: 10px;
diff --git a/index.html b/index.html
index 5ab737f..e09c597 100644
--- a/index.html
+++ b/index.html
@@ -711,7 +711,59 @@
<footer class="footer">
- <div class="container"> </div>
+ <div class="footer container ">
+
+ <div class="container-fluid">
+ <div class="row ">
+ <div class="col-xs-6 col-sm-3 column footer-header">
+ <h4 class="footer-header">Information</h4>
+ <ul class="list-unstyled">
+ <li class="portfolio-projects--desc"><a href="#portfolio">Downloads</a></li>
+ <li class="portfolio-projects--desc"><a href="#contact">Links</a></li>
+ <li class="portfolio-projects--desc"><a href="#team">Team</a></li>
+ </ul>
+ </div>
+ <div class="col-xs-6 col-sm-3 column footer-header">
+ <h4 class="portfolio-projects--title">About</h4>
+ <ul class="list-unstyled">
+ <li class="portfolio-projects--desc"><a href="#about">About</a></li>
+ <li class="portfolio-projects--desc"><a href="#family">Family</a></li>
+ </ul>
+ </div>
+ <div class="col-xs-12 col-sm-3 column footer-header">
+ <h4 class="portfolio-projects--title">Get In Touch</h4>
+ <form action="mailto:blissfamilyroms@gmail.com" method="GET" data-form-title="CONTACT US">
+ <input type="hidden" data-form-email="true">
+ <div class="form-group">
+ <input type="text" class="form-control" name="name" required="" placeholder="Name*" data-form-field="Name">
+ </div>
+ <div class="form-group">
+ <input type="email" class="form-control" name="email" required="" placeholder="Email*" data-form-field="Email">
+ </div>
+
+ <div class="form-group">
+ <textarea class="form-control" name="message" placeholder="Message" rows="3" data-form-field="Message"></textarea>
+ </div>
+ <div>
+ <button type="submit" class="btn btn-lg btn-danger">SEND</button>
+ </div>
+ </form>
+ </div>
+ <div class="col-xs-12 col-sm-3 text-right footer-header">
+ <h4 class="portfolio-projects--title">Follow</h4>
+ <ul class="list-inline">
+ <li class=""><a rel="nofollow" href="https://t.me/OfficialBlissROMs" title="Telegram"><i class="fa fa-paper-plane fa-4x"></i></a> </li>
+ <li class=""><a rel="nofollow" href="https://www.facebook.com/BlissRoms/" title="Facebook"><i class="fa fa-facebook fa-4x"></i></a> </li>
+ <li class=""><a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fa fa-google-plus fa-4x"></i></a></li>
+ <li class=""><a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fa fa-twitter fa-4x"></i></a></li>
+ </ul>
+ </div>
+ </div>
+ <br/>
+ <span class="pull-right text-muted small"><a href="http://blissroms.github.io">Bliss Site by Team Bliss</a> ©2017 Team Bliss</span>
+ </div>
+
+ </div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>