added final stuff

app/assets/stylesheets/style.css

@@ -155,6 +155,11 @@ thead {
     border-radius: 25px;
     font-weight: bold;
     letter-spacing: 2px;
+    text-align: center;
+}
+
+.team-member h5 {
+    font-size: 28px;
 }
 
 .overlay {
@@ -166,14 +171,21 @@ thead {
 .candidate-container {
     display: flex;
     align-items: stretch;
-    margin-top: 40px;
+    
+    flex-wrap: wrap;
+    padding-top: 20px;
+    padding-bottom: 40px;
 }
 
 .candidate-item {
-    background: #f6f9fb; padding:30px; bottom:0; width:140px; margin-right:20px;
+    background: #f6f9fb; padding:30px; bottom:0; width:140px; margin:20px;
     min-width: 200px;
+    margin: 20px 20px 0px 0px;
 
+}
 
+.team-description {
+    padding: 10px;
 }
 
 .candidate-name {

app/views/pages/about.html.erb

-<h3>The A Team</h3>
-
+<h4 style="text-align: center;">Data<strong>babes</strong> ;)</h4>
 
 
+<hr>
 <div class="team-member">
-<h5 class="no-margin">Royce Matthew Chan</h5>
+<h5 class="no-margin"><span style="margin-right: 1em;"class="ion-social-javascript"></span>Royce Matthew Chan</h5>
 <span class="badge">full-stack developer</span>
 </div>
+<div class="team-description"><p>The term full-stack means developers who are comfortable working with both back-end and front-end technologies. To be more specific, it means that the developer can work with databases, PHP, HTML, CSS, JavaScript and everything in between, also, venturing as far as converting Photoshop designs to front-end code.</p></div>
+
 <hr>
 <div class="team-member">
-<h5 class="no-margin">Alexander Hans Collado Jr.</h5>
-<span class="badge">UI Engineer</span>
+<h5 class="no-margin"><span style="margin-right: 1em;"class="ion-social-sass"></span>Alexander Hans Collado Jr.</h5>
+<span class="badge">Frontend and UX Engineer</span>
 </div>
+<div class="team-description"><p>Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux  – lies frontend design. Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user interface. User Experience (UX) Engineers are the synthesis of design and development.</p></div>
 <hr>
 <div class="team-member">
-<h5 class="no-margin">George Nicole Balmaceda</h5>
-<span class="badge">Ruby Developer</span>
+<h5 class="no-margin"><span style="margin-right: 1em;"class="ion-social-octocat"></span>George Nicole Balmaceda</h5>
+<span class="badge">Project Manager</span>
 </div>
+<div class="team-description"><p>Technical workers are creative, productive, downright wonderful resources, but they need direction. Most projects include many highly-specialized resources such as developers, analysts, testers, graphic designers, and technical writers. One of the key functions of your project’s PM is to coordinate all those resources and their tasks – to make sure that work is done in the proper sequence with a minimum of time (and money) wasted, and to facilitate communication between these highly-focused (but not necessarily “big picture” aware) members of the project team.</p></div>
 <hr>
 <div class="team-member">
-<h5 class="no-margin">Royce Matthew Chan</h5>
-<span class="badge">Ruby Developer</span>
+<h5 class="no-margin"><span style="margin-right: 1em;"class="ion-social-codepen"></span>Travis Munoz</h5>
+<span class="badge">Backend Developer</span>
 </div>
+<div class="team-description"><p>A back-end developer is a type of computer programmer who creates the logical back-end and core computational logic of a website, software or information system. The developer create components and features that are indirectly accessed by a user through a front-end application or system.</p></div>