10 files changed, 110 insertions, 101 deletions

diff --git a/website/static/css/bootstrap.css b/website/static/css/bootstrap.css
index a920210..b525752 100644
--- a/website/static/css/bootstrap.css
+++ b/website/static/css/bootstrap.css
@@ -3025,7 +3025,8 @@ select[multiple].form-group-lg .form-control {
 .btn:hover,
 .btn:focus,
 .btn.focus {
-  color: #ffffff;
+  background-color: #ffca39;
+  color: #3676ab;
   text-decoration: none;
 }
 .btn:active,
@@ -3046,9 +3047,9 @@ fieldset[disabled] .btn {
   box-shadow: none;
 }
 .btn-default {
-  color: #ffffff;
-  background-color: #95a5a6;
-  border-color: #95a5a6;
+  color: #3676ab;
+  background-color: #ffca39;
+  border-color: #3676ab;
 }
 .btn-default:hover,
 .btn-default:focus,
@@ -3056,9 +3057,9 @@ fieldset[disabled] .btn {
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
-  color: #ffffff;
-  background-color: #798d8f;
-  border-color: #74898a;
+  color: #ffca39;
+  background-color: #3676ab;
+  border-color: #ffca39;
 }
 .btn-default:active,
 .btn-default.active,
@@ -3083,17 +3084,17 @@ fieldset[disabled] .btn-default:active,
 .btn-default.disabled.active,
 .btn-default[disabled].active,
 fieldset[disabled] .btn-default.active {
-  background-color: #95a5a6;
-  border-color: #95a5a6;
+  background-color: #3676ab;
+  border-color: #ffca39;
 }
 .btn-default .badge {
-  color: #95a5a6;
-  background-color: #ffffff;
+  color: #ffca39;
+  background-color: #3676ab;
 }
 .btn-primary {
-  color: #ffffff;
-  background-color: #2c3e50;
-  border-color: #2c3e50;
+  color: #ffca39;
+  background-color: #3676ab;
+  border-color: #ffca39;
 }
 .btn-primary:hover,
 .btn-primary:focus,
@@ -3101,9 +3102,9 @@ fieldset[disabled] .btn-default.active {
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
-  color: #ffffff;
-  background-color: #1a242f;
-  border-color: #161f29;
+  color: #3676ab;
+  background-color: #ffca39;
+  border-color: #3676ab;
 }
 .btn-primary:active,
 .btn-primary.active,
@@ -3128,17 +3129,17 @@ fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
-  background-color: #2c3e50;
-  border-color: #2c3e50;
+  background-color: #3676ab;
+  border-color: #ffca39;
 }
 .btn-primary .badge {
-  color: #2c3e50;
-  background-color: #ffffff;
+  color: #ffca39;
+  background-color: #3676ab;
 }
 .btn-success {
-  color: #ffffff;
-  background-color: #18bc9c;
-  border-color: #18bc9c;
+  color: #3676ab;
+  background-color: #ffca39;
+  border-color: #3676ab;
 }
 .btn-success:hover,
 .btn-success:focus,
@@ -3146,9 +3147,9 @@ fieldset[disabled] .btn-primary.active {
 .btn-success:active,
 .btn-success.active,
 .open > .dropdown-toggle.btn-success {
-  color: #ffffff;
-  background-color: #128f76;
-  border-color: #11866f;
+  color: #ffca39;
+  background-color: #3676ab;
+  border-color: #ffca39;
 }
 .btn-success:active,
 .btn-success.active,
@@ -4198,6 +4199,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .navbar > .container-fluid .navbar-brand {
     margin-left: -15px;
     margin-top: -30px;
+    color: #3676ab;
   }
 }
 .navbar-toggle {
@@ -4410,26 +4412,26 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
-  color: #18bc9c;
+  color: #3676ab;
   background-color: transparent;
 }
 .navbar-default .navbar-text {
   color: #777777;
 }
 .navbar-default .navbar-nav > li > a {
-  color: #ffffff;
+  color: #3676ab;
   margin-top: -25px;
 }
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
-  color: #18bc9c;
+  color: #3767ab;
   background-color: transparent;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
-  color: #ffffff;
-  background-color: #1a242f;
+  color: #ffca39;
+  background-color: #3676ab;
   margin-top: -25px;
 }
 .navbar-default .navbar-nav > .disabled > a,
diff --git a/website/static/css/freelancer.css b/website/static/css/freelancer.css
index f5d72b2..4750a6e 100644
--- a/website/static/css/freelancer.css
+++ b/website/static/css/freelancer.css
@@ -36,19 +36,23 @@ h6 {
     font-weight: 700;
 }
 
+hr
+{
+    color: #3676ab;
+}
+
 hr.star-light,
 hr.star-primary {
     margin: 25px auto 30px;
     padding: 0;
     max-width: 250px;
     border: 0;
-    border-top: solid 5px;
+    border-top: solid 3px;
     text-align: center;
 }
 
 hr.star-light:after,
 hr.star-primary:after {
-    content: "\f005";
     display: inline-block;
     position: relative;
     top: -.8em;
@@ -58,20 +62,20 @@ hr.star-primary:after {
 }
 
 hr.star-light {
-    border-color: #fff;
+    border-color: #3676ab;
 }
 
 hr.star-light:after {
-    color: #fff;
-    background-color: #18bc9c;
+    color: #3676ab;
+    background-color: #fffff;
 }
 
 hr.star-primary {
-    border-color: #2c3e50;
+    border-color: #3676ab;
 }
 
 hr.star-primary:after {
-    color: #2c3e50;
+    color: #3676ab;
     background-color: #fff;
 }
 
@@ -81,8 +85,8 @@ hr.star-primary:after {
 
 header {
     text-align: center;
-    color: #fff;
-    background: #18bc9c;
+    color: #3676ab;
+    background: #fffff;
 }
 
 header .container {
@@ -166,6 +170,8 @@ header .intro-text .skills {
     font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
     font-weight: 700;
     height: 45px;
+    background-color: #ffca39;
+    color: #3676ab;
 }
 
 .navbar a:focus {
@@ -192,11 +198,12 @@ section {
 section h2 {
     margin: 0;
     font-size: 3em;
+    color: #3676ab;
 }
 
 section.success {
-    color: #fff;
-    background: #18bc9c;
+    color: #3676ab;
+    background: #fffff;
 }
 
 section.success a,
@@ -218,19 +225,19 @@ section.success a.active {
     }
 }
 
-#portfolio .portfolio-item {
+#speakers .speakers-item {
     right: 0;
     margin: 0 0 15px;
 }
 
-#portfolio .portfolio-item .portfolio-link {
+#speakers .speakers-item .speakers-link {
     display: block;
     position: relative;
     margin: 0 auto;
     max-width: 400px;
 }
 
-#portfolio .portfolio-item .portfolio-link .caption {
+#speakers .speakers-item .speakers-link .caption {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -241,11 +248,11 @@ section.success a.active {
     transition: all ease .5s;
 }
 
-#portfolio .portfolio-item .portfolio-link .caption:hover {
+#speakers .speakers-item .speakers-link .caption:hover {
     opacity: 1;
 }
 
-#portfolio .portfolio-item .portfolio-link .caption .caption-content {
+#speakers .speakers-item .speakers-link .caption .caption-content {
     position: absolute;
     top: 50%;
     width: 100%;
@@ -256,21 +263,21 @@ section.success a.active {
     color: #fff;
 }
 
-#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
+#speakers .speakers-item .speakers-link .caption .caption-content i {
     margin-top: -12px;
 }
 
-#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
-#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
+#speakers .speakers-item .speakers-link .caption .caption-content h3,
+#speakers .speakers-item .speakers-link .caption .caption-content h4 {
     margin: 0;
 }
 
-#portfolio * {
+#speakers * {
     z-index: 2;
 }
 
 @media(min-width:767px) {
-    #portfolio .portfolio-item {
+    #speakers .speakers-item {
         margin: 0 0 30px;
     }
 }
@@ -409,7 +416,7 @@ footer .footer-below {
     outline: 0;
 }
 
-.portfolio-modal .modal-content {
+.speakers-modal .modal-content {
     padding: 100px 0;
     min-height: 100%;
     border: 0;
@@ -420,20 +427,20 @@ footer .footer-below {
     box-shadow: none;
 }
 
-.portfolio-modal .modal-content h2 {
+.speakers-modal .modal-content h2 {
     margin: 0;
     font-size: 3em;
 }
 
-.portfolio-modal .modal-content img {
+.speakers-modal .modal-content img {
     margin-bottom: 30px;
 }
 
-.portfolio-modal .modal-content .item-details {
+.speakers-modal .modal-content .item-details {
     margin: 30px 0;
 }
 
-.portfolio-modal .close-modal {
+.speakers-modal .close-modal {
     position: absolute;
     top: 25px;
     right: 25px;
@@ -443,11 +450,11 @@ footer .footer-below {
     cursor: pointer;
 }
 
-.portfolio-modal .close-modal:hover {
+.speakers-modal .close-modal:hover {
     opacity: .3;
 }
 
-.portfolio-modal .close-modal .lr {
+.speakers-modal .close-modal .lr {
     z-index: 1051;
     width: 1px;
     height: 75px;
@@ -458,7 +465,7 @@ footer .footer-below {
     transform: rotate(45deg);
 }
 
-.portfolio-modal .close-modal .lr .rl {
+.speakers-modal .close-modal .lr .rl {
     z-index: 1052;
     width: 1px;
     height: 75px;
@@ -468,7 +475,7 @@ footer .footer-below {
     transform: rotate(90deg);
 }
 
-.portfolio-modal .modal-backdrop {
+.speakers-modal .modal-backdrop {
     display: none;
     opacity: 0;
 }
diff --git a/website/static/img/scipy.png b/website/static/img/scipy.png
new file mode 100644
index 0000000..0710ad9
--- /dev/null
+++ b/website/static/img/scipy.png
diff --git a/website/static/img/portfolio/cabin.png b/website/static/img/speakers/cabin.png
index c64c59e..c64c59e 100644
--- a/website/static/img/portfolio/cabin.png
+++ b/website/static/img/speakers/cabin.png
diff --git a/website/static/img/portfolio/cake.png b/website/static/img/speakers/cake.png
index a16c3fe..a16c3fe 100644
--- a/website/static/img/portfolio/cake.png
+++ b/website/static/img/speakers/cake.png
diff --git a/website/static/img/portfolio/circus.png b/website/static/img/speakers/circus.png
index b3f5142..b3f5142 100644
--- a/website/static/img/portfolio/circus.png
+++ b/website/static/img/speakers/circus.png
diff --git a/website/static/img/portfolio/game.png b/website/static/img/speakers/game.png
index 85420e8..85420e8 100644
--- a/website/static/img/portfolio/game.png
+++ b/website/static/img/speakers/game.png
diff --git a/website/static/img/portfolio/safe.png b/website/static/img/speakers/safe.png
index 445942c..445942c 100644
--- a/website/static/img/portfolio/safe.png
+++ b/website/static/img/speakers/safe.png
diff --git a/website/static/img/portfolio/submarine.png b/website/static/img/speakers/submarine.png
index 6711d6e..6711d6e 100644
--- a/website/static/img/portfolio/submarine.png
+++ b/website/static/img/speakers/submarine.png
diff --git a/website/templates/base.html b/website/templates/base.html
index 40184e1..f8b2c00 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -56,7 +56,7 @@
                         <a href="#page-top"></a>
                     </li>
                     <li class="page-scroll">
-                        <a href="#portfolio">Portfolio</a>
+                        <a href="#speakers">Speakers</a>
                     </li>
                     <li class="page-scroll">
                         <a href="#about">About</a>
@@ -76,16 +76,16 @@
         <div class="container">
             <div class="row">
                 <div class="col-lg-6">
-                    <img class="img-responsive" src="{% static 'img/profile.png' %}" alt="">
+                    <img class="img-responsive" height=250 width=250 src="{% static 'img/scipy.png' %}" alt="">
                     <div class="intro-text">
                         <span class="name">SciPy India 2015</span>
-                        <hr>
+                        <hr class="star-light">
                         <span class="skills">DECEMBER 18, 19 & 20</span>
                     </div>
                 </div>
                 <div class="col-lg-6-right">
                     <h2>Python for Scientific Computing</h2>
-                    <hr>
+                    <hr class="star-light">
                     <p align="center">SciPy India is a conference providing opportunities to spread the use of the Python programming language in the Scientific Computing community in India.
                     </p>
                     </div>
@@ -94,74 +94,74 @@
         </div>
     </header>
 
-    <!-- Portfolio Grid Section -->
-    <section id="portfolio">
+    <!-- speakers Grid Section -->
+    <section id="speakers">
         <div class="container">
             <div class="row">
                 <div class="col-lg-12 text-center">
-                    <h2>Portfolio</h2>
+                    <h2>speakers</h2>
                     <hr class="star-primary">
                 </div>
             </div>
             <div class="row">
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal1" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/cabin.png' %}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/cabin.png' %}" class="img-responsive" alt="">
                     </a>
                 </div>
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal2" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/cake.png' %}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/cake.png' %}" class="img-responsive" alt="">
                     </a>
                 </div>
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal3" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/circus.png' %}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/circus.png' %}" class="img-responsive" alt="">
                     </a>
                 </div>
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal4" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/game.png' %}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/game.png' %}" class="img-responsive" alt="">
                     </a>
                 </div>
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal5" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/safe.png' %}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/safe.png' %}" class="img-responsive" alt="">
                     </a>
                 </div>
-                <div class="col-sm-4 portfolio-item">
-                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
+                <div class="col-sm-4 speakers-item">
+                    <a href="#speakersModal6" class="speakers-link" data-toggle="modal">
                         <div class="caption">
                             <div class="caption-content">
                                 <i class="fa fa-search-plus fa-3x"></i>
                             </div>
                         </div>
-                        <img src="{% static 'img/portfolio/submarine.png '%}" class="img-responsive" alt="">
+                        <img src="{% static 'img/speakers/submarine.png '%}" class="img-responsive" alt="">
                     </a>
                 </div>
             </div>
@@ -198,7 +198,7 @@
         <div class="container">
             <div class="row">
                 <div class="col-lg-12 text-center">
-                    <h2>Contact Me</h2>
+                    <h2>Contact Us</h2>
                     <hr class="star-primary">
                 </div>
             </div>
@@ -302,8 +302,8 @@
         </a>
     </div>
 
-    <!-- Portfolio Modals -->
-    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- speakers Modals -->
+    <div class="speakers-modal modal fade" id="speakersModal1" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -317,7 +317,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="img/portfolio/cabin.png" class="img-responsive img-centered" alt="">
+                            <img src="img/speakers/cabin.png" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client:
@@ -340,7 +340,7 @@
             </div>
         </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="speakers-modal modal fade" id="speakersModal2" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -354,7 +354,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="{% static 'img/portfolio/cake.png' %}" class="img-responsive img-centered" alt="">
+                            <img src="{% static 'img/speakers/cake.png' %}" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client:
@@ -377,7 +377,7 @@
             </div>
         </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="speakers-modal modal fade" id="speakersModal3" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -391,7 +391,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="{% static 'img/portfolio/circus.png' %}" class="img-responsive img-centered" alt="">
+                            <img src="{% static 'img/speakers/circus.png' %}" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client:
@@ -414,7 +414,7 @@
             </div>
         </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="speakers-modal modal fade" id="speakersModal4" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -428,7 +428,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="{% static 'img/portfolio/game.png ' %}" class="img-responsive img-centered" alt="">
+                            <img src="{% static 'img/speakers/game.png ' %}" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client:
@@ -451,7 +451,7 @@
             </div>
         </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="speakers-modal modal fade" id="speakersModal5" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -465,7 +465,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="{% static 'img/portfolio/safe.png' %}" class="img-responsive img-centered" alt="">
+                            <img src="{% static 'img/speakers/safe.png' %}" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client:
@@ -488,7 +488,7 @@
             </div>
         </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="speakers-modal modal fade" id="speakersModal6" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
                 <div class="lr">
@@ -502,7 +502,7 @@
                         <div class="modal-body">
                             <h2>Project Title</h2>
                             <hr class="star-primary">
-                            <img src="{% static 'img/portfolio/submarine.png' %}" class="img-responsive img-centered" alt="">
+                            <img src="{% static 'img/speakers/submarine.png' %}" class="img-responsive img-centered" alt="">
                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                             <ul class="list-inline item-details">
                                 <li>Client: