diff --git a/css/main.css b/css/main.css
index 33d105f..4934a22 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6,11 +6,14 @@
  *****  1 - Cover                            *****
  *****      1.1 - Cover background           *****
  *****      1.2 - Cover content              *****
- *****      1.2 - Cover ghost button         *****
+ *****      1.3 - Cover ghost button         *****
+ *****      1.4 - Cover quote                *****
+ *****      1.5 - Cover font                 *****
  *****  2 - Navigation Bar                   *****
  *****  3 - Sections                         *****
  *****      3.1 - Section general settings   *****
  *****      3.2 - First section              *****
+ *****  4 - Footer                           *****
  *****                                       *****
  *****  f - Customer animate                 *****
  *****                                       *****
@@ -27,6 +30,7 @@ html {
     height: 100%;
     max-height: 100%;
     font-size: 62.5%;
+    font-weight: 400;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
@@ -34,7 +38,7 @@ body {
     position: relative;
     height: 100%;
     max-height: 100%;
-    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    font-family: 'Open Sans', sans-serif;
     letter-spacing: 0.01rem;
     background-color: #f8f8f8;
     font-size: 1.8rem;
@@ -42,10 +46,47 @@ body {
     color: #3A4145;
 }
 
+span.font-lg {
+    color: #080808;
+    border-bottom: 1px #080808 dashed;
+    font-size: 20px;
+}
+
 a:active, a:hover {
     outline: 0 none;
 }
 
+.btn {
+    text-transform: uppercase;
+    border-radius: 1px;
+}
+
+.form-group > .form-control {
+    border-radius: 0;
+}
+
+.btn-brilent {
+    border: 2px #4294ff solid;
+    color: #fefefe;
+    text-shadow: none;
+    background: #4294ff;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.btn-brilent:hover, .btn-brilent:focus {
+    color: #4294ff;
+    border: 2px #eeeeee solid;
+    text-shadow: none;
+    background: rgba(255, 255, 255, 0.85);
+}
+
+button i {
+    margin-right: 7px;
+}
+
 /*************************************************
  ******                                     ******
  ******          Navigation Bar             ******
@@ -56,24 +97,38 @@ a:active, a:hover {
     display: none;
 }
 
-.nav a {
+.nav > li > a {
+    padding: 25px 15px 15px 15px;
     cursor: pointer;
     height: 70px;
     text-align: center;
 }
 
 .nav .navbar-header a {
+    height: 70px;
     width: 180px;
-    background: url("../images/logo.png") no-repeat center center;
+    background: url("../images/Academy_Logo_Black.png") no-repeat center center;
     background-size: 150px auto;
 }
 
 .nav li {
+    font-size: 0.75em;
     height: 70px;
     text-align: center;
+    text-transform: uppercase;
+}
+
+.navbar-brilent .navbar-nav > .active > a, .navbar-brilent .navbar-nav > .active > a:hover, .navbar-brilent .navbar-nav > .active > a:focus {
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+    background: #4294ff;
+    color: #fff;
 }
 
 .nav li i {
+    font-size: 20px;
     width: 100%;
     display: inline-block;
 }
@@ -89,19 +144,34 @@ a:active, a:hover {
  *************************************************/
 
 /* Section general settings */
-section {
+section.section-block {
     display: block;
-    padding-top: 70px;
-    margin-bottom: -70px;
+    padding-top: 60px;
+    margin-bottom: 40px;
 }
 
-section.section-block {
-    padding-top: 100px;
-    padding-bottom: 120px;
+section .container {
+    padding-bottom: 60px;
+}
+
+section .container:after {
+    width: 80%;
+    height: 1px;
+    margin-bottom: 5px;
+    margin-top: 60px;
+    position: absolute;
+    left: 50%;
+    margin-left: -40%;
+    display: block;
+    content: '';
+    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
+    background: -o-linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
+    background: -moz-linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
+    background: -webkit-linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
 }
 
 .section-block h1 {
-    color: #fff;
+    color: #000;
     font-size: 44px;
     line-height: 44px;
     font-weight: 300;
@@ -121,105 +191,137 @@ section.section-block {
     color: #888;
     margin: 0 0 90px 0;
     font-weight: 300;
-    font-family: "Open Sans", sans-serif;
+}
+
+.section-block h1.no-subtitle {
+    margin-bottom: 90px;
 }
 
 .section-block h2.sub-title:after, .section-block h1.no-subtitle:after {
     background-color: #4294ff;
     display: block;
-    height: 1px;
-    width: 150px;
+    height: 3px;
+    width: 100px;
     content: '';
     position: absolute;
-    margin-left: -75px;
+    margin-left: -50px;
     margin-top: 20px;
     left: 50%;
 }
 
-/* Section-1 */
-.section-1{
-    background-color: #4294ff;
+section .section-content {
+    padding: 0 15px;
+    margin-bottom: 20px;
+    color: #101010;
+    font-size: 16px;
 }
 
+section div.img-container {
 
-/* Section-3 */
-#employee {
-    position: relative;
 }
 
-.section-3 {
-    background-color: #4294ff;
+section div.apply-button {
+    margin: 60px auto 0 auto;
+    max-width: 330px;
+    text-align: center;
 }
-/* employee filter */
-#employee div.filter {
-    margin-top: -30px;
-    margin-bottom: 30px;
+
+section div.apply-button button {
+    margin: 10px 15px;
 }
 
-div.filter ul li {
-    padding: 0 10px;
-    display: inline-block;
-    border-left: 1px solid #444;
-    list-style: outside none none;
+section div.apply-button button.btn-apply {
+    font-size: 2em;
+    width: 330px;
+    height: 70px;
 }
 
-div.filter ul li:before {
-    content: "";
-    display: inline-block;
-    margin-right: 4px;
-    height: 15px;
-    width: 15px;
+.section-content-detail {
+    position: relative;
+    display: block;
+    margin: 0 15px;
+}
+
+.section-content-detail i {
+    width: 55px;
+    height: 55px;
+    margin: 5px 5px 5px 15px;
+    float: left;
+    font-size: 50px;
+    color: #4294ff;
 }
 
-div.filter ul li:first-child {
-    border-left: medium none;
+.section-content-detail h3 {
+    margin-left: 80px;
+    height: auto;
+    padding: 0 15px;
+    line-height: 2.3;
+    margin-bottom: 0;
+    font-size: 1.25em;
+    font-weight: 600;
 }
 
-div.filter ul li.data:before {
-    background: none repeat scroll 0 0 #FFC336;
+.section-content-detail p {
+    margin-left: 80px;
+    height: auto;
+    font-size: 1.0em;
 }
 
-div.filter ul li.engineering:before {
-    background: none repeat scroll 0 0 #269abc;
+/* Section-1 */
+#bootcamp {
+    margin-top: 30px;
 }
 
-div.filter ul li.career:before {
-    background: none repeat scroll 0 0 #449d44;
+#bootcamp button.btn-video {
+    margin: 0 auto;
 }
 
-div.filter ul li a {
-    cursor: pointer;
-    color: #333;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    transition: all 0.2s ease 0s;
-    text-decoration: none;
-    background: none repeat scroll 0 0 transparent;
+#bootcamp p.section-content {
+    line-height: 2.0;
 }
 
-div.filter ul li a:hover {
-    text-decoration: none;
-    border-bottom: 1px solid #333;
+#bootcamp h2.sub-title {
+    margin-top: 100px;
 }
 
-/* employee show */
-#employee div.emp {
+/* Section-2 */
+#mentors {
+
+}
+
+#mentors.section-people {
+    position: relative;
+}
+
+/* mentors show */
+#mentors.section-people div.mentors {
     position: relative;
     float: left;
-    width: 240px;
+    width: 100%;
     height: 240px;
     text-align: center;
 }
 
-#employee .pic {
+#mentors.section-people h4.job-title {
+    font-weight: 500;
+    padding-bottom: 10px;
+    margin: 0 auto 10px;
+    text-align: center;
+}
+
+#mentors.section-people .pic {
     position: relative;
+    background-color: #e6f2f7;
     width: 200px;
     height: 200px;
     border-radius: 200px;
     margin: auto;
     overflow: hidden;
+    border: 3px solid #4294ff;
 }
 
-#employee div.emp img {
+#mentors.section-people div.mentors img {
+    background-color: #e6f2f7;
     position: absolute;
     top: 0;
     left: 0;
@@ -230,130 +332,293 @@ div.filter ul li a:hover {
     border: 0 none;
 }
 
-#employee .data .pic {
-    border: 3px solid #FFC336;
+#mentors.section-people h2.mentorsName {
+    font-family: "Courier New", sans-serif;
+    text-align: center;
+    font-size: 1.25em;
+    color: #000;
+    font-weight: 700;
+    width: 100%;
+    height: 15px;
+    position: absolute;
+    top: 155px;
+    left: -70px;
+    -webkit-transform: rotate(42deg);
+    transform: rotate(42deg);
+}
+
+#mentors.section-people div.company {
+    position: absolute;
+    left: 50%;
+    bottom: 55px;
+    width: 40px;
+    height: 30px;
+    margin-left: 60px;
+    text-decoration: none;
+    background: #fff;
+}
+
+#mentors.section-people div.company i {
+    font-size: 40px;
+    margin-top: -7px;
+    margin-left: -7px;
 }
 
-#employee .engineering .pic {
-    border: 3px solid #269abc;
+#mentors .mentor-container {
+    position: relative;
+    width: 100%;
 }
 
-#employee .career .pic {
-    border: 3px solid #449d44;
+#mentors .mentor-show {
+    position: absolute;
+    float: none;
+    width: 275px;
+    height: 370px;
 }
 
-#employee h1 {
-    color: #000;
+/* section-3 */
+#fellows {
+
 }
 
-#employee h2.name {
-    font-family: "Courier New", sans-serif;
+/* fellows show */
+#fellows.section-people div.fellows {
+    position: relative;
+    float: left;
+    width: 100%;
+    height: 140px;
     text-align: center;
-    font-size: 1.25em;
-    color: #000;
-    font-weight: 700;
-    width: 200px;
-    height: 15px;
+}
+
+#fellows.section-people p.job-title {
     position: absolute;
-    top: 155px;
-    left: -45px;
-    transform: rotate(38deg);
+    top: 35px;
+    left: 125px;
+    font-size: 0.75em;
+    font-weight: 500;
+    padding-bottom: 10px;
+    margin: 0 auto 10px;
+    text-align: left;
+    line-height: 1.5;
 }
 
-#empContainer{
+#fellows.section-people .pic {
+    position: relative;
+    background-color: #e6f2f7;
+    width: 100px;
+    height: 100px;
+    border-radius: 100px;
+    margin: auto auto auto 10px;
+    overflow: hidden;
+    border: 3px solid #4294ff;
+}
+
+#fellows.section-people div.fellows img {
+    background-color: #e6f2f7;
+    position: absolute;
+    top: 0;
+    left: 0;
+    max-width: 100%;
+    height: 100%;
+    border-radius: 100px;
+    vertical-align: middle;
+    border: 0 none;
+}
+
+#fellows.section-people h2.fellowsName {
+    font-family: "Courier New", sans-serif;
+    text-align: left;
+    font-size: 1em;
+    color: #000;
+    font-weight: 600;
+    width: 200px;
+    height: auto;
+    position: absolute;
+    top: 0;
+    left: 125px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px #e0e0e0 solid;
+}
+
+/*#fellows.section-people div.company {*/
+    /*position: absolute;*/
+    /*right: 10px;*/
+    /*top: 10px;*/
+    /*width: 30px;*/
+    /*height: 25px;*/
+    /*text-decoration: none;*/
+    /*background: #fff;*/
+/*}*/
+
+/*#fellows.section-people div.company i {*/
+    /*font-size: 30px;*/
+    /*margin-top: -7px;*/
+    /*margin-left: -7px;*/
+/*}*/
+
+#fellows .fellow-container {
     position: relative;
     width: 100%;
 }
 
-.emp-show{
+#fellows .fellow-show {
     position: absolute;
     float: none;
+    width: 330px;
 }
-.section-4{
-    background-color: #4294ff;
+
+#fellows h2.sub-title {
+    margin-top: 80px;
 }
-.color1 {
-    color: #fff;
+
+#fellows div.testimonial {
+    display: block;
+    margin: 60px 10px;
+    padding: 15px;
+    font-size: 16px;
+    min-height: 180px;
+    position: relative;
 }
 
-div.filter ul {
-    margin: 15px 0 0;
-    font-size: 18px;
-    list-style: none;
+#fellows div.testimonial:nth-child(odd) {
+    background: rgba(66, 148, 255, 0.1);
 }
 
-h2.subTitle {
-    font-size: 24px;
-    line-height: 24px;
-    font-weight: 300;
-    font-style: normal;
-    padding: 0;
-    margin-bottom: 90px;
+#fellows div.testimonial:nth-child(even) {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+#fellows div.testimonial p.camper-name {
+    margin: 30px 0 0 0;
+}
+
+#fellows div.testimonial p.camper-title {
+    font-weight: 600;
+}
+
+#fellows .container:after {
+    display: none;
+}
+
+#fellows div.apply-button {
+    margin-top: 0;
+}
+
+/* section-4 */
+#academy {
+    margin-top: 30px;
+}
+
+#academy div.section-content-summary {
     text-align: center;
+    font-size: 1.1em;
+    padding-bottom: 15px;
+    /*border-bottom: 1px solid #888;*/
+    margin-bottom: 30px;
 }
 
-h2.subTitle:after{
-background: #fff;
+#academy div.intro-video-container {
+    height: 470px;
+    background-color: #f8f8f8;
 }
-h2.subTitle:after, h1.noSubtitle:after {
-background-color: #fff;
-display: block;
-height: 1px;
-width: 150px;
-content: '';
-position: absolute;
-margin-left: -75px;
-margin-top: 20px;
-left: 50%;
+
+#academy div.intro-video {
+    max-height: 300px;
+    border: 1px solid #e0e0e0;
+    margin: 0 auto;
 }
-.panel-group{
+
+#academy i {
+    margin-right: 10px;
+}
+
+#academy h4 {
+    font-size: 1.2em;
+    font-weight: 600;
+    margin-top: 30px;
     margin-bottom: 20px;
 }
 
-.panel-title {
-    color: #204d74;
-    display: block;
-    padding: 10px 15px;
-    margin: -10px -15px;
-    outline: none;
-    font-size: 20px;
-    cursor: pointer;
+#academy .section-content-no-title {
+    margin-top: 30px;
 }
 
-.panel-body {
-    border-top: 1px solid lightgray;
+#academy .container:after {
+    height: 0;
 }
 
-a {
-    background-color: transparent;
+/* section-5 */
+#contact {
+    margin-bottom: 20px;
 }
 
-a:-webkit-any-link {
-    color: #337ab7;
-    cursor: auto;
+#contact, #contact h1 {
+    color: #fff;
+    background-color: #4294ff;
 }
 
-h4 {
-    display: block;
-    -webkit-margin-before: 1.33em;
-    -webkit-margin-after: 1.33em;
-    -webkit-margin-start: 0px;
-    -webkit-margin-end: 0px;
-    font-weight: bold;
+#contact iframe.google-map-iframe {
+    margin: 0;
+    width: 100%;
+    height: 366px;
+    border: 0 none;
 }
 
-.panel-default > .panel-heading {
-    color: #333;
-    background-color: #fff;
-    border-color: #ddd;
+#contact div.g-recaptcha {
+    background-color: rgba(255, 255, 255, 0.9);
+    margin-right: 10px;
+    width: 302px;
+    height: 76px;
+    overflow: hidden;
 }
 
-.alert {
-    font-size: 12px;
-    padding: 0;
-    margin-bottom: 5px;
-    border: 1px solid transparent;
-    border-radius: 5px;
+#contact .btn-brilent {
+    text-align: center;
+    border: 2px #fefefe solid;
+    color: #4294ff;
+    text-shadow: none;
+    background: #fefefe;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+#contact .btn-brilent:hover, #contact .btn-brilent:focus {
+    color: #fefefe;
+    border: 2px #eeeeee solid;
+    text-shadow: none;
+    background: #4294ff;
+}
+
+#contact div.row > div.col-xs-6 {
+    margin-top: 20px;
+    height: 200px;
+    overflow: hidden;
+}
+
+#contact div.row > div.col-xs-6 h3 {
+    font-size: 1em;
+    margin-bottom: 10px;
+    padding-bottom: 10px;
+    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
+}
+
+#contact div.row > div.col-xs-6 p {
+    font-size: 0.85em;
+    margin-bottom: 20px;
+}
+
+#contact div.row > div.col-xs-6 p a {
+    color: inherit;
+    text-decoration: none;
+    outline: medium none;
+}
+
+#contact div.row > div.col-xs-6:nth-child(1) {
+    border-right: 1px rgba(255, 255, 255, 0.8) solid;
 }
 
 /*************************************************
@@ -365,24 +630,65 @@ h4 {
 /* Cover background */
 .cover {
     position: relative;
-    margin-bottom: -50px;
+    margin-bottom: -70px;
     text-align: center;
     background-size: cover;
     background-attachment: fixed;
     overflow: hidden;
 }
 
+/* Sub cover settings */
+.mid-cover {
+    height: 375px;
+    margin-top: 70px;
+    margin-bottom: -70px;
+    background-size: cover;
+    background: url('../images/covers/coaches.jpg') fixed center center;
+}
+
+.cover-content {
+    position: relative;
+    margin-top: 100px;
+}
+
+/* Main cover settings */
 #main-header {
     display: table;
     width: 100%;
     height: 100%;
-    background-image: url('../images/diablo.jpg');
+    background-image: url('../images/covers/home.jpg');
 }
 
-#mid {
-    background-image: url('../images/city_by_the_bay_1232.jpg');
+/* Main cover Login button */
+#main-header div.login {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 70px;
+    padding: 35px 40px;
+    margin: 0 0 30px;
+    border: medium none;
+    display: block;
+    text-align: center;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%) repeat scroll 0 0 transparent;
+}
+
+#main-header div.login a {
+    display: inline-block;
+    float: right;
+    width: 150px;
+    height: 38px;
+    padding: 0 20px;
+    text-align: center;
+    text-transform: uppercase;
+    text-decoration: none;
+    font-weight: 600;
+    line-height: 35px;
+    white-space: nowrap;
 }
 
+/* Main cover layout */
 .vertical {
     display: table-cell;
     vertical-align: middle;
@@ -390,6 +696,7 @@ h4 {
 
 .inner {
     position: relative;
+    top: 20px;
     width: 80%;
     max-width: 710px;
     margin: 0 auto;
@@ -401,7 +708,6 @@ h4 {
     font-size: 5rem;
     letter-spacing: -1px;
     font-weight: 700;
-    font-family: "Open Sans", sans-serif;
     color: #fff;
     -webkit-animation: fade-in-down 0.6s;
     -moz-animation: fade-in-down 0.6s;
@@ -414,11 +720,10 @@ h4 {
 }
 
 .inner .page-description {
-    margin: 0;
+    margin: 0 0 40px 0;
     font-size: 2rem;
     line-height: 1.5em;
     font-weight: 400;
-    font-family: "Merriweather", serif;
     letter-spacing: 0.01rem;
     color: rgba(255, 255, 255, 0.8);
     -webkit-animation: fade-in-down 0.9s;
@@ -432,7 +737,7 @@ h4 {
 }
 
 /* Cover ghost button */
-.inner div {
+div.ghost-button-group {
     list-style: none;
     width: 100%;
     height: 36px;
@@ -442,15 +747,15 @@ h4 {
     text-align: center;
 }
 
-.inner div label.button {
+label.button {
     border: 2px solid rgba(255, 255, 255, 0.80);
     position: relative;
     width: 45%;
     min-width: 260px;
-    height: 36px;
-    margin-left: 15px;
-    margin-right: 15px;
-    margin-bottom: 20px;
+    height: 44px;
+    font-size: 22px;
+    padding: 5px 12px;
+    margin: 0 15px 20px 15px;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 0;
     z-index: 999;
@@ -459,18 +764,17 @@ h4 {
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
 }
-.inner div label.button:hover {
-    color: #4294ff;
-}
 
-.button:hover {
+label.button:hover {
+    text-shadow: none;
+    background: rgba(255, 255, 255, 0.85);
     border: 2px solid rgba(255, 255, 255, 1);
-    color: rgba(255, 255, 255, 1);
+    color: #4294ff;
 }
 
-.button .line {
+label.button .line {
     display: block;
-    z-index: 99999;
+    z-index: 9999;
     position: absolute;
     background: none;
     -webkit-transition: 0.3s ease;
@@ -479,54 +783,54 @@ h4 {
     transition: 0.3s ease;
 }
 
-.button:hover .line {
+label.button:hover .line {
     background-color: rgba(255, 255, 255, 1);
 }
 
-.button .line-top {
+label.button .line-top {
     height: 2px;
     width: 0;
     left: -110%;
     top: -2px;
 }
 
-.button:hover .line-top {
+label.button:hover .line-top {
     width: 100%;
     left: -2px;
 }
 
-.button .line-bottom {
+label.button .line-bottom {
     width: 0;
     height: 2px;
     right: -110%;
     bottom: -2px;
 }
 
-.button:hover .line-bottom {
+label.button:hover .line-bottom {
     width: 100%;
     right: -2px;
 }
 
-.button .line-left {
+label.button .line-left {
     width: 2px;
     height: 0;
     left: -2px;
     bottom: -110%
 }
 
-.button:hover .line-left {
+label.button:hover .line-left {
     height: 100%;
     bottom: -2px;
 }
 
-.button .line-right {
+label.button .line-right {
     width: 2px;
     height: 0;
     right: -2px;
     top: -110%
 }
 
-.button:hover .line-right {
+label.button:hover .line-right {
     height: 100%;
     top: -2px;
 }
@@ -560,6 +864,232 @@ h4 {
     animation: none;
 }
 
+/* Cover quote */
+blockquote {
+    font-size: 44px;
+    color: #fff;
+    border: 0;
+    font-family: 'Open Sans', sans-serif;
+    line-height: 120%;
+    width: 100%;
+}
+
+/*blockquote:before {*/
+/*position: absolute;*/
+/*top: 10px;*/
+/*left: 10px;*/
+/*color: #fff;*/
+/*content: '\f10d';*/
+/*font-family: FontAwesome, sans-serif;*/
+/*font-weight: normal;*/
+/*font-size: 44px;*/
+/*font-style: normal;*/
+/*display: inline-block;*/
+/*text-decoration: inherit;*/
+/*margin-right: .5em;*/
+
+/*}*/
+
+/*blockquote:after {*/
+/*position: absolute;*/
+/*bottom: 8px;*/
+/*right: 10px;*/
+/*color: #fff;*/
+/*content: '\f10e';*/
+/*font-family: FontAwesome, sans-serif;*/
+/*font-weight: normal;*/
+/*font-size: 44px;*/
+/*font-style: normal;*/
+/*display: inline-block;*/
+/*text-decoration: inherit;*/
+/*margin-right: .5em;*/
+/*}*/
+
+/* Cover font */
+blockquote small {
+    color: #fff;
+    display: inline;
+}
+
+blockquote div.pull-left {
+    margin-left: 50px;
+}
+
+blockquote div.pull-right {
+    margin-right: 75px;
+}
+
+/*************************************************
+ ******                                     ******
+ ******               Footer                ******
+ ******                                     ******
+ *************************************************/
+
+footer > div {
+    display: block;
+    position: relative;
+    padding: 15px 0;
+    font-size: 1.4rem;
+    line-height: 1.5;
+    height: 120px;
+}
+
+footer .footer-links {
+    position: absolute;
+    top: 10px;
+    left: 0;
+}
+
+footer ul.footer-links li {
+    list-style: none;
+    cursor: pointer;
+}
+
+footer p.tc {
+    position: absolute;
+    bottom: 10px;
+    left: 40px;
+}
+
+footer > div > a {
+    text-align: center;
+    line-height: 0;
+    font-size: 30px;
+    position: absolute;
+    width: 30px;
+    top: 10px;
+    height: 30px;
+    padding: 0;
+    color: #4294ff;
+}
+
+footer > div > :nth-child(3) {
+    right: 50px;
+}
+
+footer > div > :nth-child(4) {
+    right: 90px;
+}
+
+footer > div > :nth-child(5) {
+    right: 130px;
+}
+
+footer p.copyright {
+    position: absolute;
+    bottom: 10px;
+    right: 50px;
+}
+
+footer div.address {
+    position: absolute;
+    top: 10px;
+    left: 28%;
+    width: 310px;
+    height: 90px;
+}
+
+footer div.address h3 {
+    margin: 0 0 5px;
+    font-size: 1.1em;
+    font-weight: 600;
+}
+
+footer div.address p {
+    margin: 0 0 5px;
+    font-size: 1em;
+    line-height: 1.7;
+}
+
+/*************************************************
+ ******                                     ******
+ ******               icons                 ******
+ ******                                     ******
+ *************************************************/
+
+/* icon */
+.icon {
+    height: 40px;
+    width: 40px;
+    overflow: hidden;
+}
+
+.icon-mentors {
+    background: no-repeat url("../images/icons/Mentor.png") center center;
+}
+
+.icon-no-phd {
+    background: no-repeat url("../images/icons/No-PhD.png") center center;
+}
+
+.icon-projects {
+    background: no-repeat url("../images/icons/Projects.png") center center;
+}
+
+.icon-resources {
+    background: no-repeat url("../images/icons/Resources.png") center center;
+}
+
+.icon-skills {
+    background: no-repeat url("../images/icons/Skills.png") center center;
+}
+
+.icon-tuition {
+    background: no-repeat url("../images/icons/Tuition.png") center center;
+}
+
+.icon-content {
+    background: no-repeat url("../images/icons/Content.png") center center;
+}
+
+.icon-online-community {
+    background: no-repeat url("../images/icons/Online-Community.png") center center;
+}
+
+.icon-seasoned-mentor {
+    background: no-repeat url("../images/icons/Seasoned-Mentor.png") center center;
+}
+
+.icon-unlimited-access {
+    background: no-repeat url("../images/icons/Unlimited-Access.png") center center;
+}
+
+.icon-students {
+    background: no-repeat url("../images/icons/Students.png") center center;
+}
+
+.icon-transition {
+    background: no-repeat url("../images/icons/Transition.png") center center;
+}
+
+/*************************************************
+ ******                                     ******
+ ******           modal detail              ******
+ ******                                     ******
+ *************************************************/
+
+#applyNowModal {
+
+}
+
+#applyNowModal div.form-group label.btn-brilent {
+    border: 2px #e0e0e0 solid;
+    color: #222;
+    text-shadow: none;
+    background: #e0e0e0;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+#applyNowModal div.form-group label.btn-brilent:hover, #applyNowModal div.form-group label.btn-brilent:focus, #applyNowModal div.form-group label.btn-brilent.active {
+    border: 2px #4294ff solid;
+    color: #fefefe;
+    text-shadow: none;
+    background: #4294ff;
+}
+
 /*************************************************
  ******                                     ******
  ******         Customer animate            ******
@@ -612,106 +1142,18 @@ h4 {
     }
 }
 
-.btn {
-    text-transform: uppercase;
-}
-
-.btn.homeBtn {
-    position: relative;
-    background: rgba(255, 255, 255, 0.5);
-}
-
-.btn:hover {
-    color: #4294ff;
-    border-color: #eee;
-    text-shadow: none;
-    background: #fff;
-}
-
-.btn-lg {
-    margin: 20px 20px 20px 20px;
-    padding: 18px 23px;
-    font-size: 22px;
-}
-.button-lg {
-    margin:20px 20px 20px 20px;
-    padding: 18px 23px;
-    font-size: 22px;
-}
-
-blockquote{
-    font-size: 44px;
-    color:#fff;
-    border:0;
-    font-family: 'Open Sans', sans-serif;
-    line-height:120%;
-}
-blockquote:before {
-    color:#fff;
-    content: '\f10d';
-    font-family: FontAwesome;
-    font-weight: normal;
-    font-size: 44px;
-    font-style: normal;
-    display: inline-block;
-    text-decoration: inherit;
-    margin-right: .5em;
+@media screen and (min-width: 768px) {
+    #fellows div.testimonial:nth-child(odd) {
+        text-align: right;
+    }
 
-}
-blockquote:after {
-    color:#fff;
-    content: '\f10e';
-    font-family: FontAwesome;
-    font-weight: normal;
-    font-size: 44px;
-    font-style: normal;
-    display: inline-block;
-    text-decoration: inherit;
-    margin-right: .5em;
-}
-blockquote small{
-    color:#fff;
-    display: inline;
-}
-form #emailCheck{
-    width:50%;
-}
-#goLeft{
-    text-align: left;
+    #fellows div.testimonial:nth-child(even) {
+        text-align: left;
+    }
 }
 
-#emailLabel{
-    left:-1.8em;
-}
-
-.buttonNew {
-    border-top: 1px solid #fcfcfc;
-    background: #90caf0;
-    background: -webkit-gradient(linear, left top, left bottom, from(#0e3769), to(#90caf0));
-    background: -webkit-linear-gradient(top, #0e3769, #90caf0);
-    background: -moz-linear-gradient(top, #0e3769, #90caf0);
-    background: -ms-linear-gradient(top, #0e3769, #90caf0);
-    background: -o-linear-gradient(top, #0e3769, #90caf0);
-    padding: 15px 30px;
-    -webkit-border-radius: 16px;
-    -moz-border-radius: 16px;
-    border-radius: 16px;
-    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
-    box-shadow: rgba(0,0,0,1) 0 1px 0;
-    text-shadow: rgba(0,0,0,.4) 0 1px 0;
-    color: #ffffff;
-    font-size: 24px;
-    font-family: Helvetica, Arial, Sans-Serif;
-    text-decoration: none;
-    vertical-align: middle;
-}
-.buttonNew:hover {
-    border-top-color: #ffffff;
-    background: #ffffff;
-    color: #4294ff;
-}
-.buttonNew:active {
-    border-top-color: #0e396e;
-    background: #0e396e;
+@media screen and (max-width: 768px) {
+    #fellows div.testimonial {
+        text-align: left;
+    }
 }
\ No newline at end of file
diff --git a/images/Academy_Logo.png b/images/Academy_Logo.png
new file mode 100644
index 0000000..f19d266
Binary files /dev/null and b/images/Academy_Logo.png differ
diff --git a/images/Academy_Logo_Black.png b/images/Academy_Logo_Black.png
new file mode 100644
index 0000000..35bb2db
Binary files /dev/null and b/images/Academy_Logo_Black.png differ
diff --git a/images/Apple.png b/images/Apple.png
deleted file mode 100644
index e3f00e9..0000000
Binary files a/images/Apple.png and /dev/null differ
diff --git a/images/IBM.png b/images/IBM.png
deleted file mode 100644
index 6cc2b8c..0000000
Binary files a/images/IBM.png and /dev/null differ
diff --git a/images/Samsung.png b/images/Samsung.png
deleted file mode 100644
index e87a3ef..0000000
Binary files a/images/Samsung.png and /dev/null differ
diff --git a/images/apply-now.jpg b/images/apply-now.jpg
new file mode 100644
index 0000000..03fd3d1
Binary files /dev/null and b/images/apply-now.jpg differ
diff --git a/images/city_by_the_bay_1232.jpg b/images/city_by_the_bay_1232.jpg
deleted file mode 100644
index dfd1524..0000000
Binary files a/images/city_by_the_bay_1232.jpg and /dev/null differ
diff --git a/images/covers/about.jpg b/images/covers/about.jpg
new file mode 100644
index 0000000..cd17a25
Binary files /dev/null and b/images/covers/about.jpg differ
diff --git a/images/covers/bootcamp.jpg b/images/covers/bootcamp.jpg
new file mode 100644
index 0000000..17e874a
Binary files /dev/null and b/images/covers/bootcamp.jpg differ
diff --git a/images/covers/coaches.jpg b/images/covers/coaches.jpg
new file mode 100644
index 0000000..762927e
Binary files /dev/null and b/images/covers/coaches.jpg differ
diff --git a/images/covers/home.jpg b/images/covers/home.jpg
new file mode 100644
index 0000000..bc8b323
Binary files /dev/null and b/images/covers/home.jpg differ
diff --git a/images/diablo.jpg b/images/diablo.jpg
deleted file mode 100644
index ea42df8..0000000
Binary files a/images/diablo.jpg and /dev/null differ
diff --git a/images/fellows/Andy.jpg b/images/fellows/Andy.jpg
new file mode 100644
index 0000000..3c8d47d
Binary files /dev/null and b/images/fellows/Andy.jpg differ
diff --git a/images/fellows/Bhabani.jpg b/images/fellows/Bhabani.jpg
new file mode 100644
index 0000000..ea04678
Binary files /dev/null and b/images/fellows/Bhabani.jpg differ
diff --git a/images/fellows/CarterLin.jpg b/images/fellows/CarterLin.jpg
new file mode 100644
index 0000000..78ea216
Binary files /dev/null and b/images/fellows/CarterLin.jpg differ
diff --git a/images/fellows/Ellie.jpg b/images/fellows/Ellie.jpg
new file mode 100644
index 0000000..286ddb4
Binary files /dev/null and b/images/fellows/Ellie.jpg differ
diff --git a/images/fellows/FanYe.jpg b/images/fellows/FanYe.jpg
new file mode 100644
index 0000000..f1ecf49
Binary files /dev/null and b/images/fellows/FanYe.jpg differ
diff --git a/images/fellows/FrankJiang.JPG b/images/fellows/FrankJiang.JPG
new file mode 100644
index 0000000..4397292
Binary files /dev/null and b/images/fellows/FrankJiang.JPG differ
diff --git a/images/fellows/JamesBao.jpg b/images/fellows/JamesBao.jpg
new file mode 100644
index 0000000..ba363ba
Binary files /dev/null and b/images/fellows/JamesBao.jpg differ
diff --git a/images/fellows/JerryJiang.jpg b/images/fellows/JerryJiang.jpg
new file mode 100644
index 0000000..d8d07c2
Binary files /dev/null and b/images/fellows/JerryJiang.jpg differ
diff --git a/images/fellows/Olivia Zhao.JPG b/images/fellows/Olivia Zhao.JPG
new file mode 100644
index 0000000..f20d01a
Binary files /dev/null and b/images/fellows/Olivia Zhao.JPG differ
diff --git a/images/fellows/RongZhao.jpg b/images/fellows/RongZhao.jpg
new file mode 100644
index 0000000..ca79319
Binary files /dev/null and b/images/fellows/RongZhao.jpg differ
diff --git a/images/fellows/SamJu.jpg b/images/fellows/SamJu.jpg
new file mode 100644
index 0000000..950707c
Binary files /dev/null and b/images/fellows/SamJu.jpg differ
diff --git a/images/fellows/StevenZhang.jpg b/images/fellows/StevenZhang.jpg
new file mode 100644
index 0000000..076c3e2
Binary files /dev/null and b/images/fellows/StevenZhang.jpg differ
diff --git a/images/icons/Content.png b/images/icons/Content.png
new file mode 100644
index 0000000..33e8ab3
Binary files /dev/null and b/images/icons/Content.png differ
diff --git a/images/icons/Mentor.png b/images/icons/Mentor.png
new file mode 100644
index 0000000..304c1c2
Binary files /dev/null and b/images/icons/Mentor.png differ
diff --git a/images/icons/No-PhD.png b/images/icons/No-PhD.png
new file mode 100644
index 0000000..8edc990
Binary files /dev/null and b/images/icons/No-PhD.png differ
diff --git a/images/icons/Online-Community.png b/images/icons/Online-Community.png
new file mode 100644
index 0000000..5922995
Binary files /dev/null and b/images/icons/Online-Community.png differ
diff --git a/images/icons/Projects.png b/images/icons/Projects.png
new file mode 100644
index 0000000..7afb06d
Binary files /dev/null and b/images/icons/Projects.png differ
diff --git a/images/icons/Resources.png b/images/icons/Resources.png
new file mode 100644
index 0000000..5f429e3
Binary files /dev/null and b/images/icons/Resources.png differ
diff --git a/images/icons/Seasoned-Mentor.png b/images/icons/Seasoned-Mentor.png
new file mode 100644
index 0000000..86a1a8a
Binary files /dev/null and b/images/icons/Seasoned-Mentor.png differ
diff --git a/images/icons/Skills.png b/images/icons/Skills.png
new file mode 100644
index 0000000..0ba546c
Binary files /dev/null and b/images/icons/Skills.png differ
diff --git a/images/icons/Students.png b/images/icons/Students.png
new file mode 100644
index 0000000..f949021
Binary files /dev/null and b/images/icons/Students.png differ
diff --git a/images/icons/Transition.png b/images/icons/Transition.png
new file mode 100644
index 0000000..79d17a9
Binary files /dev/null and b/images/icons/Transition.png differ
diff --git a/images/icons/Tuition.png b/images/icons/Tuition.png
new file mode 100644
index 0000000..4beb27b
Binary files /dev/null and b/images/icons/Tuition.png differ
diff --git a/images/icons/Unlimited-Access.png b/images/icons/Unlimited-Access.png
new file mode 100644
index 0000000..43d1202
Binary files /dev/null and b/images/icons/Unlimited-Access.png differ
diff --git a/images/mentors/chiyi.png b/images/mentors/chiyi.png
new file mode 100644
index 0000000..738f5c3
Binary files /dev/null and b/images/mentors/chiyi.png differ
diff --git a/images/mentors/cindi.png b/images/mentors/cindi.png
new file mode 100644
index 0000000..a5285a6
Binary files /dev/null and b/images/mentors/cindi.png differ
diff --git a/images/mentors/edwoo.png b/images/mentors/edwoo.png
new file mode 100644
index 0000000..29d4ff5
Binary files /dev/null and b/images/mentors/edwoo.png differ
diff --git a/images/mentors/garry.png b/images/mentors/garry.png
new file mode 100644
index 0000000..5d87ae5
Binary files /dev/null and b/images/mentors/garry.png differ
diff --git a/images/mentors/harry.png b/images/mentors/harry.png
new file mode 100644
index 0000000..a43bb30
Binary files /dev/null and b/images/mentors/harry.png differ
diff --git a/images/mentors/holly.png b/images/mentors/holly.png
new file mode 100644
index 0000000..ccf1db0
Binary files /dev/null and b/images/mentors/holly.png differ
diff --git a/images/mentors/jay.png b/images/mentors/jay.png
new file mode 100644
index 0000000..8a348b5
Binary files /dev/null and b/images/mentors/jay.png differ
diff --git a/images/mentors/karthik.jpg b/images/mentors/karthik.jpg
new file mode 100644
index 0000000..09f4375
Binary files /dev/null and b/images/mentors/karthik.jpg differ
diff --git a/images/mentors/linlin.png b/images/mentors/linlin.png
new file mode 100644
index 0000000..6f90ed6
Binary files /dev/null and b/images/mentors/linlin.png differ
diff --git a/images/mentors/may.png b/images/mentors/may.png
new file mode 100644
index 0000000..c256b99
Binary files /dev/null and b/images/mentors/may.png differ
diff --git a/images/mentors/salina.png b/images/mentors/salina.png
new file mode 100644
index 0000000..3c03880
Binary files /dev/null and b/images/mentors/salina.png differ
diff --git a/images/mentors/sanjoy.jpg b/images/mentors/sanjoy.jpg
new file mode 100644
index 0000000..5dc0dfc
Binary files /dev/null and b/images/mentors/sanjoy.jpg differ
diff --git a/images/mentors/satya.png b/images/mentors/satya.png
new file mode 100644
index 0000000..7bdf398
Binary files /dev/null and b/images/mentors/satya.png differ
diff --git a/images/mentors/yihua.png b/images/mentors/yihua.png
new file mode 100644
index 0000000..265af23
Binary files /dev/null and b/images/mentors/yihua.png differ
diff --git a/images/microsoft.png b/images/microsoft.png
deleted file mode 100644
index e174def..0000000
Binary files a/images/microsoft.png and /dev/null differ
diff --git a/images/sample_projects_images/Brilent - Analytics Job Demand.jpg b/images/sample_projects_images/Brilent - Analytics Job Demand.jpg
new file mode 100644
index 0000000..8792f4d
Binary files /dev/null and b/images/sample_projects_images/Brilent - Analytics Job Demand.jpg differ
diff --git a/images/sample_projects_images/Brilent - Dalia.jpg b/images/sample_projects_images/Brilent - Dalia.jpg
new file mode 100644
index 0000000..d3aa538
Binary files /dev/null and b/images/sample_projects_images/Brilent - Dalia.jpg differ
diff --git a/images/testimonials/CL.JPG b/images/testimonials/CL.JPG
new file mode 100644
index 0000000..ef9e601
Binary files /dev/null and b/images/testimonials/CL.JPG differ
diff --git a/images/testimonials/JJ.JPG b/images/testimonials/JJ.JPG
new file mode 100644
index 0000000..ea94abb
Binary files /dev/null and b/images/testimonials/JJ.JPG differ
diff --git a/images/testimonials/YG-1.JPG b/images/testimonials/YG-1.JPG
new file mode 100644
index 0000000..d838b0f
Binary files /dev/null and b/images/testimonials/YG-1.JPG differ
diff --git a/images/testimonials/ZZ.jpg b/images/testimonials/ZZ.jpg
new file mode 100644
index 0000000..076c3e2
Binary files /dev/null and b/images/testimonials/ZZ.jpg differ
diff --git a/index.html b/index.html
index c5624a8..e7a3cde 100644
--- a/index.html
+++ b/index.html
@@ -4,22 +4,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <title></title>
-    <!-- font -->
-    <link rel="stylesheet" type="text/css" href="addOn/cdnLocalCopy/fonts/openSans.css">
-    <!-- Bootstrap 3.3.4 css file -->
-    <link rel="stylesheet" href="addOn/cdnLocalCopy/Bootstrap/bootstrap.css">
-    <!-- Font Awesome 4.3.0 css file -->
-    <link rel="stylesheet" href="addOn/cdnLocalCopy/Font-awesome/font-awesome.css">
     <!--&lt;!&ndash; font &ndash;&gt;-->
-    <!--<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css" />-->
-    <!--&lt;!&ndash; Latest compiled and minified CSS &ndash;&gt;-->
-    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">-->
+    <!--<link rel="stylesheet" type="text/css" href="addOn/cdnLocalCopy/fonts/openSans.css">-->
+    <!--&lt;!&ndash; Bootstrap 3.3.4 css file &ndash;&gt;-->
+    <!--<link rel="stylesheet" href="addOn/cdnLocalCopy/Bootstrap/bootstrap.css">-->
     <!--&lt;!&ndash; Font Awesome 4.3.0 css file &ndash;&gt;-->
-    <!--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">-->
+    <!--<link rel="stylesheet" href="addOn/cdnLocalCopy/Font-awesome/font-awesome.css">-->
+    <!-- font -->
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css" />
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+    <!-- Font Awesome 4.3.0 css file -->
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
     <!-- Customer css file -->
     <link rel="stylesheet" href="css/main.css">
-    <script src='https://www.google.com/recaptcha/api.js'></script>
 </head>
 <body data-spy="scroll" data-target="#navbar-example">
 <!-- Start of navigation bar fixed top -->
@@ -42,400 +41,1120 @@
             <ul class="nav navbar-nav navbar-right" role="tablist">
                 <li class="active">
                     <a class="scroll-go-to" data-target="#main-header">
-                        <i class="fa fa-home"></i>
                         Home<span class="sr-only">(current)</span>
                     </a>
                 </li>
                 <li>
-                    <a class="scroll-go-to" data-target="#gettingStart">
-                        <i class="fa fa-play"></i>
-                        Getting Start
+                    <a class="scroll-go-to" data-target="#bootcamp">
+                        Bootcamp
                     </a>
                 </li>
                 <li>
-                    <a class="scroll-go-to" data-target="#mid">
-                        <i class="fa fa-cogs"></i>
-                        Middle
+                    <a class="scroll-go-to" data-target="#mentors">
+                        Mentors
                     </a>
                 </li>
+                <li>
+                    <a class="scroll-go-to" data-target="#fellows">
+                        Fellows
+                    </a>
+                </li>
+                <li>
+                    <a class="scroll-go-to" data-target="#academy">
+                        Online Academy
+                    </a>
+                </li>
+                <!--<li>-->
+                <!--<a class="scroll-go-to" data-target="#faq">-->
+                <!--<i class="fa fa-gamepad hidden-xs"></i>-->
+                <!--Faq-->
+                <!--</a>-->
+                <!--</li>-->
                 <li>
                     <a class="scroll-go-to" data-target="#contact">
-                        <i class="fa fa-gamepad"></i>
-                        Bottom
+                        Contact
                     </a>
                 </li>
             </ul>
         </div>
-        <!-- /.navbar-collapse -->
     </div>
-    <!-- /.container-fluid -->
 </nav>
 <!-- End of navigation bar fixed top -->
 
 <!-- Start of cover -->
-<section id="main-header" class="section-block cover">
+<section id="main-header" class="cover">
+    <div class="login">
+        <a class="btn btn-brilent" href="http://54.67.61.190:8080/olat" target="_blank">Login Here</a>
+    </div>
     <div class="vertical">
         <div class="main-header-content inner">
-            <h1 class="page-title">Focus</h1>
+            <h1 class="page-title">Brilent Academy</h1>
 
-            <p class="page-description">description about this web page</p>
+            <p class="page-description">A brilliant boost to your career in Data Science and Analytics</p>
 
-            <div>
-                <label class="btn button scroll-go-to" data-target="#gettingStart">
+            <div class="ghost-button-group">
+                <label class="btn button scroll-go-to" data-target="#bootcamp">
                     <span class="line line-top"></span>
                     <span class="line line-left"></span>
                     <span class="line line-bottom"></span>
                     <span class="line line-right"></span>
-                    Getting Start
+                    In-Person Bootcamp
                 </label>
-                <label class="btn button scroll-go-to" data-target="#mid">
+                <label class="btn button scroll-go-to" data-target="#academy">
                     <span class="line line-top"></span>
                     <span class="line line-left"></span>
                     <span class="line line-bottom"></span>
                     <span class="line line-right"></span>
-                    Go to middle
+                    Online Academy
                 </label>
             </div>
         </div>
     </div>
-    <a class="scroll-down scroll-go-to" data-target="#gettingStart" role="button"><i
-            class="fa fa-angle-down"></i></a>
+    <a class="scroll-down scroll-go-to hidden-xs" data-target="#bootcamp" role="button">
+        <i class="fa fa-angle-down"></i>
+    </a>
 </section>
 <!-- End of cover -->
 
-<!-- Start of first temp section -->
-<section id="gettingStart" class="section-block section-1">
+<!-- Start of first section -> intro video-->
+<section id="bootcamp" class="section-block section-1">
     <div class="container">
+        <div class="page-title section-title">
+            <h1 class="no-subtitle">Brilent Bootcamp</h1>
+        </div>
         <div class="row">
-            <div class="page-title">
-                <h1>Getting Start</h1>
+            <div class="col-md-6 col-sm-12">
+                <p class="section-content">
+                    <strong>Brilent Bootcamp</strong> is a 6-week data analytics training
+                    program where you will get the opportunity to network and be mentored by seasoned data science
+                    professionals on real-world projects.
+                </p>
+
+                <p class="section-content">
+                    At the end of the program, you will be able to present your
+                    hard work in front of top employers and be ready to land your dream job!
+                </p>
 
-                <h2 class="sub-title subTitle">Request an Application</h2>
+                <p class="section-content">
+                    The next bootcamp will be offered in our Silicon Valley and Boston area offices.
+                </p>
+                <button type="button" class="btn btn-brilent visible-sm visible-xs btn-video" data-toggle="modal"
+                        data-target="#introVideoModal">
+                    Launch in new modal
+                </button>
             </div>
-            <div class="content">
-                <center>
-                    <p class="col-xs-12 col-md-4 col-md-offset-4">Sign up here to get infomation about future
-                        sessions</p>
-
-                    <form method="post" action="#contact" class="contactForm" id="generalApplyForm" role="form">
-                        <div class="row">
-                            <div class="col-xs-12 col-md-4 col-md-offset-4">
-                                <div class="form-group">
-                                    <label for="contactEmailApply" class="col-xs-12 col-md-4"
-                                           id="emailLabel">Email</label>
-
-                                    <div class="alert alert-danger" role="alert" id="errorEmailApply">
-                                        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-                                        <span class="sr-only error">Error:</span>
-                                        Please enter a valid Email
-                                    </div>
-                                    <input type="email" class="form-control" name="contactEmailApply"
-                                           id="contactEmailApply" placeholder="Enter email"
-                                           title="Please enter a valid email address"/>
+            <div class="col-md-6 hidden-sm hidden-xs">
+                <div class="embed-responsive embed-responsive-16by9">
+                    <iframe class="embed-responsive-item"
+                            src="https://www.youtube.com/embed/gdqvRBO0_ek?rel=0&amp;controls=0&amp;showinfo=0"></iframe>
+                </div>
+            </div>
+        </div>
+        <!--</div>-->
+        <!--</section>-->
+        <!--&lt;!&ndash; End of first section -> intro video &ndash;&gt;-->
+
+        <!--&lt;!&ndash; Start of second section -> approach &ndash;&gt;-->
+        <!--<section id="approach" class="section-block section-2">-->
+        <!--<div class="container">-->
+        <div class="page-title section-title">
+            <h2 class="sub-title">What makes us unique</h2>
+        </div>
+        <div class="row">
+            <div class="section-content">
+                <div class="row">
+                    <div class="col-md-6 col-sm-12 section-content-left">
+                        <div class="section-content-detail">
+                            <i class="icon icon-mentors"></i>
+                            <h3>Full-time & part-time expert mentors</h3>
+                            <p class="section-content">
+                                Work alongside former and current data scientists from Facebook, LinkedIn, Google,
+                                Twitter, and other top tier companies.
+                            </p>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-sm-12 section-content-right">
+                        <div class="section-content-detail">
+                            <i class="icon icon-projects"></i>
+                            <h3>Real-world projects</h3>
+                            <p class="section-content">
+                                Build your portfolio and solve real-world problems (some are from companies that have an
+                                exclusive partnership with Brilent).
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-6 col-sm-12 section-content-left">
+                        <div class="section-content-detail">
+                            <i class="icon icon-skills"></i>
+                            <h3>Real industry skills</h3>
+                            <p class="section-content">
+                                We help you develop problem-solving, critical thinking, and business presentation
+                                skills, which will turn you into a more qualified and marketable job applicant
+                            </p>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-sm-12 section-content-right">
+                        <div class="section-content-detail">
+                            <i class="icon icon-resources"></i>
+                            <h3>Exclusive resources</h3>
+                            <p class="section-content">
+                                Have unlimited access to our online resources.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-6 col-sm-12 section-content-left">
+                        <div class="section-content-detail">
+                            <i class="icon icon-tuition"></i>
+                            <h3>Free tuition</h3>
+                            <p class="section-content">
+                                The program is free for admitted fellows – no hidden cost! Employers pay a tuition fee
+                                when they successfully hire our fellows.
+                            </p>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-sm-12 section-content-right">
+                        <div class="section-content-detail">
+                            <i class="icon icon-no-phd"></i>
+                            <h3>No PhD required</h3>
+                            <p class="section-content">
+                                We have worked with plenty of superstar data scientists who don’t have a PhD. We
+                                encourage people with all educational levels and quantitative background to apply!
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-sm-offset-1 col-sm-10 col-xs-offset-0 col-xs-12">
+                <p>
+                    Here are just a few awesome things our fellows have built:
+                    <a target="_blank" href="sample_projects/Brilent%20-%20Dalia.pdf">Dalia</a> and
+                    <a target="_blank" href="sample_projects/Brilent%20-%20Analytics%20Job%20Demand.pdf">Analytics Job Demand</a>.
+                </p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-sm-offset-1 col-sm-10 col-xs-offset-0 col-xs-12">
+                <!-- Fellows build awesome things -->
+                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+                    <!-- Indicators -->
+                    <ol class="carousel-indicators">
+                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+                    </ol>
+                    <!-- Wrapper for slides -->
+                    <div class="carousel-inner" role="listbox">
+                        <div class="item active">
+                            <a target="_blank" href="sample_projects/Brilent%20-%20Dalia.pdf">
+                                <img src="images/sample_projects_images/Brilent%20-%20Dalia.jpg" alt="First link web">
+                                <div class="carousel-caption">
+                                    <h3></h3>
+                                    <p></p>
                                 </div>
-                            </div>
+                            </a>
                         </div>
-                        <div class="row">
-                            <div class="col-xs-12 col-md-4 col-md-offset-4">
-                                <div id="submitGroupApply" class="form-group">
-                                    <center>
-                                        <button id="applySubmit" class="homeBtn btn btn-lg">submit</button>
-                                    </center>
+                        <div class="item">
+                            <a target="_blank" href="sample_projects/Brilent%20-%20Analytics%20Job%20Demand.pdf">
+                                <img src="images/sample_projects_images/Brilent%20-%20Analytics%20Job%20Demand.jpg"
+                                     alt="Second link web">
+                                <div class="carousel-caption">
+                                    <h3></h3>
+                                    <p></p>
                                 </div>
-                            </div>
+                            </a>
                         </div>
-                    </form>
-                </center>
+                    </div>
+                    <!-- Controls -->
+                    <a class="left carousel-control" href="#carousel-example-generic" role="button"
+                       data-slide="prev">
+                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                        <span class="sr-only">Previous</span>
+                    </a>
+                    <a class="right carousel-control" href="#carousel-example-generic" role="button"
+                       data-slide="next">
+                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                        <span class="sr-only">Next</span>
+                    </a>
+                </div>
             </div>
         </div>
+        <div class="row apply-button">
+            <button class="btn btn-brilent btn-apply" data-toggle="modal" data-target="#applyNowModal">
+                APPLY NOW
+            </button>
+            <button class="btn btn-link btn-block scroll-go-to" data-target="#contact">
+                <i class="fa fa-info-circle"></i>
+                REQUEST INFO
+            </button>
+        </div>
     </div>
 </section>
-<!-- End of first temp section -->
+<!-- End of first section -> approach -->
 
-<!--employee section-->
-<section id="employee" class="section-block">
+<!-- Start of second section -> mentors -->
+<section id="mentors" class="section-block section-people section-2">
     <div class="container">
-        <div class="row">
-            <div class="page-title">
-                <h1>Employees</h1>
-
-                <h2 class="sub-title">Our awesome team!</h2>
-            </div>
+        <div class="page-title section-title">
+            <h1 class="no-subtitle">Brilent Mentors</h1>
         </div>
         <div class="row">
-            <div class="filter col-xs-12">
-                <ul class="pull-right">
-                    <li>
-                        <a>All</a>
-                    </li>
-                    <li class="data">
-                        <a>Data</a>
-                    </li>
-                    <li class="engineering">
-                        <a>Engineering</a>
-                    </li>
-                    <li class="career">
-                        <a>Career</a>
-                    </li>
-                </ul>
+            <div class="mentor-container">
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/yihualiao">
+                            <div class="pic">
+                                <img src="images/mentors/yihua.png" data-info="FACEBOOK -> Former Data Scientist Manager">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Yihua Liao</h2>
+                    </div>
+                    <h4 class="job-title">Former Data Scientist Manager<br><br><br><i class="fa fa-at"></i> FACKBOOK</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/garryma">
+                            <div class="pic">
+                                <img src="images/mentors/garry.png" data-info="FACEBOOK -> Former Product Analyst">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Garry Ma</h2>
+                    </div>
+                    <h4 class="job-title">Former Product Analyst<br><br><br><i class="fa fa-at"></i> FACKBOOK</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/chiyikuan">
+                            <div class="pic">
+                                <img src="images/mentors/chiyi.png" data-info="LINKEDIN -> Director of Business Analytics">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Chi-Yi Guan</h2>
+                    </div>
+                    <h4 class="job-title">Director of Business Analytics<br><br><br><i class="fa fa-at"></i> LINKEDIN</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/holly-zhang/0/880/971">
+                            <div class="pic">
+                                <img src="images/mentors/holly.png" data-info="COUPONS.COM -> Former Director of Business Analytics">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Holly Zhang</h2>
+                    </div>
+                    <h4 class="job-title">Former Director of Business Analytics<br><br><i class="fa fa-at"></i> COUPONS.COM</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/jianqiang-jay-wang/6/672/78a">
+                            <div class="pic">
+                                <img src="images/mentors/jay.png" data-info="TWITTER -> Data Scientist">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Jay Wang</h2>
+                    </div>
+                    <h4 class="job-title">Data Scientist<br><br><br><i class="fa fa-at"></i> TWITTER</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/mktgtechnologist">
+                            <div class="pic">
+                                <img src="images/mentors/sanjoy.jpg" data-info="FOCUSKPI -> VP of Analytics solutions">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Sanjoy Haldar</h2>
+                    </div>
+                    <h4 class="job-title">VP of Analytics solutions<br><br><br><i class="fa fa-at"></i> FOCUSKPI</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/cindyzhang">
+                            <div class="pic">
+                                <img src="images/mentors/cindi.png" data-info="MICROSOFT -> Analytics Product Manager">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Cindy Zhang</h2>
+                    </div>
+                    <h4 class="job-title">Analytics Product Manager<br><br><br><i class="fa fa-at"></i> MICROSOFT</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/may-xu/4/693/bb0">
+                            <div class="pic">
+                                <img src="images/mentors/may.png" data-info="LINKEDIN -> Marketing Analytics Manager">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">May Xu</h2>
+                    </div>
+                    <h4 class="job-title">Senior Product Manager<br><br><br><i class="fa fa-at"></i> LINKEDIN</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/salinacheung">
+                            <div class="pic">
+                                <img src="images/mentors/salina.png" data-info="GYFT -> Head of Analytics">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Salina Cheung</h2>
+                    </div>
+                    <h4 class="job-title">Head of Analytics<br><br><br><i class="fa fa-at"></i> GYFT</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/linlin-li/26/175/430">
+                            <div class="pic">
+                                <img src="images/mentors/linlin.png" alt="GOOGLE -> Quantitative Analyst">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Linlin Li</h2>
+                    </div>
+                    <h4 class="job-title">Quantitative Analyst<br><br><br><i class="fa fa-at"></i> GOOGLE</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/wooed">
+                            <div class="pic">
+                                <img src="images/mentors/edwoo.png" data-info="SHUTTERFLY -> Senior Director of Marketing Analytics">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Ed Woo</h2>
+                    </div>
+                    <h4 class="job-title">Senior Director of Marketing Analytics<br><br><i class="fa fa-at"></i> SHUTTERFLY</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/satya-penmetsa/27/763/151">
+                            <div class="pic">
+                                <img src="images/mentors/satya.png" alt="EBAY -> Business Analytics Manager">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Satya Penmetsa</h2>
+                    </div>
+                    <h4 class="job-title">Business Analytics Manager<br><br><br><i class="fa fa-at"></i> EBAY</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/pub/karthik-ganapathi/13/488/21">
+                            <div class="pic">
+                                <img src="images/mentors/karthik.jpg" data-info="HOUZZ -> Product and Growth Data Scientist">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Karthik Ganapathi</h2>
+                    </div>
+                    <h4 class="job-title">Product and Growth Data Scientist<br><br><i class="fa fa-at"></i> HOUZZ</h4>
+                </div>
+                <div class="mentor-show">
+                    <div class="mentors">
+                        <a target="_blank" href="https://www.linkedin.com/in/hsshah">
+                            <div class="pic">
+                                <img src="images/mentors/harry.png" data-info="PRIMECALULUS  -> Founder">
+                            </div>
+                        </a>
+                        <h2 class="mentorsName">Harry Shah</h2>
+                    </div>
+                    <h4 class="job-title">Digital Marketing Director<br><br><br><i class="fa fa-at"></i> PRIMECALULUS</h4>
+                </div>
             </div>
         </div>
+        <div class="row apply-button">
+            <button class="btn btn-brilent btn-apply" data-toggle="modal" data-target="#applyNowModal">
+                APPLY NOW
+            </button>
+            <button class="btn btn-link btn-block scroll-go-to" data-target="#contact">
+                <i class="fa fa-info-circle"></i>
+                REQUEST INFO
+            </button>
+        </div>
+    </div>
+</section>
+<!-- End of second section -> mentors -->
+
+<!-- Start of third section -> fellows -->
+<section id="fellows" class="section-block section-people section-3">
+    <div class="container">
+        <div class="page-title section-title">
+            <h1 class="no-subtitle">Brilent Fellows</h1>
+        </div>
         <div class="row">
-            <div id="empContainer">
-                <div class="data col-lg-3 col-md-4 col-sm-6 col-xs-12 emp-show">
-                    <div class="emp">
+            <div class="fellow-container">
+                <div class="fellow-show">
+                    <div class="fellows">
                         <div class="pic">
-                            <img src="images/diablo.jpg" alt="Mr. Liu">
-
-                            <p>This is a good guy</p>
+                            <img src="images/fellows/Andy.jpg" data-info="Facebook -> Data Scientist">
                         </div>
-                        <h2 class="name">Haizhou Liu</h2>
-
-                        <div class="linkedin"></div>
+                        <h2 class="fellowsName">Andy Wu</h2>
+                        <p class="job-title">Data Scientist
+                            <br><br><i class="fa fa-at"></i> Facebook</p>
                     </div>
                 </div>
-                <div class="engineering col-lg-3 col-md-4 col-sm-6 col-xs-12 emp-show">
-                    <div class="emp">
+                <div class="fellow-show">
+                    <div class="fellows">
                         <div class="pic">
-                            <img src="images/diablo.jpg" alt="Miss. Shao">
+                            <img src="images/fellows/JamesBao.jpg" data-info="Google -> Technical PM">
                         </div>
-                        <h2 class="name">Krystal Shao</h2>
-
-                        <div class="linkedin"></div>
+                        <h2 class="fellowsName">James Bao</h2>
+                        <p class="job-title">Technical PM
+                            <br><br><i class="fa fa-at"></i> Google</p>
                     </div>
                 </div>
-                <div class="data col-lg-3 col-md-4 col-sm-6 col-xs-12 emp-show">
-                    <div class="emp">
+                <div class="fellow-show">
+                    <div class="fellows">
                         <div class="pic">
-                            <img src="images/diablo.jpg" alt="Mr. Li">
+                            <img src="images/fellows/CarterLin.jpg" data-info="LinkedIn -> Business Analytics">
                         </div>
-                        <h2 class="name">Leonard Li</h2>
-
-                        <div class="linkedin"></div>
+                        <h2 class="fellowsName">Carter Lin</h2>
+                        <p class="job-title">Business Analytics
+                            <br><br><i class="fa fa-at"></i> LinkedIn</p>
                     </div>
                 </div>
-                <div class="career col-lg-3 col-md-4 col-sm-6 col-xs-12 emp-show">
-                    <div class="emp">
+                <div class="fellow-show">
+                    <div class="fellows">
                         <div class="pic">
-                            <img src="images/diablo.jpg" alt="Mr. Yu">
+                            <img src="images/fellows/FrankJiang.JPG" data-info="AirPR -> Data Scientist">
                         </div>
-                        <h2 class="name">Albert Yu</h2>
-
-                        <div class="linkedin"></div>
+                        <h2 class="fellowsName">Frank Jiang</h2>
+                        <p class="job-title">Data Scientist
+                            <br><br><i class="fa fa-at"></i> AirPR</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/FanYe.jpg" data-info="GOOGLE -> Operations Data Analyst">
+                        </div>
+                        <h2 class="fellowsName">Fan Ye</h2>
+                        <p class="job-title">Operations Data Analyst
+                            <br><br><i class="fa fa-at"></i> GOOGLE Express</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/StevenZhang.jpg" data-info="LinkedIn -> Data Scientist Consultant">
+                        </div>
+                        <h2 class="fellowsName">Steven Zhang</h2>
+                        <p class="job-title">Data Scientist Consultant
+                            <br><br><i class="fa fa-at"></i> LinkedIn</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/JerryJiang.jpg" data-info="eBay -> Buyer Experience Analyst">
+                        </div>
+                        <h2 class="fellowsName">Jerry Jiang</h2>
+                        <p class="job-title">Buyer Experience Analyst
+                            <br><br><i class="fa fa-at"></i> eBay</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/RongZhao.jpg" data-info="Dropbox -> Product Analyst">
+                        </div>
+                        <h2 class="fellowsName">Rong Zhao</h2>
+                        <p class="job-title">Product Analyst
+                            <br><br><i class="fa fa-at"></i> Dropbox</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/Bhabani.jpg" data-info="Volkswagen of America, Inc -> Artificial Intelligence Engineer">
+                        </div>
+                        <h2 class="fellowsName">Bhabani Nayak</h2>
+                        <p class="job-title">Artificial Intelligence Engineer
+                            <br><br><i class="fa fa-at"></i> Volkswagen of America, Inc</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/Olivia%20Zhao.JPG" data-info="SAP Labs -> Data Scientist">
+                        </div>
+                        <h2 class="fellowsName">Olivia Zhao</h2>
+                        <p class="job-title">Data Scientist
+                            <br><br><i class="fa fa-at"></i> SAP Labs</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/SamJu.jpg" data-info="Magoosh -> Data Analyst">
+                        </div>
+                        <h2 class="fellowsName">Sam Ju</h2>
+                        <p class="job-title">Data Analyst
+                            <br><br><i class="fa fa-at"></i> Magoosh</p>
+                    </div>
+                </div>
+                <div class="fellow-show">
+                    <div class="fellows">
+                        <div class="pic">
+                            <img src="images/fellows/Ellie.jpg" data-info="Esurance -> Pricing Data Analyst">
+                        </div>
+                        <h2 class="fellowsName">Ellie Zhao</h2>
+                        <p class="job-title">Pricing Data Analyst
+                            <br><br><i class="fa fa-at"></i> Esurance</p>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-</section>
-<!--End of employee section -->
-<!-- Start of second temp section -->
-<section id="mid" class="section-block section-2 cover">
-    <div class="container">
-        <div class="row">
-            <div class="page-title">
+        <!--</div>-->
+        <!--</section>-->
+        <!--&lt;!&ndash; End of fourth section -> fellows &ndash;&gt;-->
+
+        <!--&lt;!&ndash; Start of fifth section -> testimonials &ndash;&gt;-->
+        <!--<section id="testimonials" class="section-block section-5">-->
+        <!--<div class="container">-->
+        <div class="page-title section-title">
+            <h2 class="sub-title">Testimonials</h2>
+        </div>
+        <div class="section-content">
+            <div class="row testimonial">
+                <div class="testimonial-content col-sm-10 col-xs-12">
+                    <p>
+                        "Brilent provided me with a tremendous opportunity to network with industry leaders at the
+                        one-to-one level. The data projects are great ways to learn and showcase skills to potential
+                        employers."
+                    </p>
 
-                <h1><i class="fa fa-bolt"></i></h1>
+                    <p class="camper-name">Carter Lin</p>
 
+                    <p class="camper-title">Business Analytics at LinkedIn, PhD in Physics</p>
+                </div>
+                <div class="col-sm-2 hidden-xs">
+                    <img class="img-thumbnail" src="images/testimonials/CL.JPG" alt="lin Carter">
+                </div>
             </div>
-            <div class="content">
-                <blockquote>Data are becoming the new raw material of business<br>
-                    <small>The Economist</small>
-                </blockquote>
+            <div class="row testimonial">
+                <div class="col-sm-2 hidden-xs">
+                    <img class="img-thumbnail" src="images/testimonials/YG-1.JPG" alt="lin Carter">
+                </div>
+                <div class="testimonial-content col-sm-10 col-xs-12">
+                    <p>
+                        "Brilent helped me launch my career. It also provided me with the great network to continually
+                        grow professionally and personally."
+                    </p>
+
+                    <p class="camper-name">Shane Li</p>
+
+                    <p class="camper-title">Data Scientist at Sabre Airline Solutions</p>
+                </div>
             </div>
+            <div class="row testimonial">
+                <div class="testimonial-content col-sm-10 col-xs-12">
+                    <p>
+                        "One of the most valuable things that I had learned from Brilent’s bootcamp is the connection
+                        between analytics and business. It provided a giant leap towards my dream job!"
+                    </p>
+
+                    <p class="camper-name">Steven Zhang</p>
+
+                    <p class="camper-title">Data Scientist Consultant at LinkedIn</p>
+                </div>
+                <div class="col-sm-2 hidden-xs">
+                    <img class="img-thumbnail" src="images/testimonials/ZZ.jpg" alt="lin Carter">
+                </div>
+            </div>
+            <div class="row testimonial">
+                <div class="col-sm-2 hidden-xs">
+                    <img class="img-thumbnail" src="images/testimonials/JJ.JPG" alt="lin Carter">
+                </div>
+                <div class="testimonial-content col-sm-10 col-xs-12">
+                    <p>
+                        "Being a member of the bootcamp, I was thrilled to have the opportunity to network with many
+                        industry leaders in analytics, which is actually the most effective way for me to have full
+                        understanding of the area."
+                    </p>
+
+                    <p class="camper-name">Jerry Jiang</p>
+
+                    <p class="camper-title">User Experience Analyst at eBay</p>
+                </div>
+            </div>
+        </div>
+        <div class="row apply-button">
+            <button class="btn btn-brilent btn-apply" data-toggle="modal" data-target="#applyNowModal">
+                APPLY NOW
+            </button>
+            <button class="btn btn-link btn-block scroll-go-to" data-target="#contact">
+                <i class="fa fa-info-circle"></i>
+                REQUEST INFO
+            </button>
         </div>
     </div>
 </section>
-<!-- End of second temp section -->
+<!-- End of third section -> testimonials -->
 
-<!--start of clinet section-->
-<section id="client" class="section-block">
+<!-- Start of cover 1  Section change -->
+<div id="cover-1" class="cover mid-cover">
     <div class="container">
         <div class="row">
-            <h2 class="sub-title">Our clinet:</h2>
+            <div class="cover-content">
+                <blockquote>
+                    Your bridge to a career in
+                    Data Science and Analytics
+                </blockquote>
+            </div>
         </div>
-        <div class="">
-            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
-                <img class="client-logo img-responsive" src="images/IBM.png" data-toggle="tooltip" data-placement="top"
-                     data-original-title="IBM">
+    </div>
+</div>
+<!-- End of cover 1  Section change -->
+
+<!-- Start of fourth section -> academy -->
+<section id="academy" class="section-block section-4">
+    <div class="container">
+        <div class="page-title section-title">
+            <h1 class="no-subtitle">Online Academy</h1>
+        </div>
+        <div class="row section-content-summary">
+            <div class="col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
+            <p>
+                Can’t commit 6 weeks of your time? Not ready for the bootcamp? No problem.
+                <br>
+                You may want to join Brilent’s Online Academy, which offers the expertise and professional network you
+                need to succeed in Data Science and Analytics.
+            </p>
             </div>
-            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
-                <img class="client-logo img-responsive" src="images/Microsoft.png" data-toggle="tooltip"
-                     data-placement="top" data-original-title="Microsoft">
+        </div>
+        <div class="row section-video">
+            <div class="col-xs-12 title">
+                <h4>Sample Courses</h4>
             </div>
-            <div class="col-lg-3 col-md-3 col-sm-6 hidden-sm hidden-xs">
-                <img class="client-logo img-responsive" src="images/Apple.png" data-toggle="tooltip"
-                     data-placement="top" data-original-title="Apple">
+            <div class="col-sm-6 col-xs-12">
+                <div class="thumbnail intro-video-container">
+                    <div class="embed-responsive embed-responsive-16by9 intro-video">
+                        <iframe src="https://www.youtube.com/embed/1oO9XAhYDMs" frameborder="0" allowfullscreen></iframe>
+                    </div>
+                    <div class="caption">
+                        <h3>Introduction to MySQL </h3>
+                        <p>Relational database concepts and common MySQL techniques to manipulate data and extract information from tables.</p>
+                    </div>
+                </div>
             </div>
-            <div class="col-lg-3 col-md-3 col-sm-6 hidden-sm hidden-xs">
-                <img class="client-logo img-responsive" src="images/Samsung.png" data-toggle="tooltip"
-                     data-placement="top" data-original-title="Samsong">
+            <div class="col-sm-6 col-xs-12">
+                <div class="thumbnail intro-video-container">
+                    <div class="embed-responsive embed-responsive-16by9 intro-video">
+                        <iframe src="https://www.youtube.com/embed/9KsmSGO1Qfw" frameborder="0" allowfullscreen></iframe>
+                    </div>
+                    <div class="caption">
+                        <h3>Introduction to R</h3>
+                        <p>Data types and operations, control statements and functions, using R for data munging, graphics and statistical analysis.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-12 title">
+                <h4><i class="fa fa-compass"></i>Membership includes</h4>
             </div>
+            <div class="row">
+                <div class="col-md-6 col-sm-12 section-content-left">
+                    <div class="section-content-detail">
+                        <i class="icon icon-unlimited-access"></i>
+                        <h3>Unlimited access</h3>
+                        <p class="section-content">
+                            Learn what you want, when you want, from our entire online course library.
+                        </p>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-12 section-content-right">
+                    <div class="section-content-detail">
+                        <i class="icon icon-content"></i>
+                        <h3>Rich content</h3>
+                        <p class="section-content">
+                            Courses cover core technical skills (SQL, R, statistical methods, and so on) and real data
+                            science case studies.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-6 col-sm-12 section-content-left">
+                    <div class="section-content-detail">
+                        <i class="icon icon-seasoned-mentor"></i>
+                        <h3>Seasoned mentors</h3>
+                        <p class="section-content">
+                            Watch and learn from the experts of leading companies like Facebook, Google, LinkedIn,
+                            Twitter, eBay, Coupons.com and Shutterfly, who are willing to share their firsthand
+                            experience in Big Data and Analytics, and provide valuable career advice.
+                        </p>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-12 section-content-right">
+                    <div class="section-content-detail">
+                        <i class="icon icon-online-community"></i>
+                        <h3>Online community</h3>
+                        <p class="section-content">
+                            Have access to exclusive job/internship opportunities, and continuous advice from mentors to
+                            ensure long-term career success.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-xs-12 title">
+                <h4><i class="fa fa-users"></i>Who should enroll</h4>
+            </div>
+            <div class="row">
+                <div class="col-md-6 col-sm-12 section-content-left">
+                    <div class="section-content-detail">
+                        <i class="icon icon-students"></i>
+                        <p class="section-content section-content-no-title">
+                            We welcome all students (undergrads, masters, and PhDs) and postdocs with a quantitative
+                            background (in Physics, Statistics, Math, Chemistry, Biology, Engineering, Operations
+                            Research, Business, Economics, Management Sciences, etc.), who are looking to enter the
+                            exciting world of Data Science and Analytics.
+                        </p>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-12 section-content-right">
+                    <div class="section-content-detail">
+                        <i class="icon icon-transition"></i>
+                        <p class="section-content section-content-no-title">
+                            Professionals seeking to change or advance their careers: those early in their career or
+                            experienced career professionals who are looking to switch to Data Science and Analytics.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row apply-button">
+            <button class="btn btn-brilent btn-apply" data-toggle="modal" data-target="#applyNowModal">
+                APPLY NOW
+            </button>
+            <button class="btn btn-link btn-block scroll-go-to" data-target="#contact">
+                <i class="fa fa-info-circle"></i>
+                REQUEST INFO
+            </button>
         </div>
     </div>
 </section>
-<!--end of client section-->
-<section id="faq" class="section-block section-3 ">
+<!-- End of fourth section -> academy -->
+
+<!-- Start of seventh section -> faq-->
+<!--<section id="faq" class="section-block section-7">-->
+    <!--<div class="container">-->
+        <!--<div class="page-title section-title">-->
+            <!--<div>-->
+                <!--<h1 class="no-subtitle">Frequently Asked Questions</h1>-->
+            <!--</div>-->
+        <!--</div>-->
+        <!--<div class="row">-->
+            <!--<div class="col-md-10 col-md-offset-1">-->
+                <!--<div class="panel-group accordion">-->
+                    <!--&lt;!&ndash;question 1&ndash;&gt;-->
+                    <!--<div class="panel panel-default">-->
+                        <!--<div class="panel-heading">-->
+                            <!--<h4 class="panel-title">What is a data scientist?</h4>-->
+                        <!--</div>-->
+                        <!--<div class="panel-body">-->
+                            <!--<p>Ninety percent of all the world's data was generated in the last two years. Every-->
+                                <!--2 days, we generate as much data as all of humanity did up to 2003. Data-->
+                                <!--scientists have the analytical and programming skills needed to extract valuable-->
+                                <!--knowledge out the data. The unique combination of skills that data scientists-->
+                                <!--have are used across many industries for projects such as:</p>-->
+                            <!--<ul>-->
+                                <!--<li>Parsing unstructured electronic medical records to detect new risk factors-->
+                                    <!--for cancer-->
+                                <!--</li>-->
+                                <!--<li>Poring through educational app data to glean insights on how students-->
+                                    <!--learn-->
+                                <!--</li>-->
+                                <!--<li>Form personalized recommendation for restaurants and bars for millions of-->
+                                    <!--users-->
+                                <!--</li>-->
+                                <!--<li>Predicting crime based on social network data</li>-->
+                                <!--<li>Crawling through stock market data for hidden price signals</li>-->
+                            <!--</ul>-->
+                        <!--</div>-->
+                    <!--</div>-->
+                    <!--&lt;!&ndash;question 2&ndash;&gt;-->
+                    <!--<div class="panel panel-default">-->
+                        <!--<div class="panel-heading">-->
+                            <!--<h4 class="panel-title">-->
+                                <!--What are you looking for in an application?-->
+                            <!--</h4>-->
+                        <!--</div>-->
+                        <!--<div class="panel-body">-->
+                            <!--<p>We are looking for people with strong scientific training who are able to work-->
+                                <!--with data programatically and can make valid real-world inferences based on-->
+                                <!--data. Applicants usually have a strong background in probability, statistics,-->
+                                <!--and experience with programming, scripting, or statistical packages.</p>-->
+                        <!--</div>-->
+                    <!--</div>-->
+                    <!--&lt;!&ndash;question 3&ndash;&gt;-->
+                    <!--<div class="panel panel-default">-->
+                        <!--<div class="panel-heading">-->
+                            <!--<h4 class="panel-title">-->
+                                <!--What is the price for fellows? Are there hidden costs?-->
+                            <!--</h4>-->
+                        <!--</div>-->
+                        <!--<div class="panel-body">-->
+                            <!--The program is completely free and the tuition fee is paid for by hiring employers.-->
+                            <!--The only cost for in-person fellows is their room and board during the fellowship-->
+                            <!--and we can assist fellows in finding housing in New York City. The only cost for-->
+                            <!--online fellows is the cost of hosting a server in the cloud which is required for-->
+                            <!--running the course material.-->
+                        <!--</div>-->
+                    <!--</div>-->
+                <!--</div>-->
+            <!--</div>-->
+        <!--</div>-->
+    <!--</div>-->
+<!--</section>-->
+<!-- End of seventh section -> faq-->
+
+<!-- Start fifth section -> apply now -->
+<!-- End of fifth section -> apply now -->
+
+<!-- Start of fifth section -> contact us -->
+<section id="contact" class="section-block section-5">
     <div class="container">
+        <div class="page-title section-title">
+            <h1 class="no-subtitle">CONTACT US</h1>
+        </div>
         <div class="row">
-            <div class="page-title">
-                <div>
-                    <h1>FREQUENTLY ASKED QUESTIONS</h1>
-
-                    <h2 class="subTitle"></h2>
-                </div>
+            <div class="pull-right col-xs-12 col-sm-12 col-md-7 map">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3170.06659248123!2d-121.95880120000001!3d37.388257399999986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fc99a67cf567f%3A0x342429585a86601d!2s1900+Wyatt+Dr+%236%2C+Santa+Clara%2C+CA+95054!5e0!3m2!1sen!2sus!4v1410292503118"
+                        frameborder="0" class="google-map-iframe"></iframe>
             </div>
-            <div class="content">
-                <div class="col-md-10 col-md-offset-1">
-                    <div class="panel-group accordion">
-                        <!--question 1-->
-                        <div class="panel panel-default">
-                            <div class="panel-heading">
-                                <h4 class="panel-title">What is a data scientist?</h4>
+            <div class="pull-left col-xs-12 col-sm-12 col-md-5 content">
+                <form method="POST" action="" class="contactForm" id="generalContactForm" role="form">
+                    <div class="row">
+                        <div class="col-xs-12">
+                            <div class="form-group">
+                                <label class="sr-only" for="contactName">Name</label>
+
+                                <div class="alert alert-danger" role="alert" id="errorName">
+                                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+                                    <span class="sr-only error">Error:</span>
+                                    Please enter your name (at least 4 characters)
+                                </div>
+                                <input type="text" class="form-control" name="contactName" id="contactName"
+                                       placeholder="Enter Your Name"
+                                       title="Please enter your name (at least 3 characters)"/>
                             </div>
-                            <div class="panel-body">
-                                <p>Ninety percent of all the world's data was generated in the last two years. Every
-                                    2 days, we generate as much data as all of humanity did up to 2003. Data
-                                    scientists have the analytical and programming skills needed to extract valuable
-                                    knowledge out the data. The unique combination of skills that data scientists
-                                    have are used across many industries for projects such as:</p>
-                                <ul>
-                                    <li>Parsing unstructured electronic medical records to detect new risk factors
-                                        for cancer
-                                    </li>
-                                    <li>Poring through educational app data to glean insights on how students
-                                        learn
-                                    </li>
-                                    <li>Form personalized recommendation for restaurants and bars for millions of
-                                        users
-                                    </li>
-                                    <li>Predicting crime based on social network data</li>
-                                    <li>Crawling through stock market data for hidden price signals</li>
-                                </ul>
+                            <div class="form-group">
+                                <label class="sr-only" for="contactEmailContact">Email</label>
+
+                                <div class="alert alert-danger" role="alert" id="errorEmailContact">
+                                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+                                    <span class="sr-only error">Error:</span>
+                                    Please enter a valid Email
+                                </div>
+                                <input type="email" class="form-control" name="contactEmailContact"
+                                       id="contactEmailContact"
+                                       placeholder="Enter Your Email" title="Please enter a valid email address"/>
                             </div>
                         </div>
-                        <!--question 2-->
-                        <div class="panel panel-default">
-                            <div class="panel-heading">
-                                <h4 class="panel-title">
-                                    What are you looking for in an application?
-                                </h4>
-                            </div>
-                            <div class="panel-body">
-                                <p>We are looking for people with strong scientific training who are able to work
-                                    with data programatically and can make valid real-world inferences based on
-                                    data. Applicants usually have a strong background in probability, statistics,
-                                    and experience with programming, scripting, or statistical packages.</p>
+                        <div class="col-xs-12">
+                            <div class="form-group">
+                                <label class="sr-only" for="contactComment">Comments</label>
+                                <textarea name="contactComment" class="form-control" id="contactComment" cols="3"
+                                          rows="5" placeholder="Enter your message"></textarea>
                             </div>
                         </div>
-                        <!--question 3-->
-                        <div class="panel panel-default">
-                            <div class="panel-heading">
-                                <h4 class="panel-title">
-                                    What is the price for fellows? Are there hidden costs?
-                                </h4>
+                        <div class="col-xs-12">
+                            <div class="form-group">
+                                <label class="sr-only" for="recaptcha_div">Recaptcha</label>
+                                <div id="recaptcha_div" class="g-recaptcha"
+                                     data-sitekey="6LcE8gUTAAAAAKhpxfgb7SNWxYgtsm6jkf4vaLbz">
+                                </div>
                             </div>
-                            <div class="panel-body">
-                                The program is completely free and the tuition fee is paid for by hiring employers.
-                                The only cost for in-person fellows is their room and board during the fellowship
-                                and we can assist fellows in finding housing in New York City. The only cost for
-                                online fellows is the cost of hosting a server in the cloud which is required for
-                                running the course material.
+                        </div>
+                        <div class="col-xs-4">
+                            <div class="form-group">
+                                <button id="contactSubmit" class="btn btn-brilent btn-lg btn-block">submit</button>
                             </div>
                         </div>
-                        <!---->
                     </div>
-                </div>
+                </form>
             </div>
         </div>
     </div>
 </section>
+<!-- End of fifth section -> contact us -->
 
-<div style="margin-bottom: -70px;height: 100px;"></div>
-
-<!-- Start of third temp section -->
-<section id="contact" class="section-block section-4 color1">
+<!-- Start of footer -->
+<footer class="section-block">
     <div class="container">
-        <div class="row">
-            <div class="col-xs-12">
-
-                <h1>CONTACT US</h1>
-
-                <h2 class="subTitle">Do you have a question unaswered by the <a href="#faq">FAQ</a>? Write us!</h2>
-
-                <div class="content">
-                    <form method="post" action="#contact" class="contactForm" id="generalContactForm" role="form">
-                        <div class="row">
-                            <div class="col-xs-12 col-md-4">
-                                <div class="form-group">
-                                    <label for="contactName">Name</label>
-
-                                    <div class="alert alert-danger" role="alert" id="errorName">
-                                        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-                                        <span class="sr-only error">Error:</span>
-                                        Please enter your name (at least 3 characters)
-                                    </div>
-                                    <input type="text" class="form-control" name="contactName" id="contactName"
-                                           placeholder="Enter name"
-                                           title="Please enter your name (at least 3 characters)"/>
-                                </div>
-                                <div class="form-group">
-                                    <label for="contactEmailContact">Email</label>
-
-                                    <div class="alert alert-danger" role="alert" id="errorEmailContact">
-                                        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-                                        <span class="sr-only error">Error:</span>
-                                        Please enter a valid Email
-                                    </div>
-                                    <input type="email" class="form-control" name="contactEmailContact"
-                                           id="contactEmailContact"
-                                           placeholder="Enter email" title="Please enter a valid email address"/>
-                                </div>
+        <ul class="footer-links">
+            <li><a class="scroll-go-to" data-target="#main-header">Top</a></li>
+            <li><a class="scroll-go-to" data-target="#contact">Contact Us</a></li>
+
+        </ul>
+        <p class="tc">Terms and Conditions</p>
+
+        <a target="_blank" href="mailto:inquiries@brilent.com"><i class="fa fa-envelope-square"></i></a>
+        <a target="_blank" href="https://www.linkedin.com/company/3750669?trk=vsrp_companies_cluster_name&trkInfo=VSRPsearchId%3A450175291409239385644%2CVSRPtargetId%3A3750669%2CVSRPcmpt%3Acompanies_cluster"><i class="fa fa-linkedin-square"></i></a>
+        <a target="_blank" href="https://www.facebook.com/brilent.careers"><i class="fa fa-facebook-square"></i></a>
+        <p class="copyright">© 2014 Brilent Inc. All rights reserved.</p>
+
+        <div class="address">
+            <div class="pull-left">
+                <h3>Headquarters:</h3>
+                <p>
+                    1900 Wyatt Dr. Suite 6<br>
+                    Santa Clara, CA 95054<br>
+                    United States
+                </p>
+            </div>
+            <div class="pull-right">
+                <h3>Phone:</h3>
+                <p><a href="tel:408-650-7003">(408) 650-7003</a></p>
+                <h3>Email:</h3>
+                <p><a href="mailto:inquiries@brilent.com">inquiries@brilent.com</a></p>
+            </div>
+        </div>
+    </div>
+</footer>
+<!-- End of footer -->
+
+
+<!-- All Modals Here-->
+<!-- Modal for introduction video -->
+<div class="modal fade" id="introVideoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
+                        aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="videoModalLabel">Follow us on Youtube</h4>
+            </div>
+            <div class="modal-body">
+                <div class="embed-responsive embed-responsive-16by9">
+                    <iframe class="embed-responsive-item" width="1280" height="720"
+                            src="https://www.youtube.com/embed/gdqvRBO0_ek?rel=0&controls=0&showinfo=0"
+                            frameborder="0" allowfullscreen></iframe>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Modal for Apply Now -->
+<div class="modal fade" id="applyNowModal" tabindex="-1" role="dialog" aria-labelledby="applyNowModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <form method="POST" enctype="multipart/form-data" id="generalApplyForm" role="form"
+                  action="http://www.brilent.com/technical-training-register" class="contact-form">
+                <input type="hidden" name="token" value="59d657fd95e0a4eab010ef29594ccca7">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <h2 class="modal-title" id="applyNowModalLabel">Apply now</h2>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-md-7 col-sm-12">
+                            <div class="form-group">
+                                <input id="first_name" name="first_name" type="text" placeholder="* FIRST NAME"
+                                       class="form-control">
+
+                                <p class="help-block"></p>
                             </div>
-                            <div class="col-xs-12 col-md-4">
-                                <div class="form-group">
-                                    <label for="contactComment">Comments</label>
-                <textarea name="contactComment" class="form-control" id="contactComment" cols="3" rows="5"
-                          placeholder="Enter your message"></textarea>
-                                </div>
+                            <div class="form-group">
+                                <input id="last_name" name="last_name" type="text" placeholder="* LAST NAME"
+                                       class="form-control">
+
+                                <p class="help-block"></p>
                             </div>
-                            <div class="col-xs-12 col-md-4">
-                                <label for="recaptcha_div">Recaptcha</label>
+                            <div class="form-group">
+                                <input id="email" name="email" type="text" placeholder="* EMAIL"
+                                       class="form-control">
 
-                                <div id="recaptcha_div" class="g-recaptcha"
-                                     data-sitekey="6LcE8gUTAAAAAKhpxfgb7SNWxYgtsm6jkf4vaLbz"></div>
+                                <p class="help-block"></p>
                             </div>
-                        </div>
-                        <div class="row mt15">
-                            <div class="col-xs-12 col-md-4 col-md-offset-4">
-                                <div id="submitGroup" class="form-group">
-                                    <button id="contactSubmit" class="homeBtn btn btn-lg">submit</button>
+                            <div class="form-group">
+                                <input id="phone_number" name="phone_number" type="text"
+                                       placeholder="* PHONE NUMBER" class="form-control">
+
+                                <p class="help-block"></p>
+                            </div>
+                            <div class="form-group">
+                                <input id="linkedIn" name="linkedIn" type="text" placeholder="LINKEDIN PROFILE"
+                                       class="form-control">
+
+                                <p class="help-block"></p>
+                            </div>
+                            <div class="form-group">
+                                <div data-toggle="buttons">
+                                    <label class="btn btn-brilent active">
+                                        <input type="radio" name="academy_type" value="brilentBootcamp"
+                                               id="brilent_bootcamp" autocomplete="off" checked>
+                                        Brilent Bootcamp
+                                    </label>
+                                    &nbsp;
+                                    <label class="btn btn-brilent">
+                                        <input type="radio" name="academy_type" value="onlineAcademy"
+                                               id="online_academy"
+                                               autocomplete="off">
+                                        Online Academy
+                                    </label>
                                 </div>
                             </div>
                         </div>
-                    </form>
+                        <div class="col-md-5 hidden-sm hidden-xs">
+                            <div class="img-container">
+                                <img src="images/apply-now.jpg" class="img-responsive img-thumbnail" alt="apply now">
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <div class="form-group">
+                                <p class="radio-btn-help">
+                                    Brilent Bootcamp is FREE!
+                                </p>
+                            </div>
+                        </div>
+                        <div class="col-md-7 col-sm-12">
+                            <div class="form-group">
+                                <label for="upload_cv">Upload CV/Resume</label>
+                                <input type="file" name="upload_cv" id="upload_cv" class="form-control">
+
+                                <p class="help-block"></p>
+                            </div>
+                            <div class="form-group">
+                                <label for="hear_from">How did you hear about Brilent?</label>
+                                <textarea id="hear_from" name="hear_from" row="4" class="form-control input"></textarea>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-            </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-brilent">Apply</button>
+                </div>
+            </form>
         </div>
     </div>
-</section>
-<!-- End of third temp section -->
+</div>
 
 <!-- JavaScript files -->
-<!-- jQuery 2.1.3 -->
-<script src="addOn/cdnLocalCopy/jQuery/jquery-2.1.3.js"></script>
-<!-- ArcText -->
-<script src="addOn/arcText/jquery.arctext.js"></script>
-<!-- Bootstrap js file 3.3.4 -->
-<script src="addOn/cdnLocalCopy/Bootstrap/bootstrap.js"></script>
+<!--&lt;!&ndash; jQuery 2.1.3 &ndash;&gt;-->
+<!--<script src="addOn/cdnLocalCopy/jQuery/jquery-2.1.3.js"></script>-->
+<!--&lt;!&ndash; Bootstrap js file 3.3.4 &ndash;&gt;-->
+<!--<script src="addOn/cdnLocalCopy/Bootstrap/bootstrap.js"></script>-->
 
 
-<!--&lt;!&ndash; jQuery 2.1.3 &ndash;&gt;-->
-<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>-->
+<!-- jQuery 2.1.3 -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+
+<!-- Latest compiled and minified JavaScript -->
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 
-<!--&lt;!&ndash; Latest compiled and minified JavaScript &ndash;&gt;-->
-<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>-->
+<!-- ArcText -->
+<script src="addOn/arcText/jquery.arctext.js"></script>
 
+<!-- Google api for re-capture -->
+<script src='https://www.google.com/recaptcha/api.js?hl=en'></script>
 
 <!-- Customer js file -->
 <script src="javascript/main.js"></script>
diff --git a/javascript/main.js b/javascript/main.js
index 617556b..d069369 100644
--- a/javascript/main.js
+++ b/javascript/main.js
@@ -3,41 +3,91 @@
  */
 (function ($) {
     "use strict";
-    //variable declare
+    // variable declare
     var navigationBarHeight = 70;
     var $document = $(document);
-    var movingBGImgs;
-    //function define
-    function moveBackgroundImg(scrollOffset) { //move background image base on window scroll offset.
-        movingBGImgs.each(function(){
-            var element = $(this);
-            var offset = element.offset().top -navigationBarHeight - scrollOffset /1.5;
-            element.css('background-position', '50% ' + offset + "px");
-        });
-    }
 
-    function lineWrapAnimation(containerId,elementClass,gap) {
+    // function define
+    // layout mentors and fellows
+    function lineWrapAnimation(containerId, elementClass) {
         var elementWidth = $(elementClass).width();
         var elementHeight = $(elementClass).height();
-        var numberForLine = Math.floor($(containerId).width()/elementWidth);
-        var max = 0 ;
-        $(elementClass+':visible').each(function (index) {
-            var numberOfLine = Math.floor(index / numberForLine)+1;
-            if(numberOfLine>max){
+        var numberForLine = Math.floor($(containerId).width() / elementWidth);
+        var widthGap = ((($(containerId).width()) - (numberForLine * elementWidth)) / (numberForLine + 1));
+        var max = 0;
+        $(elementClass + ':visible').stop();
+        $(elementClass + ':visible').each(function (index) {
+            var numberOfLine = Math.floor(index / numberForLine) + 1;
+            if (numberOfLine > max) {
                 max = numberOfLine;
             }
-            $(this).animate({
-                left:index % numberForLine * elementWidth + gap,
-                top:Math.floor(index / numberForLine) * elementHeight + gap
+            $(this).css({
+                left: index % numberForLine === 0 ? widthGap : index % numberForLine * (elementWidth + widthGap) + widthGap,
+                top: Math.floor(index / numberForLine) === 0 ? 0 : Math.floor(index / numberForLine) * elementHeight
             })
         });
-        $(elementClass+':hidden').each(function (index) {
-            $(this).css(
-                {left:gap,
-                top:gap}
-            )
+        $(containerId).stop();
+        $(containerId).css({height: elementHeight * max});
+    }
+
+    function checkContactUsForm() {
+        var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+        $("#errorName").css("display", "none");
+        $("#errorEmailApply").css("display", "none");
+        $("#errorEmailContact").css("display", "none");
+        $("#contactName")
+            .focus(function () {
+                $(this).css("background-color", "rgba(255, 255, 255, 0.75)");
+            })
+            .blur(function () {
+                $(this).css("background-color", "rgba(255, 255, 255, 0.95)");
+                if ($(this).val().length < 4) {
+                    $("#errorName").css("display", "block");
+                }
+                else {
+                    $("#errorName").css("display", "none");
+                }
+            });
+        $("#contactEmailContact")
+            .focus(function () {
+                $(this).css("background-color", "rgba(255, 255, 255, 0.75)");
+            })
+            .blur(function () {
+                $(this).css("background-color", "rgba(255, 255, 255, 0.95)");
+                var email_val = $(this).val();
+                if (!search_str.test(email_val)) {
+                    $("#errorEmailContact").css("display", "block");
+                }
+                else {
+                    $("#errorEmailContact").css("display", "none");
+                }
+            });
+    }
+
+    function checkRegistrationForm() {
+        var $radioBtn = $('input[name="academy_type"]');
+        var $info = $radioBtn.closest('form').find('.radio-btn-help');
+        var checkedRadioBtn = 'brilentBootcamp';
+
+        $info.css({'font-size': '0.8em', 'line-height': '1.8'});
+
+        $radioBtn.on('change', function () {
+            checkedRadioBtn = $(this).val();
+            infoUpdate($info);
         });
-        $(containerId).animate({height:(elementHeight+gap)*max});
+
+        $('#email').on('change', function () {
+            infoUpdate($info);
+        });
+
+        function infoUpdate(info) {
+            info.empty();
+            if (checkedRadioBtn === 'onlineAcademy') {
+                info.append("Membership Fee: $299 for 12 Months");
+            } else {
+                info.append('Brilent Bootcamp is FREE!');
+            }
+        }
     }
 
     $document.ready(function () {
@@ -48,80 +98,32 @@
         // init navigation bar
         $('body').scrollspy({target: '#navbar-example'});
 
-        // register moving back ground image
-        movingBGImgs = $('.cover');
+        // register moving background image
+        $('.cover').moveBackgroundImg();
 
         // show and hide navigation bar
-        $(window).scroll(function () {
-            var $nav = $("#navbar-example");
-            if ($(window).height() - ($(document).scrollTop()) <= navigationBarHeight) {
-                $nav.slideDown(300);
-            }
-            if ($(document).scrollTop() <= navigationBarHeight) {
-                $nav.slideUp(300);
-            }
-            //Moving background image slower than window
-            moveBackgroundImg($document.scrollTop());
-        });
+        $("#navbar-example").toggleNavigationBar(navigationBarHeight);
 
-        $(window).resize(function(){
-            lineWrapAnimation('#empContainer', '.emp-show', 80);
-        });
+        //init mentors positions
+        lineWrapAnimation('.mentor-container', '.mentor-show');
 
-        // faq controller
-        $('.panel-body').hide();
-        $('.panel-heading').on('click',function(){
-            var answer = $(this).siblings();
-            if ( answer.is( ":hidden" ) ) {
-                answer.slideDown();
-            } else {
-                answer.slideUp();
-            }
-            $(this).parent().siblings().find('.panel-body').slideUp();
-        });
+        //init fellows positions
+        lineWrapAnimation('.fellow-container', '.fellow-show');
 
-        //init employee positions
-        lineWrapAnimation('#empContainer','.emp-show',80);
+        $(window).resize(function () {
+            lineWrapAnimation('.mentor-container', '.mentor-show');
+            lineWrapAnimation('.fellow-container', '.fellow-show');
+        });
 
         //contact form validation
-        var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
-        $("#errorName").css("display","none");
-        $("#errorEmailApply").css("display","none");
-        $("#errorEmailContact").css("display","none");
-        $("#contactName").focus(function(){
-            $(this).css("background-color","#FFFFCC");
-        });
-        $("#contactName").blur(function(){
-            $(this).css("background-color","#D6D6FF");
-            if($(this).val().length<4){$("#errorName").css("display","block");}
-            else{$("#errorName").css("display","none");}
-        });
-        $("#contactEmailApply").focus(function(){
-            $(this).css("background-color","#FFFFCC");
-        });
-        $("#contactEmailApply").blur(function(){
-            $(this).css("background-color","#D6D6FF");
-            var email_val = $("#contactEmailApply").val();
-            if(!search_str.test(email_val)){$("#errorEmailApply").css("display","block");}
-            else{$("#errorEmailApply").css("display","none");}
-        });
-        $("#contactEmailContact").focus(function(){
-            $(this).css("background-color","#FFFFCC");
-        });
-        $("#contactEmailContact").blur(function(){
-            $(this).css("background-color","#D6D6FF");
-            var email_val = $(this).val();
-            if(!search_str.test(email_val)){$("#errorEmailContact").css("display","block");}
-            else{$("#errorEmailContact").css("display","none");}
-        });
-        //init tooltips
-        $('[data-toggle="tooltip"]').tooltip();
-        // set arcText for employees' name
-        var $text = $('h2.name');
-        $text.arctext({radius: 120, dir: -1});
-
-        // set employee filter
-        $(".filter li").employeeFilter();
+        checkContactUsForm();
+        checkRegistrationForm();
+
+        // set arcText for mentors' name
+        $('h2.mentorsName').arctext({radius: 120, dir: -1});
+
+        // set arcText for fellows' name
+        //$('h2.fellowsName').arctext({radius: 55, dir: -1});
     });
 
     // Arctic Scroll by Paul Adam Davis
@@ -130,7 +132,7 @@
 
         var defaults = {
                 elem: $(this),
-                speed: 500
+                speed: 1000
             },
 
             allOptions = $.extend(defaults, options);
@@ -146,32 +148,44 @@
 
             if (offset) {
                 toMove = parseInt(offset);
-                $htmlBody.stop(true, false).animate({scrollTop: ($(target).offset().top + toMove)}, allOptions.speed);
+                $htmlBody.stop(true, false).animate({scrollTop: ($(target).offset().top + toMove)}, allOptions.speed, function () {
+                    $("#bs-example-navbar-collapse-1").collapse('hide');
+                });
             } else if (position) {
                 toMove = parseInt(position);
-                $htmlBody.stop(true, false).animate({scrollTop: toMove}, allOptions.speed);
+                $htmlBody.stop(true, false).animate({scrollTop: toMove}, allOptions.speed, function () {
+                    $("#bs-example-navbar-collapse-1").collapse('hide');
+                });
             } else {
-                $htmlBody.stop(true, false).animate({scrollTop: ($(target).offset().top)}, allOptions.speed);
+                $htmlBody.stop(true, false).animate({scrollTop: ($(target).offset().top)}, allOptions.speed, function () {
+                    $("#bs-example-navbar-collapse-1").collapse('hide');
+                });
             }
         });
 
     };
 
-    $.fn.employeeFilter = function () {
-        var filterArea = $(this).closest('section');
-        var employeeCell = filterArea.find('div.emp');
-        $(this).on('click', function () {
-            var $this = $(this);
-            var needShowClass = $this.attr("class") ? $this.attr("class") : "all";
-            if (needShowClass !== "all") {
-                employeeCell.parent().hide();
-                filterArea.find("div." + needShowClass).show();
-            } else {
-                employeeCell.parent().show();
+    $.fn.toggleNavigationBar = function (height) {
+        var $nav = $(this);
+        $(window).scroll(function () {
+            if ($(window).height() - ($(document).scrollTop()) <= height) {
+                $nav.slideDown(300);
+            }
+            if ($(document).scrollTop() <= height) {
+                $nav.slideUp(300);
             }
-            lineWrapAnimation('#empContainer', '.emp-show', 80);
         });
     };
 
-})(jQuery, 'smartresize');
-
+    $.fn.moveBackgroundImg = function () { //move background image base on window scroll offset.
+        var $this = $(this);
+        $(window).scroll(function () {
+            var scrollOffset = $document.scrollTop();
+            $this.each(function () {
+                var element = $(this);
+                var offset = (element.offset().top - scrollOffset) / 1.5;
+                element.css('background-position', '50% ' + offset + "px");
+            });
+        });
+    };
+})(jQuery, 'smartresize');
\ No newline at end of file
diff --git a/sample_projects/Brilent - Analytics Job Demand.pdf b/sample_projects/Brilent - Analytics Job Demand.pdf
new file mode 100644
index 0000000..5edf211
Binary files /dev/null and b/sample_projects/Brilent - Analytics Job Demand.pdf differ
diff --git a/sample_projects/Brilent - Dalia.pdf b/sample_projects/Brilent - Dalia.pdf
new file mode 100644
index 0000000..84a1a13
Binary files /dev/null and b/sample_projects/Brilent - Dalia.pdf differ