diff --git a/css/creative.css b/css/creative.css
index b37b7a4..f11adc8 100644
--- a/css/creative.css
+++ b/css/creative.css
@@ -15,13 +15,13 @@ body {
 }
 
 hr {
-    border-color: #F05F40;
+    border-color: #c0b283;
     border-width: 3px;
     max-width: 50px;
 }
 
-hr.light {
-    border-color: white;
+hr.dark {
+    border-color: #373737;
 }
 
 a {
@@ -45,6 +45,34 @@ h6 {
     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
 }
 
+.text-dark {
+        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+        color: black;
+        
+
+}
+
+.text-dark-bold {
+        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+        color: black;
+        font-weight: bold;
+
+}
+.head-image{
+    width: 330px;
+    height: 330px;
+    border: 7px solid rgba(229, 162, 78, 0.9)
+  
+
+}
+
+.team-image{
+    width: 250px;
+    height: 250px;
+    border: 7px solid rgba(229, 162, 78, 0.7)
+
+}
+
 p {
     font-size: 16px;
     line-height: 1.5;
@@ -52,11 +80,11 @@ p {
 }
 
 .bg-primary {
-    background-color: #F05F40;
+    background-color: #dcd0c0;
 }
 
 .bg-dark {
-    background-color: #222222;
+    background-color: #373737;
     color: white;
 }
 
@@ -64,6 +92,10 @@ p {
     color: rgba(255, 255, 255, 0.7);
 }
 
+.text-faded-gold{
+    color: rgba(0, 0, 0, 0.7);
+}
+
 section {
     padding: 100px 0;
 }
@@ -86,7 +118,7 @@ aside {
 }
 
 .navbar-default .navbar-header .navbar-brand {
-    color: #F05F40;
+    color: #e8b371;
     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
     font-weight: 700;
     text-transform: uppercase;
@@ -94,7 +126,7 @@ aside {
 
 .navbar-default .navbar-header .navbar-brand:hover,
 .navbar-default .navbar-header .navbar-brand:focus {
-    color: #eb3812;
+    color: #dda55f;
 }
 
 .navbar-default .navbar-header .navbar-toggle {
@@ -114,12 +146,12 @@ aside {
 
 .navbar-default .nav>li>a:hover,
 .navbar-default .nav>li>a:focus:hover {
-    color: #F05F40;
+    color: #dda55f;
 }
 
 .navbar-default .nav>li.active>a,
 .navbar-default .nav>li.active>a:focus {
-    color: #F05F40 !important;
+    color: #e8b371; !important;
     background-color: transparent;
 }
 
@@ -154,12 +186,12 @@ aside {
         border-color: rgba(34, 34, 34, 0.05);
     }
     .navbar-default.affix .navbar-header .navbar-brand {
-        color: #F05F40;
+        color: #e8b371;
         font-size: 14px;
     }
     .navbar-default.affix .navbar-header .navbar-brand:hover,
     .navbar-default.affix .navbar-header .navbar-brand:focus {
-        color: #eb3812;
+        color: #e8b371;
     }
     .navbar-default.affix .nav>li>a,
     .navbar-default.affix .nav>li>a:focus {
@@ -167,7 +199,7 @@ aside {
     }
     .navbar-default.affix .nav>li>a:hover,
     .navbar-default.affix .nav>li>a:focus:hover {
-        color: #F05F40;
+        color: #e8b371;
     }
 }
 
@@ -269,7 +301,7 @@ header .header-content .header-content-inner p {
     color: white;
     opacity: 0;
     display: block;
-    background: rgba(240, 95, 64, 0.9);
+    background: rgba(237, 184, 118, 0.8);
     position: absolute;
     bottom: 0;
     text-align: center;
@@ -321,6 +353,12 @@ header .header-content .header-content-inner p {
     }
 }
 
+@media (max-width: 768px) {
+    #team {
+        text-align: center;
+    }
+}
+
 .call-to-action h2 {
     margin: 0 auto 20px;
 }
@@ -389,8 +427,8 @@ fieldset[disabled] .btn-default.active {
 
 .btn-primary {
     color: white;
-    background-color: #F05F40;
-    border-color: #F05F40;
+    background-color: #e8b371;
+    border-color: #e8b371;
     -webkit-transition: all 0.35s;
     -moz-transition: all 0.35s;
     transition: all 0.35s;
@@ -403,8 +441,8 @@ fieldset[disabled] .btn-default.active {
 .btn-primary.active,
 .open>.dropdown-toggle.btn-primary {
     color: white;
-    background-color: #ee4b28;
-    border-color: #ed431f;
+    background-color: #dda55f;
+    border-color: #dda55f;
 }
 
 .btn-primary:active,
@@ -431,12 +469,12 @@ fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
-    background-color: #F05F40;
-    border-color: #F05F40;
+    background-color: #c0b283;
+    border-color: #c0b283;
 }
 
 .btn-primary .badge {
-    color: #F05F40;
+    color: #e8b371;
     background-color: white;
 }
 
@@ -476,4 +514,4 @@ img::-moz-selection {
 
 body {
     webkit-tap-highlight-color: #222222;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 0654d1c..b7b60ac 100644
--- a/index.html
+++ b/index.html
@@ -58,6 +58,9 @@
                     <li>
                         <a class="page-scroll" href="#initiatives">Initiatives</a>
                     </li>
+                    <li>
+                        <a class="page-scroll" href="#team">Our Team</a>
+                    </li>
                     <li>
                         <a class="page-scroll" href="#contact">Contact Us</a>
                     </li>
@@ -83,9 +86,9 @@ <h1 id="homeHeading">IAR Student Council</h1>
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 col-lg-offset-2 text-center">
-                    <h2 class="section-heading">(About)<br>We've got what you need!</h2>
-                    <hr class="light">
-                    <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
+                    <h2 class="section-heading text-dark">(About)<br>We've got what you need!</h2>
+                    <hr class="dark">
+                    <p class="text-dark">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
                     <a href="#activities" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
                 </div>
             </div>
@@ -97,7 +100,7 @@ <h2 class="section-heading">(About)<br>We've got what you need!</h2>
             <div class="row">
                 <div class="col-lg-12 text-center">
                     <h2 class="section-heading">Activities</h2>
-                    <hr class="primary">
+                    <hr class="dark">
                 </div>
             </div>
         </div>
@@ -242,12 +245,92 @@ <h2>Initiatives</h2>
         </div>
     </section>
 
+
+   <section class="bg-primary" id="team">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2 text-center">
+                    <h2 class="section-heading text-dark-bold"> Our Dedicated Team <br> </h2>
+                    <h4 class="section-heading text-dark"> "A two line write-up here <br> 
+                     A two line write-up here" 
+                     </h4>
+                    <hr class="dark"> 
+                    <br>
+                </div>
+                </div>
+                        <br> <br>
+                <div class= "row"> 
+                        <div class = "col-sm-2">
+                            </div>
+                        <div class = "col-sm-4">
+                            <img src = "img/portfolio/thumbnails/2.jpg" class="team-image img-circle" > <br>
+                            <h3 class= "text-dark"> John Doe </h3>
+                            <p class="text-faded-gold"> Team Core</p>
+                        </div>
+                        <div class = "col-sm-1">
+                            </div>
+                        <div class = "col-sm-5">
+                            <img src = "img/portfolio/thumbnails/2.jpg" class="team-image img-circle" > <br>
+                            <h3 class= "text-dark"> John Doe </h3>
+                            <p class="text-faded-gold">Team Core</p>
+                            </div>
+                          
+                        
+                    </div>
+                    <div class= "row">
+                        
+                        <div class = "col-sm-4">
+                            <img src = "img/portfolio/thumbnails/3.jpg" class="team-image img-circle"> <br>
+                            <h3 class= "text-dark"> John Doe </h3>
+                            <p class="text-faded-gold"> Team Core</p>
+                        </div>
+                       
+                        <div class = "col-sm-4">
+                            <img src = "img/portfolio/thumbnails/3.jpg" class="head-image img-circle" > <br>
+                            <h3 class= "text-dark">  John Doe </h3>
+                            <p class="text-faded-gold">  Team Core </p>
+                            </div>
+                        
+                        <div class = "col-sm-1">
+                            </div>
+                        <div class = "col-sm-3">
+                             <img src = "img/portfolio/thumbnails/3.jpg" class="team-image img-circle"><br>
+                             <h3 class= "text-dark"> John Doe </h3>
+                             <p class="text-faded-gold">Team Core</p>
+                        </div>
+                       
+                    </div>
+                    <div class= "row"> 
+                        <div class = "col-sm-2">
+                            </div>
+                        <div class = "col-sm-4" >
+                            <img src = "img/portfolio/thumbnails/4.jpg" class="team-image img-circle" > <br>
+                            <h3 class= "text-dark"> John Doe </h3>
+                            <p class="text-faded-gold"> Team Core</p>
+                        </div>
+                        <div class = "col-sm-1">
+                            </div>
+                        <div class = "col-sm-5">
+                            <img src = "img/portfolio/thumbnails/4.jpg" class="team-image img-circle" > <br>
+                            <h3 class= "text-dark"> John Doe </h3>
+                            <p class="text-faded-gold">Team Core</p>
+                            </div>
+                      
+                    </div>
+                
+            </div>
+        </div>
+    </section>
+
+
+
+
     <section id="contact">
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 col-lg-offset-2 text-center">
                     <h2 class="section-heading">(Contact Us)<br>Let's Get In Touch!</h2>
-                    <hr class="primary">
+                    <hr class="dark">
                     <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
                 </div>
                 <div class="col-lg-4 col-lg-offset-2 text-center">
@@ -288,4 +371,4 @@ <h2>(Footer)</h2>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>