diff --git a/components/apply/apply.html b/components/apply/apply.html
new file mode 100644
index 0000000..6534f1b
--- /dev/null
+++ b/components/apply/apply.html
@@ -0,0 +1,11 @@
+<div>
+    <div id="apply" class="tsc-scroll-anchor"></div>
+    <section class="apply">
+        <div class="container">
+            <div class="row">
+                asdasadfasdasdf
+            </div>
+        </div>
+
+    </section>
+</div>
diff --git a/components/apply/apply.js b/components/apply/apply.js
new file mode 100644
index 0000000..4bae737
--- /dev/null
+++ b/components/apply/apply.js
@@ -0,0 +1,20 @@
+(function() {
+    'use strict';
+
+    angular.module('App.apply', [])
+
+        .directive('apply', [
+            '$interval', '$filter', '$kinvey', '$http',
+            function($interval, $filter, $kinvey, $http) {
+                return {
+                    restrict: 'E',
+                    replace: true,
+                    templateUrl: 'components/apply/apply.html',
+                    scope: {},
+                    link: function(scope, elem, attrs) {
+
+                    }
+                };
+            }]);
+
+}());
diff --git a/components/apply/apply.less b/components/apply/apply.less
new file mode 100644
index 0000000..e69de29
diff --git a/components/navbar/navbar.html b/components/navbar/navbar.html
index 8f6268c..3022337 100644
--- a/components/navbar/navbar.html
+++ b/components/navbar/navbar.html
@@ -17,6 +17,11 @@
                     Mentors
                 </a>
             </li>
+            <li ng-click="navClicked($event)">
+                <a href="#apply">
+                    Apply
+                </a>
+            </li>
             <li ng-click="navClicked($event)">
                 <a href="#faq">
                     FAQ
diff --git a/index.html b/index.html
index 3ee7ee2..741f937 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@
   <script src="components/navbar/navbar.js"></script>
   <script src="components/process/process.js"></script>
   <script src="components/faq/faq.js"></script>
+  <script src="components/apply/apply.js"></script>
 
   <script src="app.js"></script>
 
@@ -340,8 +341,48 @@ <h1 class="page-header">Register</h1>
 
   <mentors></mentors>
 
+  <div>
+    <div id="apply" class="tsc-scroll-anchor"></div>
+    <section class="apply">
+        <div class="container">
+            <div class="row">
+              <h1 class="page-header">Apply</h1>
+              <div class="form-group">
+                <input class="form-control input-lg ng-pristine ng-invalid ng-invalid-required"
+                       name="github_username"
+                       id="id_github_username"
+                       placeholder="Github username"
+                       required="required">
+                <br>
+                <input class="form-control input-lg ng-pristine ng-invalid ng-invalid-required"
+                       type="email"
+                       name="email"
+                       id="id_email"
+                       placeholder="you@email.com"
+                       required="required">
+                <br>
+                <!-- TODO: Move style to LESS somewhere! when I figure out components... -->
+                <textarea id="id_what_made_you_start_programming"
+                          name="what_made_you_start_programming"
+                          class="form-control input-lg ng-pristine ng-invalid ng-invalid-required"
+                          style="min-height: 200px;"
+                          placeholder="What made you start programming?"></textarea>
+              </div>
+            </div>
+        </div>
+
+    </section>
+  </div>
+
+  <apply></apply>
+
   <faq></faq>
 
+
+
+
+
+
   <a href="/#contact" id="contact-widget">
     <i class="fa fa-comments-o"></i>
   </a>