diff --git a/index.html b/index.html
index dcd9166e..0488d153 100644
--- a/index.html
+++ b/index.html
@@ -38,11 +38,13 @@
         <div class="row">
           <div class="col s12">
             <ul class="tabs uppercase">
-              <li class="tab col m4"><a ng-click="tc.setTab('/projects')" onmousedown="keyPressed(event, '#/projects')" ng-class="{active:tc.isSet('/projects')}">Projects</a>
+              <li class="tab col m3"><a ng-click="tc.setTab('/projects')" onmousedown="keyPressed(event, '#/projects')" ng-class="{active:tc.isSet('/projects')}">Projects</a>
               </li>
-              <li class="tab col m4"><a ng-click="tc.setTab('/mentors')" onmousedown="keyPressed(event, '#/mentors')" ng-class="{active:tc.isSet('/mentors')}">Mentors</a>
+              <li class="tab col m3"><a ng-click="tc.setTab('/mentors')" onmousedown="keyPressed(event, '#/mentors')" ng-class="{active:tc.isSet('/mentors')}">Mentors</a>
               </li>
-              <li class="tab col m4"><a ng-click="tc.setTab('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror="" ng-class="{active:tc.isSet('/faq')}">Faq</a>
+              <li class="tab col m3"><a ng-click="tc.setTab('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror="" ng-class="{active:tc.isSet('/faq')}">Faq</a>
+              </li>
+              <li class="tab col m3"><a ng-click="tc.setTab('/forms')" onmousedown="keyPressed(event, '#/forms')" onerror="" ng-class="{active:tc.isSet('/forms')}">Forms</a>
               </li>
             </ul>
           </div>
diff --git a/partials/tabs/forms.html b/partials/tabs/forms.html
new file mode 100644
index 00000000..6cee7c6c
--- /dev/null
+++ b/partials/tabs/forms.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<div class="main-content container-fluid">
+  <div class="row">
+    <div class="col m8 offset-m2">
+      <h1 class="fine center">Open Source Forms</h1>
+      <br>
+    </div>
+  </div>
+</div>
+<section>
+  <div class="container">
+      <table class="striped" ng-show="osforms.formsList.length !== 0" style="margin-bottom:20px;">
+        <thead>
+            <tr class="center-align-text">
+                <th>Title</th>
+                <th>Submissions Till</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr ng-repeat="form in osforms.formsList">
+                <td>
+                    <div>
+                        <strong><a href="{{ form.url }}" data-proofer-ignore>{{ form.title }}</a></strong>
+                        <div style="padding-left: 10px;">
+                            <p ng-show="form.description !== null">{{ form.description }}</p>
+                            <p ng-show="form.user !== null">
+                                Uploaded by: <a href="https://github.com/{{ form.user }}" data-proofer-ignore>{{ form.user }}</a>
+                            </p>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    {{ form.expiry_date | date:"medium" }}
+                </td>
+            </tr>
+        </tbody>
+      </table>
+      <div class="apply-flex" ng-show="osforms.formsList.length === 0" style="padding: 5% 0;">
+        <h6>
+            No forms have been uploaded, yet! If you are already a member of organization and a developer,
+            you can share it with us on <a href="https://community.coala.io/">Community website</a>
+            by logging-in.
+        </h6>
+      </div>
+  </div>
+</section>
diff --git a/partials/tabs/mentors.html b/partials/tabs/mentors.html
index 28b87b02..061a6fe9 100644
--- a/partials/tabs/mentors.html
+++ b/partials/tabs/mentors.html
@@ -4,7 +4,7 @@
     <div class="col m8 offset-m2">
       <h1 class="fine center">Hello there!</h1>
       <h4 class="light center">
-        We are the mentors for coala in GSoC 2018.
+        We are the mentors for coala in GSoC {{ gic.nextProgramYear }}.
       </h4>
       <h4 class="light center">
         Just drop a message on <a href="https://coala.io/chat" class="bear-link">Gitter</a> -
@@ -18,7 +18,7 @@ <h4 class="light center">
     <div class="row user">
       <div class="parent-wrapper">
         <div class="parent">
-          <div ng-repeat="member in gic.mentorsList" class="card child card-main sc">
+          <div ng-repeat="member in gic.mentorsList" class="card child card-main sc black-shadow">
             <a ng-href="https://github.com/{{member.github_handle}}">
               <div class="empty"></div>
               <!-- data-proofer-ignore as html-proofer doesn't recognise ng-src -->
@@ -42,7 +42,7 @@ <h4 class="light center">
     <div class="col m8 offset-m2">
       <h1 class="fine center">Admins</h1>
       <h4 class="light center">
-        We are the admins for coala in GSoC 2018.
+        We are the admins for coala in GSoC {{ gic.nextProgramYear }}.
       </h4>
       <h4 class="light center">
         Just drop a message on <a href="https://coala.io/chat" class="bear-link">Gitter</a>
@@ -55,7 +55,7 @@ <h4 class="light center">
     <div class="row user">
       <div class="parent-wrapper">
         <div class="parent">
-          <div ng-repeat="member in gic.adminsList" class="card card-main child sc">
+          <div ng-repeat="member in gic.adminsList" class="card card-main child sc black-shadow">
             <a ng-href="https://github.com/{{member.github_handle}}">
               <div class="empty"></div>
               <!-- data-proofer-ignore as html-proofer doesn't recognise ng-src -->
diff --git a/resources/css/style.css b/resources/css/style.css
index f2395d87..cd39fd17 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -1,3 +1,13 @@
+.apply-flex {
+  display: flex;
+  justify-content: center;
+}
+.black-shadow {
+  box-shadow: 0 0 15px 2px black;
+}
+.center-align-text {
+  text-align: center;
+}
 .hash_value_dup {
   position: 'absolute';
   left: '-9999px';
diff --git a/resources/js/app.js b/resources/js/app.js
index af811167..08620498 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -55,6 +55,9 @@
             when('/faq', {
                 template: '<faq></faq>'
             }).
+            when('/forms', {
+                template: '<forms></forms>'
+            }).
             otherwise({
                 redirectTo: '/projects'
             });
@@ -386,6 +389,30 @@
                 self.mentorsList = {}
                 self.adminsList = {}
 
+                $scope.getMentorsWebservicesURL = function(year){
+                    return 'https://webservices.coala.io/mentors?year='+year+'&program=GSoC'
+                }
+
+                var today = new Date()
+                if (today.getMonth() >= 6){
+                    self.nextProgramYear = today.getFullYear() + 1
+                }
+                else {
+                    self.nextProgramYear = today.getFullYear()
+                }
+
+                var mentorsWebservicesURL = $scope.getMentorsWebservicesURL(self.nextProgramYear);
+
+                $http.get(mentorsWebservicesURL)
+                    .then(function(response){
+                        var mentors = response.data
+                        angular.forEach(mentors, function (data) {
+                            self.mentorsList[data.user.login] = {
+                                "github_handle": data.user.login,
+                                "github_avatar_url": "https://avatars.githubusercontent.com/" + data.user.login
+                            }
+                        });
+                    })
                 $http.get('data/projects.liquid')
                     .then(function (res) {
                         $scope.projects = res.data.filter(project => project.status != "completed")
@@ -416,4 +443,21 @@
         }
     }]);
 
+    app.directive('forms', ['$http', function ($http) {
+        return {
+            restrict: 'E',
+            templateUrl: '/partials/tabs/forms.html',
+            controller: function ($scope, $rootScope) {
+                self = this
+                self.formsList = []
+
+                $http.get('https://webservices.coala.io/osforms')
+                    .then(function (forms) {
+                        self.formsList = forms.data
+                    })
+            },
+            controllerAs: "osforms"
+        }
+    }]);
+
 })();
