diff --git a/.ci/build.sh b/.ci/build.sh
index 1f01164d..56c2be06 100755
--- a/.ci/build.sh
+++ b/.ci/build.sh
@@ -27,6 +27,7 @@ python manage.py fetch_deployed_data _site $ISSUES_JSON \
 
 python manage.py migrate
 python manage.py import_contributors_data
+python manage.py create_org_cluster_map_and_activity_graph org_map
 python manage.py import_issues_data
 python manage.py import_merge_requests_data
 python manage.py create_config_data
diff --git a/.coafile b/.coafile
index edfbf0ec..3b4c1c5b 100644
--- a/.coafile
+++ b/.coafile
@@ -1,6 +1,6 @@
 [all]
 files = **.py, **.js, **.sh
-ignore = .git/**, **/__pycache__/**, gci/client.py, */migrations/**, private/*
+ignore = .git/**, **/__pycache__/**, gci/client.py, */migrations/**, private/*, openhub/**, **/leaflet_dist/**
 max_line_length = 80
 use_spaces = True
 preferred_quotation = '
@@ -42,6 +42,7 @@ files = static/**/*.js
 bears = JSHintBear
 allow_unused_variables = True
 javascript_strictness = False
+environment_jquery = True
 
 [all.yml]
 bears = YAMLLintBear
diff --git a/.gitignore b/.gitignore
index 6ca4d51a..2592fe2b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -63,6 +63,7 @@ coverage.xml
 *.log
 local_settings.py
 db.sqlite3
+db.sqlite3-journal
 
 # Flask stuff:
 instance/
@@ -272,6 +273,7 @@ flycheck_*.el
 
 # Session
 Session.vim
+Sessionx.vim
 
 # Temporary
 .netrwhist
@@ -429,11 +431,7 @@ DerivedData/
 *.perspectivev3
 !default.perspectivev3
 
-## Xcode Patch
-*.xcodeproj/*
-!*.xcodeproj/project.pbxproj
-!*.xcodeproj/xcshareddata/
-!*.xcworkspace/contents.xcworkspacedata
+## Gcc Patch
 /*.gcno
 
 # Eclipse rules
diff --git a/.moban.yaml b/.moban.yaml
index 574c2d69..f9db2b3c 100644
--- a/.moban.yaml
+++ b/.moban.yaml
@@ -9,13 +9,13 @@ packages:
   - gci
   - gsoc
   - gamification
-  - log
+  - ci_build
   - meta_review
   - model
-  - twitter
   - unassigned_issues
 
 dependencies:
+  - getorg~=0.3.1
   - git+https://gitlab.com/coala/coala-utils.git
   - git-url-parse
   - django>2.1,<2.2
diff --git a/.nocover.yaml b/.nocover.yaml
index 987773ce..4757eb64 100644
--- a/.nocover.yaml
+++ b/.nocover.yaml
@@ -8,11 +8,10 @@ nocover_file_globs:
   - community/git.py
   - gci/*.py
   - gsoc/*.py
-  - log/*.py
+  - ci_build/*.py
   - meta_review/handler.py
   - model/*.py
   - openhub/*.py
-  - twitter/*.py
   # Optional coverage. Once off scripts.
   - inactive_issues/inactive_issues_scraper.py
   - unassigned_issues/unassigned_issues_scraper.py
diff --git a/.travis.yml b/.travis.yml
index 61015858..255cb955 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,5 +1,5 @@
 language: python
-python: 3.6
+python: 3.6.3
 
 cache:
   pip: true
diff --git a/activity/scraper.py b/activity/scraper.py
index 069bc668..9d8fc794 100644
--- a/activity/scraper.py
+++ b/activity/scraper.py
@@ -136,7 +136,7 @@ def get_data(self):
         return self.data
 
 
-def activity_json(request):
+def activity_json(filename):
 
     org_name = get_org_name()
 
@@ -152,4 +152,5 @@ def activity_json(request):
     real_data = Scraper(parsed_json['issues'], datetime.datetime.today())
     real_data = real_data.get_data()
 
-    return HttpResponse(json.dumps(real_data))
+    with open(filename, 'w+') as f:
+        json.dump(real_data, f, indent=4)
diff --git a/ci_build/view_log.py b/ci_build/view_log.py
new file mode 100644
index 00000000..8c476ae3
--- /dev/null
+++ b/ci_build/view_log.py
@@ -0,0 +1,131 @@
+import re
+import json
+import os
+import sys
+
+from django.views.generic import TemplateView
+
+from community.views import get_header_and_footer
+from community.git import (
+    get_org_name,
+    get_owner,
+    get_deploy_url,
+    get_upstream_deploy_url
+)
+
+
+class BuildLogsView(TemplateView):
+    template_name = 'build_logs.html'
+
+    def copy_build_logs_json(self, ci_build_jsons):
+        """
+        :param ci_build_jsons: A dict of directories path
+        :return: A boolean, whether the build file is copied
+        """
+        if os.path.isfile(ci_build_jsons['public_path']):
+            if sys.platform == 'linux':
+                os.popen('cp {} {}'.format(
+                    ci_build_jsons['site_path'],
+                    ci_build_jsons['public_path']))
+                os.popen('cp {} {}'.format(
+                    ci_build_jsons['site_path'],
+                    ci_build_jsons['static_path']))
+            else:
+                os.popen('copy {} {}'.format(
+                    ci_build_jsons['site_path'],
+                    ci_build_jsons['public_path']))
+                os.popen('copy {} {}'.format(
+                    ci_build_jsons['site_path'],
+                    ci_build_jsons['static_path']))
+            return True
+        return False
+
+    def create_and_copy_build_logs_json(self, logs, level_specific_logs):
+        """
+        Create a build logs detailed json file in ./_site directory and copy
+        that file in the ./static and ./public/static directories
+        :param logs: A list of all lines in build log file
+        :param level_specific_logs: A dict containing logs divided in their
+        respective categories
+        :return: A boolean, whether the files were copied or not
+        """
+        ci_build_jsons = {
+            'site_path': './_site/ci-build-detailed-logs.json',
+            'public_path': './public/static/ci-build-detailed-logs.json',
+            'static_path': './static/ci-build-detailed-logs.json'
+        }
+        with open(ci_build_jsons['site_path'], 'w+') as build_logs_file:
+            data = {
+                'logs': logs,
+                'logs_level_Specific': level_specific_logs
+            }
+            json.dump(data, build_logs_file, indent=4)
+        return self.copy_build_logs_json(ci_build_jsons)
+
+    def get_build_logs(self, log_file_path):
+        """
+        :param log_file_path: build logs file path
+        :return: a tuple of two where the first element in tuple refers to
+        a list of build logs in the file, and the second element is a dict
+        which categorizes the build logs into 5 categories - INFO, DEBUG,
+        WARNING, ERROR nad CRITICAL
+        """
+        log_lines = []
+        log_level_specific_lines = {
+            'INFO': [],
+            'DEBUG': [],
+            'WARNING': [],
+            'ERROR': [],
+            'CRITICAL': []
+        }
+        with open(log_file_path) as log_file:
+            previous_found_level = None
+            for line in log_file:
+                log_lines.append(line)
+                levels = re.findall(r'\[[A-Z]+]', line)
+                if levels:
+                    level = levels[0]
+                    level = previous_found_level = level[1:-1]
+                    log_level_specific_lines[level].append(line)
+                elif previous_found_level:
+                    log_level_specific_lines[previous_found_level].append(
+                        line)
+        return log_lines, log_level_specific_lines
+
+    def check_build_logs_stored(self):
+        """
+        Check whether the build logs json file is copied to _site and public
+        directories or not
+        :return: A Boolean
+        """
+        log_file_path = './_site/community.log'
+        log_file_exists = os.path.isfile(log_file_path)
+        if log_file_exists:
+            logs, level_specific_logs = self.get_build_logs(log_file_path)
+            return self.create_and_copy_build_logs_json(logs,
+                                                        level_specific_logs)
+        return False
+
+    def get_build_info(self):
+        """
+        Get the information about build, like who deployed the website i.e.
+        owner, name of the organization or user etc.
+        :return: A dict having information about build related details
+        """
+        data = {
+            'Org name': get_org_name(),
+            'Owner': get_owner(),
+            'Deploy URL': get_deploy_url(),
+        }
+        try:
+            data['Upstream deploy URL'] = get_upstream_deploy_url()
+        except RuntimeError:
+            data['Upstream deploy URL'] = 'Not found'
+        return data
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        context['build_info'] = self.get_build_info()
+        context['logs_stored'] = self.check_build_logs_stored()
+        return context
diff --git a/community/git.py b/community/git.py
index fabe06d8..7d5541fc 100644
--- a/community/git.py
+++ b/community/git.py
@@ -49,7 +49,7 @@ def get_config_remote(name='origin'):
     raise KeyError('No git remotes found')
 
 
-def get_remote_url():
+def get_remote_url(name='origin'):
     """Obtain a parsed remote URL.
 
     Uses CI environment variables or git remotes.
@@ -58,7 +58,7 @@ def get_remote_url():
     # It only sets the REPOSITORY_URL
     url = os.environ.get('REPOSITORY_URL')
     if not url:
-        remote = get_config_remote()
+        remote = get_config_remote(name)
         assert remote[0][0] == 'url'
         url = remote[0][1]
 
@@ -146,7 +146,7 @@ def get_upstream_repo():
     """Obtain the parent slug of the repository.
     """
     try:
-        remote = get_config_remote(name='upstream')
+        remote = get_remote_url(name='origin')
     except KeyError:
         remote = None
 
diff --git a/community/urls.py b/community/urls.py
index ed936b9d..42384cb3 100644
--- a/community/urls.py
+++ b/community/urls.py
@@ -5,17 +5,14 @@
 from django_distill import distill_url
 from django.conf.urls.static import static
 from django.conf import settings
-from django.views.generic import TemplateView
 
-from community.views import HomePageView, info
-from gci.views import index as gci_index
+from community.views import HomePageView
+from gci.views import GCIStudentsList
 from gci.feeds import LatestTasksFeed as gci_tasks_rss
-from activity.scraper import activity_json
-from twitter.view_twitter import index as twitter_index
-from log.view_log import index as log_index
-from data.views import index as contributors_index
-from gamification.views import index as gamification_index
-from meta_review.views import index as meta_review_index
+from ci_build.view_log import BuildLogsView
+from data.views import ContributorsListView
+from gamification.views import GamificationResults
+from meta_review.views import ContributorsMetaReview
 from inactive_issues.inactive_issues_scraper import inactive_issues_json
 from openhub.views import index as openhub_index
 from model.views import index as model_index
@@ -81,24 +78,6 @@ def get_organization():
         distill_func=get_index,
         distill_file='index.html',
     ),
-    distill_url(
-        'info.txt', info,
-        name='index',
-        distill_func=get_index,
-        distill_file='info.txt',
-    ),
-    distill_url(
-        r'static/activity-data.json', activity_json,
-        name='activity_json',
-        distill_func=get_index,
-        distill_file='static/activity-data.json',
-    ),
-    distill_url(
-        r'activity/', TemplateView.as_view(template_name='activity.html'),
-        name='activity',
-        distill_func=get_index,
-        distill_file='activity/index.html',
-    ),
     distill_url(
         r'gci/tasks/rss.xml', gci_tasks_rss(),
         name='gci-tasks-rss',
@@ -106,31 +85,25 @@ def get_organization():
         distill_file='gci/tasks/rss.xml',
     ),
     distill_url(
-        r'gci/', gci_index,
+        r'gci/', GCIStudentsList.as_view(),
         name='community-gci',
         distill_func=get_index,
         distill_file='gci/index.html',
     ),
     distill_url(
-        r'twitter/', twitter_index,
-        name='twitter',
-        distill_func=get_index,
-        distill_file='twitter/index.html',
-    ),
-    distill_url(
-        r'log/', log_index,
-        name='log',
+        r'ci/build/', BuildLogsView.as_view(),
+        name='ci_build',
         distill_func=get_index,
-        distill_file='log/index.html',
+        distill_file='ci/build/index.html',
     ),
     distill_url(
-        r'contributors/$', contributors_index,
+        r'contributors/$', ContributorsListView.as_view(),
         name='community-data',
         distill_func=get_index,
         distill_file='contributors/index.html',
     ),
     distill_url(
-        r'meta-review/$', meta_review_index,
+        r'meta-review/$', ContributorsMetaReview.as_view(),
         name='meta_review_data',
         distill_func=get_index,
         distill_file='meta-review/index.html',
@@ -220,7 +193,7 @@ def get_organization():
         distill_file='static/unassigned-issues.json',
     ),
     distill_url(
-        r'gamification/$', gamification_index,
+        r'gamification/$', GamificationResults.as_view(),
         name='community-gamification',
         distill_func=get_index,
         distill_file='gamification/index.html',
diff --git a/community/views.py b/community/views.py
index 595c02ed..38c83d23 100644
--- a/community/views.py
+++ b/community/views.py
@@ -1,43 +1,112 @@
-from django.http import HttpResponse
-from django.views.generic.base import TemplateView
+import logging
+
+import requests
 
 from trav import Travis
 
+from django.views.generic.base import TemplateView
+
 from .git import (
-    get_deploy_url,
     get_org_name,
-    get_owner,
-    get_upstream_deploy_url,
+    get_remote_url
 )
+from data.models import Team
+from gamification.models import Participant as GamificationParticipant
+from meta_review.models import Participant as MetaReviewer
+
+
+def initialize_org_context_details():
+    org_name = get_org_name()
+    org_details = {
+        'name': org_name,
+        'blog_url': f'https://blog.{org_name}.io/',
+        'twitter_url': f'https://twitter.com/{org_name}_io/',
+        'facebook_url': f'https://www.facebook.com/{org_name}Analyzer',
+        'repo_url': get_remote_url().href,
+        'docs': f'https://{org_name}.io/docs',
+        'newcomer_docs': f'https://{org_name}.io/newcomer',
+        'coc': f'https://{org_name}.io/coc',
+        'logo_url': (f'https://api.{org_name}.io/en/latest/_static/images/'
+                     f'{org_name}_logo.svg'),
+        'gitter_chat': f'https://gitter.im/{org_name}/{org_name}/',
+        'github_core_repo': f'https://github.com/{org_name}/{org_name}/',
+        'licence_type': 'GNU AGPL v3.0'
+    }
+    return org_details
+
+
+def get_header_and_footer(context):
+    context['isTravis'] = Travis.TRAVIS
+    context['travisLink'] = Travis.TRAVIS_BUILD_WEB_URL
+    context['org'] = initialize_org_context_details()
+    print('Running on Travis: {}, build link: {}'.format(context['isTravis'],
+                                                         context['travisLink']
+                                                         ))
+    return context
 
 
 class HomePageView(TemplateView):
     template_name = 'index.html'
 
-    def get_context_data(self, **kwargs):
-        context = super().get_context_data(**kwargs)
-        context['isTravis'] = Travis.TRAVIS
-        context['travisLink'] = Travis.TRAVIS_BUILD_WEB_URL
+    def get_team_details(self, org_name):
+        teams = [
+            f'{org_name} newcomers',
+            f'{org_name} developers',
+            f'{org_name} admins'
+        ]
+        team_details = {}
+        for team_name in teams:
+            team = Team.objects.get(name=team_name)
+            contributors_count = team.contributors.count()
+            team_details[
+                team_name.replace(org_name, '').strip().capitalize()
+            ] = contributors_count
+        return team_details
 
-        print('Running on Travis: {}, build link: {}'.format(
-            context['isTravis'],
-            context['travisLink']))
+    def get_quote_of_the_day(self):
 
-        return context
+        try:
+            qod = requests.get('http://quotes.rest/qod?category=inspire')
+            qod.raise_for_status()
+        except requests.HTTPError as err:
+            error_info = f'HTTPError while fetching Quote of the day! {err}'
+            logging.error(error_info)
+            return
 
+        qod_data = qod.json()
+        return {
+            'quote': qod_data['contents']['quotes'][0]['quote'],
+            'author': qod_data['contents']['quotes'][0]['author'],
+        }
 
-def info(request):
-    data = {
-        'Org name': get_org_name(),
-        'Owner': get_owner(),
-        'Deploy URL': get_deploy_url(),
-    }
-    try:
-        upstream_deploy_url = get_upstream_deploy_url()
-        data['Upstream deploy URL'] = upstream_deploy_url
-    except RuntimeError:
-        data['Upstream deploy URL'] = 'Not found'
-
-    s = '\n'.join(name + ': ' + value
-                  for name, value in data.items())
-    return HttpResponse(s)
+    def get_top_meta_review_users(self, count):
+        participants = MetaReviewer.objects.all()[:count]
+        return participants
+
+    def get_top_gamification_users(self, count):
+        return enumerate(GamificationParticipant.objects.all()[:count])
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        org_name = context['org']['name']
+        context['org']['team_details'] = dict(self.get_team_details(org_name))
+        about_org = (f'{org_name} (always spelled with a lowercase c!) is one'
+                     ' of the welcoming open-source organizations for'
+                     f' newcomers. {org_name} stands for “COde AnaLysis'
+                     ' Application” as it works well with animals and thus is'
+                     ' well visualizable which makes it easy to memorize.'
+                     f' {org_name} provides a unified interface for linting'
+                     ' and fixing the code with a single configuration file,'
+                     ' regardless of the programming languages used. You can'
+                     f' use {org_name} from within your favorite editor,'
+                     ' integrate it with your CI and, get the results as JSON'
+                     ', or customize it to your needs with its flexible'
+                     ' configuration syntax.')
+        context['org']['about'] = about_org
+        context['quote_details'] = self.get_quote_of_the_day()
+        context['top_meta_review_users'] = self.get_top_meta_review_users(
+            count=5)
+        context['top_gamification_users'] = self.get_top_gamification_users(
+            count=5)
+        return context
diff --git a/data/contrib_data.py b/data/contrib_data.py
index aacbab89..4d696b31 100644
--- a/data/contrib_data.py
+++ b/data/contrib_data.py
@@ -28,11 +28,10 @@ def get_contrib_data():
 def import_data(contributor):
     logger = logging.getLogger(__name__)
     login = contributor.get('login', None)
-    teams = contributor.get('teams')
+    teams = contributor.pop('teams')
     try:
         contributor['issues_opened'] = contributor.pop('issues')
         contributor['num_commits'] = contributor.pop('contributions')
-        contributor.pop('teams')
         c, create = Contributor.objects.get_or_create(
             **contributor
         )
diff --git a/data/management/commands/create_org_cluster_map_and_activity_graph.py b/data/management/commands/create_org_cluster_map_and_activity_graph.py
new file mode 100644
index 00000000..c71647b1
--- /dev/null
+++ b/data/management/commands/create_org_cluster_map_and_activity_graph.py
@@ -0,0 +1,20 @@
+from django.core.management.base import BaseCommand
+
+from data.org_cluster_map_handler import handle as org_cluster_map_handler
+from activity.scraper import activity_json
+
+
+class Command(BaseCommand):
+    help = 'Create a cluster map using contributors geolocation'
+
+    def add_arguments(self, parser):
+        parser.add_argument('output_dir', nargs='?', type=str)
+
+    def handle(self, *args, **options):
+        output_dir = options.get('output_dir')
+        if not output_dir:
+            org_cluster_map_handler()
+        else:
+            org_cluster_map_handler(output_dir)
+        # Fetch & Store data for activity graph to be displayed on home-page
+        activity_json('static/activity-data.js')
diff --git a/data/migrations/0005_auto_20190801_1442.py b/data/migrations/0005_auto_20190801_1442.py
new file mode 100644
index 00000000..82fba40d
--- /dev/null
+++ b/data/migrations/0005_auto_20190801_1442.py
@@ -0,0 +1,33 @@
+# Generated by Django 2.1.7 on 2019-08-01 14:42
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('data', '0004_auto_20180809_2229'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='contributor',
+            name='followers',
+            field=models.IntegerField(default=None, null=True),
+        ),
+        migrations.AddField(
+            model_name='contributor',
+            name='location',
+            field=models.TextField(default=None, null=True),
+        ),
+        migrations.AddField(
+            model_name='contributor',
+            name='public_gists',
+            field=models.IntegerField(default=None, null=True),
+        ),
+        migrations.AddField(
+            model_name='contributor',
+            name='public_repos',
+            field=models.IntegerField(default=None, null=True),
+        ),
+    ]
diff --git a/data/migrations/0006_auto_20190801_1752.py b/data/migrations/0006_auto_20190801_1752.py
new file mode 100644
index 00000000..aa2d0ef6
--- /dev/null
+++ b/data/migrations/0006_auto_20190801_1752.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.1.7 on 2019-08-01 17:52
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('data', '0005_auto_20190801_1442'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='contributor',
+            name='teams',
+            field=models.ManyToManyField(related_name='contributors', to='data.Team'),
+        ),
+    ]
diff --git a/data/models.py b/data/models.py
index b6ba1a0e..02050fcb 100644
--- a/data/models.py
+++ b/data/models.py
@@ -13,9 +13,13 @@ class Contributor(models.Model):
     name = models.TextField(default=None, null=True)
     bio = models.TextField(default=None, null=True)
     num_commits = models.IntegerField(default=None, null=True)
+    public_repos = models.IntegerField(default=None, null=True)
+    public_gists = models.IntegerField(default=None, null=True)
+    followers = models.IntegerField(default=None, null=True)
     reviews = models.IntegerField(default=None, null=True)
     issues_opened = models.IntegerField(default=None, null=True)
-    teams = models.ManyToManyField(Team)
+    location = models.TextField(default=None, null=True)
+    teams = models.ManyToManyField(Team, related_name='contributors')
 
     def __str__(self):
         return self.login
diff --git a/data/org_cluster_map_handler.py b/data/org_cluster_map_handler.py
new file mode 100644
index 00000000..baf0969b
--- /dev/null
+++ b/data/org_cluster_map_handler.py
@@ -0,0 +1,82 @@
+import os
+import json
+
+import logging
+
+import getorg
+
+from data.models import Contributor
+
+
+def handle(output_dir='cluster_map'):
+    """
+    Creates a organization cluster map using the contributors location
+    stored in the database
+    :param output_dir: Directory where all the required CSS and JS files
+    are copied by 'getorg' package
+    """
+    logger = logging.getLogger(__name__)
+    logger.info("'cluster_map/' is the default directory for storing"
+                " organization map related files. If arg 'output_dir'"
+                ' not provided it will be used as a default directory by'
+                " 'getorg' package.")
+
+    # For creating the organization map, the 'getorg' uses a 'Nominatim' named
+    # package which geocodes the contributor location and then uses that class
+    # to create the map. Since, we're not dealing with that function which use
+    # that 'Nominatim' package because we're fetching a JSON data and storing
+    # it in our db. Therefore, defining our own simple class that can aid us
+    # to create a cluster map.
+    class Location:
+
+        def __init__(self, longitude, latitude):
+            self.longitude = longitude
+            self.latitude = latitude
+
+    org_location_dict = {}
+
+    for contrib in Contributor.objects.filter(location__isnull=False):
+        user_location = json.loads(contrib.location)
+        location = Location(user_location['longitude'],
+                            user_location['latitude'])
+        org_location_dict[contrib.login] = location
+        logger.debug(f'{contrib.login} location {user_location} added on map')
+    getorg.orgmap.output_html_cluster_map(org_location_dict,
+                                          folder_name=output_dir)
+
+    move_and_make_changes_in_files(output_dir)
+
+
+def move_and_make_changes_in_files(output_dir):
+    """
+    Move static files from 'output_dir' to django static folder which
+    is being required by the map.html which is being auto-generated
+    by getorg.
+    :param output_dir: Directory from where the files have to be moved
+    """
+
+    move_leaflet_dist_folder(output_dir)
+
+    os.rename(
+        src=get_file_path(os.getcwd(), output_dir, 'org-locations.js'),
+        dst=get_file_path(os.getcwd(), 'static', 'org-locations.js')
+    )
+
+    os.remove(get_file_path(os.getcwd(), output_dir, 'map.html'))
+
+
+def move_leaflet_dist_folder(output_dir):
+    source_path = get_file_path(os.getcwd(), output_dir, 'leaflet_dist')
+    destination_path = get_file_path(os.getcwd(), 'static', 'leaflet_dist')
+
+    # Remove existing leaflet_dir if exists
+    for root, dirs, files in os.walk(destination_path):
+        for file in files:
+            os.remove(os.path.join(destination_path, file))
+        os.rmdir(root)
+
+    os.renames(source_path, destination_path)
+
+
+def get_file_path(*args):
+    return '/'.join(args)
diff --git a/data/tests/test_contrib_data.py b/data/tests/test_contrib_data.py
index e820e413..88a20ac8 100644
--- a/data/tests/test_contrib_data.py
+++ b/data/tests/test_contrib_data.py
@@ -2,7 +2,9 @@
 
 from django.test import TestCase
 
-from data.contrib_data import get_contrib_data
+from data.contrib_data import get_contrib_data, import_data
+from gamification.tests.test_management_commands import (
+    get_false_contributors_data)
 
 
 class GetContribDataTest(TestCase):
@@ -10,3 +12,7 @@ class GetContribDataTest(TestCase):
     def test_get_contrib_data(self):
         with requests_mock.Mocker():
             get_contrib_data()
+
+    def test_false_contributor_data(self):
+        for contrib in get_false_contributors_data():
+            import_data(contrib)
diff --git a/data/tests/test_issues.py b/data/tests/test_issues.py
index f94e23e3..b75bc041 100644
--- a/data/tests/test_issues.py
+++ b/data/tests/test_issues.py
@@ -2,7 +2,9 @@
 
 from django.test import TestCase
 
-from data.issues import fetch_issues
+from data.issues import fetch_issues, import_issue
+from gamification.tests.test_management_commands import (
+    get_false_issues_data)
 
 
 class FetchIssueTest(TestCase):
@@ -10,3 +12,7 @@ class FetchIssueTest(TestCase):
     def test_fetch_issues(self):
         with requests_mock.Mocker():
             fetch_issues('GitHub')
+
+    def test_false_issue_data(self):
+        for issue in get_false_issues_data():
+            import_issue('github', issue)
diff --git a/data/tests/test_management_commands.py b/data/tests/test_management_commands.py
index f1309700..866616eb 100644
--- a/data/tests/test_management_commands.py
+++ b/data/tests/test_management_commands.py
@@ -32,8 +32,7 @@ def test_command_import_issues_data(self):
         if not issues:
             raise unittest.SkipTest(
                 'No record of issues from webservices')
-        self.assertIn('testuser',
-                      [issue.author.login for issue in issues])
+        self.assertGreater(issues.count(), 0)
 
 
 class ImportMergeRequestDataTest(TestCase):
@@ -47,5 +46,4 @@ def test_command_import_issues_data(self):
         if not mrs:
             raise unittest.SkipTest(
                 'No record of mrs from webservices')
-        self.assertIn('testuser',
-                      [mr.author.login for mr in mrs])
+        self.assertGreater(mrs.count(), 0)
diff --git a/data/tests/test_merge_requests.py b/data/tests/test_merge_requests.py
index 3d4350a8..f0efdead 100644
--- a/data/tests/test_merge_requests.py
+++ b/data/tests/test_merge_requests.py
@@ -2,7 +2,8 @@
 
 from django.test import TestCase
 
-from data.merge_requests import fetch_mrs
+from data.merge_requests import fetch_mrs, import_mr
+from gamification.tests.test_management_commands import (get_false_mrs_data)
 
 
 class FetchMergeRequestTest(TestCase):
@@ -10,3 +11,7 @@ class FetchMergeRequestTest(TestCase):
     def test_fetch_mrs(self):
         with requests_mock.Mocker():
             fetch_mrs('GitHub')
+
+    def test_false_mr_data(self):
+        for mr in get_false_mrs_data():
+            import_mr('github', mr)
diff --git a/data/tests/test_org_cluster_map_handler.py b/data/tests/test_org_cluster_map_handler.py
new file mode 100644
index 00000000..8199dcc0
--- /dev/null
+++ b/data/tests/test_org_cluster_map_handler.py
@@ -0,0 +1,22 @@
+from django.test import TestCase
+
+from data.models import Contributor
+from data.org_cluster_map_handler import handle as org_cluster_map_handler
+
+
+class CreateOrgClusterMapAndActivityGraphTest(TestCase):
+
+    @classmethod
+    def setUpTestData(cls):
+        Contributor.objects.create(login='test',
+                                   name='Test User',
+                                   location='{"latitude": 12.9,'
+                                            '"longitude": 77.8}')
+        Contributor.objects.create(login='testuser',
+                                   name='Test User 2')
+
+    def test_with_output_dir(self):
+        org_cluster_map_handler()
+
+    def test_without_output_dir(self):
+        org_cluster_map_handler(output_dir='org_map')
diff --git a/data/urls.py b/data/urls.py
index a3780aa2..6eb2a98a 100644
--- a/data/urls.py
+++ b/data/urls.py
@@ -1,7 +1,7 @@
 from django.conf.urls import url
 
-from . import views
+from .views import ContributorsListView
 
 urlpatterns = [
-    url(r'^$', views.index, name='index'),
+    url(r'^$', ContributorsListView.as_view(), name='index'),
 ]
diff --git a/data/views.py b/data/views.py
index 40436c72..53cd8a3e 100644
--- a/data/views.py
+++ b/data/views.py
@@ -1,8 +1,16 @@
+from django.views.generic import TemplateView
+
+from community.views import get_header_and_footer
 from data.models import Contributor
-from django.shortcuts import render
 
 
-def index(request):
-    contributors = Contributor.objects.all()
-    args = {'contributors': contributors}
-    return render(request, 'contributors.html', args)
+class ContributorsListView(TemplateView):
+    template_name = 'contributors.html'
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        contrib_objects = Contributor.objects.all()
+        context['contributors'] = contrib_objects.order_by('-num_commits',
+                                                           'name')
+        return context
diff --git a/gamification/tests/test_management_commands.py b/gamification/tests/test_management_commands.py
index 7519d3ad..ba795dc8 100644
--- a/gamification/tests/test_management_commands.py
+++ b/gamification/tests/test_management_commands.py
@@ -1,14 +1,20 @@
 from django.core.management import call_command
 from django.test import TestCase
 
+from data.issues import import_issue
+from community.git import get_org_name
+from data.merge_requests import import_mr
 from gamification.models import (
     Level,
     Badge,
     Participant,
     BadgeActivity,
 )
+from data.contrib_data import import_data
 from data.newcomers import active_newcomers
 
+ORG_NAME = get_org_name()
+
 
 class CreateConfigDataTest(TestCase):
 
@@ -79,6 +85,18 @@ class UpdateParticipantsTest(TestCase):
 
     @classmethod
     def setUpTestData(cls):
+        for contrib in get_false_contributors_data():
+            import_data(contrib)
+
+        for issue in get_false_issues_data():
+            import_issue('github', issue)
+
+        for mr in get_false_mrs_data():
+            import_mr('github', mr)
+
+        for contrib in get_false_active_newcomers():
+            Participant.objects.create(username=contrib['username'])
+
         call_command('import_issues_data')
         call_command('import_merge_requests_data')
         call_command('create_config_data')
@@ -98,3 +116,204 @@ def test_command_update_particiapants_data(self):
 
         number_of_badges = participant.badges.all().count()
         self.assertEquals(number_of_badges, 2)
+
+
+def get_false_contributors_data():
+    return [
+        {
+            'bio': '',
+            'teams': [
+                f'{ORG_NAME} newcomers'
+            ],
+            'reviews': 0,
+            'issues': 0,
+            'name': '',
+            'login': 'testuser',
+            'contributions': 1
+        },
+        {
+            'bio': '',
+            'teams': [
+                f'{ORG_NAME} newcomers'
+            ],
+            'reviews': 0,
+            'issues': 0,
+            'name': '',
+            'login': 'testuser',
+            'contributions': 1
+        },
+        {
+            'bio': '',
+            'teams': [
+            ],
+            'reviews': 0,
+            'name': '',
+            'login': 'testuser1',
+            'contributions': 1
+        }
+    ]
+
+
+def get_false_issues_data():
+    return [
+        {
+            'created_at': '2016-11-21T00:46:14',
+            'hoster': 'github',
+            'updated_at': '2017-12-21T00:00:48',
+            'labels': [
+                'status/duplicate'
+            ],
+            'number': 1,
+            'assignees': [],
+            'repo_id': 254525111,
+            'title': 'Test issue',
+            'state': 'closed',
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'url': f'https://github.com/{ORG_NAME}/corobo/issues/585',
+            'author': 'testuser'
+        },
+        {
+            'created_at': '2016-11-21T00:46:14',
+            'hoster': 'github',
+            'updated_at': '2017-12-21T00:00:48',
+            'labels': [
+                'difficulty/newcomer',
+                'type/bug'
+            ],
+            'number': 3,
+            'assignees': [],
+            'repo_id': 254525111,
+            'title': 'Test issue',
+            'state': 'closed',
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/issues/1',
+            'author': 'testuser1'
+        },
+        {
+            'created_at': '2016-11-21T00:46:14',
+            'hoster': 'github',
+            'updated_at': '2017-12-21T00:00:48',
+            'labels': [
+                'difficulty/newcomer',
+                'type/bug'
+            ],
+            'number': 2,
+            'assignees': [],
+            'repo_id': 254525111,
+            'title': 'Test issue',
+            'state': 'closed',
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/issues/2',
+            'author': 'testuser'
+        },
+        {
+            'created_at': '2016-11-21T00:46:14',
+            'hoster': 'github',
+            'updated_at': '2017-12-21T00:00:48',
+            'labels': [
+                'difficulty/newcomer',
+                'type/bug'
+            ],
+            'number': 2,
+            'assignees': [],
+            'title': 'Test issue',
+            'state': 'closed',
+            'repo': 'test/test',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/issues/3',
+            'author': 'testuser1'
+        }
+    ]
+
+
+def get_false_mrs_data():
+    return [
+        {
+            'created_at': '2016-02-21T05:04:25',
+            'hoster': 'github',
+            'ci_status': True,
+            'labels': [
+                'difficulty/newcomer',
+                'type/bug'
+            ],
+            'title': 'Test merge request-I',
+            'number': 1625,
+            'updated_at': '2016-04-21T12:06:19',
+            'assignees': [],
+            'repo_id': 254525111,
+            'closes_issues': [
+                2,
+                3
+            ],
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/pull/1625',
+            'state': 'merged',
+            'author': 'testuser'
+        },
+        {
+            'created_at': '2016-02-21T05:04:25',
+            'hoster': 'github',
+            'ci_status': True,
+            'labels': [
+                'status/STALE'
+            ],
+            'title': 'Test merge request-II',
+            'number': 1626,
+            'updated_at': '2016-02-21T12:06:19',
+            'assignees': [],
+            'repo_id': 25452511,
+            'closes_issues': [
+            ],
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'state': 'merged',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/pull/1626',
+            'author': 'testuser'
+        },
+        {
+            'created_at': '2016-02-21T05:04:25',
+            'hoster': 'github',
+            'ci_status': True,
+            'labels': [
+                'difficulty/low',
+                'type/bug'
+            ],
+            'title': 'Test merge request-III',
+            'number': 1626,
+            'updated_at': '2016-02-21T12:06:19',
+            'assignees': [
+                'testuser',
+                'testuser1'
+            ],
+            'repo_id': 25452511,
+            'closes_issues': [
+            ],
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'state': 'merged',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/pull/1625',
+            'author': 'testuser'
+        },
+        {
+            'created_at': '2016-02-21T05:04:25',
+            'hoster': 'github',
+            'labels': [
+                'difficulty/low',
+                'type/bug'
+            ],
+            'title': 'Test merge request-III',
+            'number': 1626,
+            'updated_at': '2016-02-21T12:06:19',
+            'assignees': [],
+            'repo_id': 25452511,
+            'repo': f'{ORG_NAME}/{ORG_NAME}',
+            'url': f'https://github.com/{ORG_NAME}/{ORG_NAME}/pull/1625',
+            'closes_issues': [
+            ],
+            'author': 'testuser1'
+        }
+    ]
+
+
+def get_false_active_newcomers():
+    return [
+        {'username': 'testuser'},
+        {'username': 'testuser1'}
+    ]
diff --git a/gamification/tests/test_views.py b/gamification/tests/test_views.py
index 64e270c7..fa7a1a22 100644
--- a/gamification/tests/test_views.py
+++ b/gamification/tests/test_views.py
@@ -25,4 +25,4 @@ def test_view_uses_correct_template(self):
     def test_all_contributors_on_template(self):
         resp = self.client.get(reverse('community-gamification'))
         self.assertEqual(resp.status_code, 200)
-        self.assertTrue(len(resp.context['participants']) == 10)
+        self.assertTrue(len(resp.context['gamification_results']) == 10)
diff --git a/gamification/views.py b/gamification/views.py
index 25b14243..0772782c 100644
--- a/gamification/views.py
+++ b/gamification/views.py
@@ -1,10 +1,79 @@
-from django.shortcuts import render
+import json
 
-from gamification.models import Participant
+from django.views.generic import TemplateView
 
+from community.views import get_header_and_footer
+from gamification.models import Participant, Level, Badge
 
-def index(request):
-    Participant.objects.filter(username__startswith='testuser').delete()
+
+class GamificationResults(TemplateView):
+    template_name = 'gamification.html'
     participants = Participant.objects.all()
-    args = {'participants': participants}
-    return render(request, 'gamification.html', args)
+
+    def get_users_username(self, users):
+        """
+        :param users: A Queryset, with a field username
+        :return: A list of usernames
+        """
+        usernames = list()
+        for user in users:
+            usernames.append(user.username)
+        return usernames
+
+    def group_participants_by_score(self):
+        """
+        Divide the participants according to their scores. For example, if
+        there are 10 contributors who have different scores and there are
+        possibly 4 ranges i.e. score_gt 80, score_between (70,80),
+        score_between (60,70) and score_lt 60. So, divide them and put them
+        in their respective lists.
+        :return: A Dict, with key as score_range and value a list of
+        contributors username
+        """
+        scores = set()
+        for contrib in self.participants:
+            scores.add(contrib.score)
+
+        scores = list(scores)
+        scores.sort()
+
+        try:
+            min_score, max_score = scores[0], scores[-1]
+        except IndexError:
+            return dict()
+
+        difference_bw_groups_score = int(max_score/5)
+        score_ranges = [
+            min_score + i * difference_bw_groups_score for i in range(6)
+        ]
+        score_ranges[-1] += max_score % 5
+
+        grouped_participants = dict()
+        for index, score in enumerate(score_ranges[1:]):
+            begin_score, end_score = score_ranges[index], score
+
+            filtered_participants = self.participants.filter(
+                score__range=[begin_score, end_score]
+            )
+
+            if begin_score == min_score:
+                grp_lvl = f'<{end_score}'
+            elif end_score < max_score:
+                grp_lvl = f'>={begin_score} and <{end_score}'
+            else:
+                grp_lvl = f'>={begin_score}'
+
+            grouped_participants[grp_lvl] = json.dumps(
+                self.get_users_username(filtered_participants)
+            )
+        return grouped_participants
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        context['gamification_results'] = self.participants
+        context['levels'] = Level.objects.all()
+        context['badges'] = Badge.objects.all()
+        context['grouped_participants'] = self.group_participants_by_score()
+
+        return context
diff --git a/gci/urls.py b/gci/urls.py
index a3780aa2..10e10974 100644
--- a/gci/urls.py
+++ b/gci/urls.py
@@ -3,5 +3,5 @@
 from . import views
 
 urlpatterns = [
-    url(r'^$', views.index, name='index'),
+    url(r'^$', views.GCIStudentsList.as_view(), name='index'),
 ]
diff --git a/gci/views.py b/gci/views.py
index e9c97589..ceed5c12 100644
--- a/gci/views.py
+++ b/gci/views.py
@@ -1,11 +1,13 @@
-from django.http import HttpResponse
 from datetime import datetime
 from calendar import timegm
+
 import logging
-import requests
 
+from django.views.generic import TemplateView
+
+from community.views import get_header_and_footer
+from data.models import Contributor
 from .students import get_linked_students
-from .gitorg import get_logo
 from .task import get_tasks
 
 STUDENT_URL = (
@@ -15,75 +17,78 @@
 )
 
 
-def index(request):
-    logger = logging.getLogger(__name__ + '.index')
-    try:
-        get_tasks()
-    except FileNotFoundError:
-        logger.info('GCI data not available')
-        s = ['GCI data not available']
-    else:
-        s = gci_overview()
-
-    return HttpResponse('\n'.join(s))
-
-
-def gci_overview():
-    logger = logging.getLogger(__name__ + '.gci_overview')
-    linked_students = list(get_linked_students())
-    if not linked_students:
-        logger.info('No GCI students are linked')
-        return ['No GCI students are linked']
-
-    org_id = linked_students[0]['organization_id']
-    org_name = linked_students[0]['organization_name']
-    s = []
-    s.append('<link rel="stylesheet" href="static/main.css">')
-
-    favicon = get_logo(org_name, 16)
-    with open('_site/favicon.png', 'wb') as favicon_file:
-        favicon_file.write(favicon)
-
-    org_logo = get_logo(org_name)
-    with open('_site/org_logo.png', 'wb') as org_logo_file:
-        org_logo_file.write(org_logo)
-
-    s.append('<link rel="shortcut icon" type="image/png" '
-             'href="static/favicon.png"/>')
-    s.append('<img src="static/org_logo.png" alt="'+org_name+'">')
-    s.append('<h2>Welcome</h2>')
-    s.append('Hello, world. You are at the {org_name} community GCI website.'
-             .format(org_name=org_name))
-    s.append('Students linked to %s issues:<ul class="students">' % org_name)
-    for student in linked_students:
-        student_id = student['id']
-        username = student['username']
-
-        r = requests.get('https://api.github.com/users/{}'.format(username))
-
-        if r.status_code == 404:
-            continue
-
-        student_url = STUDENT_URL.format(org_id=org_id,
-                                         student_id=student_id,
-                                         )
-        s.append('<li class="student">'
-                 'STUDENT ID: <a href="{student_url}">{student_id}</a><br />'
-                 '<div class="github-card" data-github="{username}" '
-                 'data-width="400" data-theme="default"></div>'
-                 .format(student_url=student_url, student_id=student_id,
-                         username=username))
-
-    timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
-    s.append('</ul><i id="time" class="timestamp" data-time="{unix}">'
-             'Last updated: {timestamp} '
-             '(<span id="ago" class="timeago"></span>)</i>'
-             .format(unix=timegm(datetime.utcnow().utctimetuple()),
-                     timestamp=timestamp))
-
-    s.append('<script src="//cdn.jsdelivr.net/gh/lepture/github-cards@1.0.2'
-             '/jsdelivr/widget.js"></script>')
-    s.append('<script src="static/timeago.js"></script>')
-    s.append('<script>loadTimeElements()</script>')
-
-    return s
+class GCIStudentsList(TemplateView):
+    template_name = 'gci_students.html'
+
+    def get_data_updated_time(self):
+        return timegm(datetime.utcnow().utctimetuple())
+
+    def get_all_students(self):
+        """
+        Get all GCI students by filtering the tasks that are valid
+        :return: A List of all students dict having necessary information
+        about the student
+        """
+        logger = logging.getLogger(__name__ + '.gci_overview')
+        linked_students = list(get_linked_students())
+        data = {
+            'students': list(),
+            'error': None
+        }
+        if not linked_students:
+            error_message = 'No GCI students are linked'
+            logger.info(error_message)
+            data['error'] = error_message
+            return data
+        org_id = linked_students[0]['organization_id']
+        for student in linked_students:
+            student_id = student['id']
+            username = student['username']
+            contributors = Contributor.objects.filter(login=username)
+            if contributors:
+                contrib = contributors.first()
+                student['url'] = STUDENT_URL.format(org_id=org_id,
+                                                    student_id=student_id)
+                student['name'] = contrib.name
+                student['bio'] = contrib.bio
+                student['public_repos'] = contrib.public_repos
+                student['public_gists'] = contrib.public_gists
+                student['followers'] = contrib.followers
+                data['students'].append(student)
+            else:
+                logger.warning(f"GCI Student {username} doesn't exists!"
+                               f' Please check the username.')
+        return data
+
+    def get_gci_tasks_and_students(self):
+        """
+        Get all GCI students by fetching the GCI tasks and the students
+        :return: A list of all GCI Students
+        """
+        logger = logging.getLogger(__name__ + '.index')
+        gci_students = {
+            'data': {},
+            'error': None
+        }
+        try:
+            get_tasks()
+        except FileNotFoundError:
+            logger.info('GCI data not available')
+            error_message = ('No GCI data is available. Please create a'
+                             ' tasks.yaml file having GCI tasks related'
+                             ' data in it.')
+            gci_students['error'] = error_message
+        else:
+            data = self.get_all_students()
+            if data['error']:
+                gci_students['error'] = data['error']
+            else:
+                gci_students['data'] = data['students']
+        return gci_students
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        context['gci_students'] = self.get_gci_tasks_and_students()
+        context['updated_time'] = self.get_data_updated_time()
+        return context
diff --git a/log/view_log.py b/log/view_log.py
deleted file mode 100644
index facc4190..00000000
--- a/log/view_log.py
+++ /dev/null
@@ -1,12 +0,0 @@
-from django.http import HttpResponse
-
-
-def index(request):
-    logs = get_logs()
-    return HttpResponse('<br>'.join(logs))
-
-
-def get_logs():
-    with open('./_site/community.log') as log_file:
-        for line in log_file:
-            yield line.rstrip()
diff --git a/meta_review/urls.py b/meta_review/urls.py
index a3780aa2..6189e683 100644
--- a/meta_review/urls.py
+++ b/meta_review/urls.py
@@ -1,7 +1,7 @@
 from django.conf.urls import url
 
-from . import views
+from .views import ContributorsMetaReview
 
 urlpatterns = [
-    url(r'^$', views.index, name='index'),
+    url(r'^$', ContributorsMetaReview.as_view(), name='index'),
 ]
diff --git a/meta_review/views.py b/meta_review/views.py
index 45e68cfd..7e30a539 100644
--- a/meta_review/views.py
+++ b/meta_review/views.py
@@ -1,15 +1,22 @@
 from meta_review.models import Participant
-from django.shortcuts import render
 from django.db.models import Q
+from django.views.generic import TemplateView
 
+from community.views import get_header_and_footer
 
-def index(request):
-    participants = Participant.objects.all().exclude(
-        Q(pos_in=0),
-        Q(neg_in=0),
-        Q(pos_out=0),
-        Q(neg_out=0),
-        Q(offset=0)
-    )
-    args = {'participants': participants}
-    return render(request, 'meta_review.html', args)
+
+class ContributorsMetaReview(TemplateView):
+    template_name = 'meta_review.html'
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        participants = Participant.objects.all().exclude(
+            Q(pos_in=0),
+            Q(neg_in=0),
+            Q(pos_out=0),
+            Q(neg_out=0),
+            Q(offset=0)
+        )
+        context['contributors_meta_review_details'] = participants
+        return context
diff --git a/requirements.txt b/requirements.txt
index d2f46479..5c915a34 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,3 +1,4 @@
+getorg~=0.3.1
 git+https://gitlab.com/coala/coala-utils.git
 git-url-parse
 django>2.1,<2.2
diff --git a/setup.cfg b/setup.cfg
index 4087933a..60da3717 100644
--- a/setup.cfg
+++ b/setup.cfg
@@ -14,10 +14,9 @@ testpaths =
   gci
   gsoc
   gamification
-  log
+  ci_build
   meta_review
   model
-  twitter
   unassigned_issues
 
 python_files = test_*.py
@@ -70,10 +69,9 @@ source =
   gci
   gsoc
   gamification
-  log
+  ci_build
   meta_review
   model
-  twitter
   unassigned_issues
 
 omit =
@@ -82,11 +80,10 @@ omit =
   community/git.py
   gci/*.py
   gsoc/*.py
-  log/*.py
+  ci_build/*.py
   meta_review/handler.py
   model/*.py
   openhub/*.py
-  twitter/*.py
   inactive_issues/inactive_issues_scraper.py
   unassigned_issues/unassigned_issues_scraper.py
   */migrations/*.py
diff --git a/static/charts.js b/static/charts.js
deleted file mode 100644
index 6169129e..00000000
--- a/static/charts.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/* globals $, Chart */
-var curChart;
-
-function setChart(labels, openedData, closedData, type) {
-  var ctx = document.getElementById("canvas");
-
-  curChart = new Chart(ctx, {
-    type: 'line',
-    data: {
-      labels: labels,
-      datasets: [{
-        label: "Issues Opened",
-        backgroundColor: "RGBA(33, 150, 243, 0.2)",
-        borderColor: "RGBA(33, 150, 243, 1)",
-        data: openedData,
-        fill: true,
-      }, {
-        label: "Issues Closed",
-        backgroundColor: "RGBA(244, 67, 54, 0.2)",
-        borderColor: "RGBA(244, 67, 54, 1)",
-        data: closedData,
-        fill: true,
-      }]
-    },
-    options: {
-      responsive: true,
-      title: {
-        display: true,
-        text: 'Community Activity'
-      },
-      tooltips: {
-        mode: 'index',
-        intersect: false,
-      },
-      hover: {
-        mode: 'nearest',
-        intersect: true
-      },
-      scales: {
-        xAxes: [{
-          display: true,
-          scaleLabel: {
-            display: true,
-            labelString: type
-          }
-        }],
-        yAxes: [{
-          display: true,
-          scaleLabel: {
-            display: true,
-            labelString: 'Number'
-          }
-        }]
-      }
-    }
-  });
-}
-
-function updateChart(type) {
-  if(curChart){ curChart.destroy(); }
-
-  $.getJSON("/static/activity-data.json",
-    function(data) {
-      var labels, openedData, closedData;
-      if(type === "Month") {
-        labels = data.year.labels;
-        openedData = data.year.opened;
-        closedData = data.year.closed;
-      }
-      else if(type === "Week") {
-        labels = data.month.labels;
-        openedData = data.month.opened;
-        closedData = data.month.closed;
-      }
-      else {
-        labels = data.week.labels;
-        openedData = data.week.opened;
-        closedData = data.week.closed;
-      }
-      setChart(labels, openedData, closedData, type);
-  })
-  .fail(function(data, textStatus, error) {
-    var err = textStatus + ", " + error;
-    console.error("Request Failed: " + err);
-  });
-}
diff --git a/static/css/build_logs.css b/static/css/build_logs.css
new file mode 100644
index 00000000..44922333
--- /dev/null
+++ b/static/css/build_logs.css
@@ -0,0 +1,84 @@
+.build-info-section section,
+.build-logs-section section {
+    min-width: 300px;
+    width: 80%;
+}
+
+.build-information,
+.build-logs {
+    background-color: black;
+    padding-left: 10px;
+    font-weight: bold;
+    color: white;
+}
+
+.build-information p {
+    font-size: 1.5em;
+    margin: 0;
+}
+
+.build-logs {
+    max-height: 900px;
+    overflow: scroll;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.build-logs p {
+    margin: 0;
+}
+
+.build-logs-section .log-chooser {
+    width: 25%;
+    min-width: 150px;
+    border-radius: 100px;
+    box-shadow: 0 0 25px 2px black;
+    color: #454343;
+    background-color: #c7da99;
+    padding-left: 10px;
+    margin: auto 0 auto auto;
+}
+
+.build-logs-section .log-chooser input,
+.build-logs-section .log-chooser input:focus:not(.browser-default) {
+    border-bottom: none;
+    margin-bottom: 0;
+}
+
+.build-logs-section .small-screen,
+.build-logs-section .fa-close {
+    display: none;
+}
+
+.form-fields {
+    margin: auto 0 auto auto;
+    width: 60%;
+    padding-top: 10px;
+}
+
+.search-field {
+    width: 60%;
+    min-width: 180px;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+}
+
+.section-header form {
+    display: flex;
+}
+
+@media only screen and (max-width: 660px) {
+    .build-logs-section .search-field {
+        display: none;
+    }
+    .build-logs-section .small-screen {
+        display: flex;
+        align-items: center;
+        margin: auto;
+        margin-right: 3px;
+        font-size: 2em;
+    }
+}
diff --git a/static/css/contributors.css b/static/css/contributors.css
new file mode 100644
index 00000000..def7c936
--- /dev/null
+++ b/static/css/contributors.css
@@ -0,0 +1,64 @@
+.commits,
+.reviews,
+.issues-opened {
+    padding: 0 5px;
+}
+
+.contributions {
+    margin: 10px;
+}
+
+.contributions p {
+    margin: 0;
+}
+
+.contributors-cards {
+    display: flex;
+    justify-content: space-evenly;
+    flex-flow: row wrap;
+    margin: 50px;
+}
+
+.contributor-card {
+    background-color: #efefef;
+    box-shadow: 0 0 25px 2px black;
+    border-radius: 30px;
+    margin: 0 15px 20px 15px;
+    width: 220px;
+    border: 5px #c0c5d1 solid;
+}
+
+.contributors-section .fa-close {
+    display: none;
+}
+
+.contributor-details {
+    text-align: center;
+}
+
+.contributor-image img {
+    border-radius: 30px 30px 0 0;
+    width: 210px;
+}
+
+.form-fields {
+    margin-top: 3%;
+    width: 40%;
+    min-width: 300px;
+}
+
+.search-results {
+    width: 100%;
+    background-color: transparent;
+    border-radius: 30px;
+    overflow: auto;
+    padding: 0 20px;
+    max-height: 150px;
+    display: none;
+}
+
+.side-border {
+    border-width: 0 0 0 1px;
+    border-color: darkgray;
+    border-style: solid;
+}
diff --git a/static/css/gamification.css b/static/css/gamification.css
new file mode 100644
index 00000000..cf354e03
--- /dev/null
+++ b/static/css/gamification.css
@@ -0,0 +1,165 @@
+.badge-filter {
+    width: 150px;
+}
+
+.bottom-center {
+    position: absolute;
+    width: 100px;
+    bottom: 2%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.clear-filters {
+    cursor: pointer;
+}
+
+.gamifier-details {
+    max-width: 79%;
+    display: flex;
+}
+
+.gamifier-details-part-1,
+.gamifier-details-part-2,
+.gamifier-details-part-3 {
+    max-width: 44%;
+    max-height: 80%;
+    padding: 10px 5px;
+}
+
+.gamifier-card {
+    width: 100%;
+    min-height: 380px;
+}
+
+.gamifier-image {
+    width: 20%;
+}
+
+.gamifier-image img{
+    width: 90%;
+    margin-right: 0;
+    margin-left: 1%;
+    min-width: 100px;
+
+}
+
+.github-icon {
+    color: white;
+    background-color: black;
+    border-radius: 100px;
+}
+
+.gitlab-icon {
+    color: #e33834;
+    border-radius: 100px;
+}
+
+.filter-btn {
+    width: 250px;
+    margin-top: 3%;
+    margin-left: 3%;
+    z-index: 0;
+}
+
+.filter-btn .btn-large {
+    border-radius: 100px;
+}
+
+.filter-btn .btn {
+    text-transform: none;
+    border-radius: 100px;
+    box-shadow: 0 0 25px 2px black;
+}
+
+.filters-option {
+    margin: 3% auto auto;
+    display: none;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+.filter-select-fields {
+    width: 50%;
+    min-width: 350px;
+    box-shadow: 0 0 15px 2px black;
+    border-radius: 20px;
+}
+
+.level-filter {
+    width: 145px;
+}
+
+.no-contribs-found {
+    display: none;
+    justify-content: center;
+}
+
+.no-contribs-found h5 {
+    margin: 0;
+}
+
+.score-filter {
+    width: 175px;
+}
+
+.social-icons {
+    font-size: 1.5em;
+}
+
+@media only screen and (max-width: 890px){
+
+    .gamifier-card {
+        max-width: 100%;
+        width: auto;
+        margin: 10px;
+    }
+
+    .gamifier-details {
+        max-width: 100%;
+        padding: 0 10px;
+    }
+
+    .gamifier-image {
+        margin: auto;
+        width: 35%;
+    }
+
+    .bottom-center {
+        bottom: 2%;
+    }
+
+    @media only screen and (max-width: 526px){
+
+        .gamifier-details-part-3 {
+            display: none;
+        }
+
+        .gamifier-details-part-1,
+        .gamifier-details-part-2 {
+            max-width: 50%;
+        }
+
+        .gamifier-image {
+            width: 50%;
+        }
+
+    }
+}
+
+@-webkit-keyframes fade-in {
+    0% {opacity: 0;}
+    100% {opacity: 1;}
+}
+
+@keyframes fade-in {
+    0% {opacity: 0;}
+    100% {opacity: 1;}
+}
+
+.fade-in {
+    -webkit-animation-name: fade-in;
+    animation-name: fade-in;
+}
diff --git a/static/css/gci_students.css b/static/css/gci_students.css
new file mode 100644
index 00000000..a1a2c3e0
--- /dev/null
+++ b/static/css/gci_students.css
@@ -0,0 +1,52 @@
+.data-fetch-error {
+    padding: 20px 20px 0 20px;
+}
+
+.gci-students {
+    padding: 2% 2%;
+}
+
+.gci-students .student-card {
+    box-shadow: 0 0 25px 2px black;
+    background-color: #c7da99;
+    font-size: large;
+    border: 4px #6c9a55 solid;
+}
+
+
+.gci-students .student-image {
+    align-items: normal;
+}
+
+.gci-students .student-details {
+    width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+    .gci-students .student-card {
+       width: 45%;
+       height: 300px;
+       overflow-y: auto;
+    }
+}
+
+.participated-year,
+.gci-student-id,
+.public-repos,
+.public-gists,
+.followers {
+    color: #37474f;
+    font-weight: bold;
+    padding-right: 3px;
+}
+
+.web-page-details {
+    width: 100%;
+}
+
+.web-page-description,
+.data-updated-time,
+.data-fetch-error {
+    text-align: center;
+    font-size: large;
+}
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 00000000..d50f0193
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,114 @@
+.activity-graph {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 3%;
+}
+
+.activity-graph-canvas {
+       width: 75%;
+}
+
+.activity-graph .input-field {
+    width: 100px;
+    margin-top: 0;
+}
+
+.community-header-image img {
+    width: 100%;
+    box-shadow: 0 -5px 15px black;
+}
+
+.join-btn a.btn-large {
+    min-width: 300px;
+    width: 30%;
+    margin-top: 3%;
+    box-shadow: 0 0 25px 2px black;
+    border-radius: 100px;
+    background-color: #edf5af;
+    color: #636060;
+    text-transform: full-width;
+    font-size: 1em;
+    letter-spacing: 0;
+    padding: 0 3%;
+}
+
+.leaderboards-btn {
+    float: right;
+    width: 100%;
+    border-bottom-right-radius: 1000px;
+    border-bottom-left-radius: 1000px;
+}
+
+.org-teams-stats {
+    width: 70%;
+    margin: auto;
+}
+
+.organization_map {
+    text-align: center;
+    padding: 2% 0;
+}
+
+.top-meta-reviewers {
+    background-color: #fef200;
+}
+
+.top-gamifiers {
+    background-color: #ee8940;
+}
+
+.top-contributors {
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-flow: row wrap;
+    padding-top: 2%;
+}
+
+.top-meta-reviewers,
+.top-gamifiers {
+    margin: 0 3%;
+    border-radius: 10%;
+    box-shadow: 0 0 25px 2px;
+    font-size: medium;
+}
+
+.quote-of-day div.quote{
+    width: auto;
+    max-width: 70%;
+}
+
+@media only screen and (min-width: 858px) {
+    .community-header-image img{
+        height: 450px;
+
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .activity-graph {
+       display: none;
+    }
+    .join-btn a.btn-large {
+        margin-bottom: 20px;
+    }
+}
+
+@media only screen and (min-width: 900px){
+    .top-meta-reviewers,
+    .top-gamifiers {
+        width: 35%;
+    }
+}
+
+@media only screen and (max-width: 644px){
+    .top-meta-reviewers,
+    .top-gamifiers {
+        margin: 3% 3%;
+        width: 70%
+    }
+}
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 00000000..af72908b
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,169 @@
+.apply-flex {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+}
+
+body {
+    font-family: 'Ubuntu Mono', monospace;
+    background-color: #edf5af;
+}
+
+.bold-text,
+.sidenav.bold-text {
+    font-weight: bold;
+}
+
+.bold-text i.social-icons,
+.sidenav i.social-icons {
+    font-size: 1.5em;
+}
+
+.clickable-row {
+    cursor: pointer;
+}
+
+.custom-green-color-font {
+    color: #2d5d13
+}
+
+.center-content {
+    justify-content: center;
+}
+
+.evenly-spread-content {
+    justify-content: space-evenly;
+}
+
+.gray-font-color {
+    color: #37474f;
+}
+
+footer .footer-icons {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    line-height: 3em;
+}
+
+footer.footer-icons.icon {
+    color: white;
+}
+
+footer .social-buttons {
+    background-color: black;
+    text-transform: none;
+}
+
+.large-font {
+    font-size: larger;
+}
+
+.main-content {
+    background-color: #edf5af;
+    padding-bottom: 3%;
+}
+
+.main-content h3 {
+    color: #37474f;
+}
+
+nav {
+    background-color: #37474f;
+}
+
+nav .brand-logo img {
+    width: 60px;
+}
+
+.nav-menu-font-size,
+.sidenav .nav-menu-font-size {
+    font-size: 20px;
+}
+p {
+    font-size: medium;
+}
+
+.page-name {
+    align-items: center;
+    display: flex;
+    text-align: center;
+}
+
+.page-footer {
+    background-color: #37474f;
+    box-shadow: 0 -5px 15px black;
+}
+
+.page-footer .footer-copyright {
+    background-color: #263238;
+}
+
+.inline-contents {
+    display: inline-flex;
+}
+
+.search-field {
+    border-radius: 100px;
+    box-shadow: 0 0 25px 2px black;
+    color: #454343;
+    background-color: #edf5af;
+    padding: 0 20px;
+    flex-flow: row;
+    margin: auto auto auto 0;
+}
+
+#search {
+    border-bottom: none;
+    padding-left: 15px;
+    margin-bottom: 0;
+    font-weight: bold;
+}
+
+#search::placeholder {
+    color: grey;
+}
+
+#search:focus:not(.browser-default) {
+    background-color: #edf5af;
+    border-radius: 100px;
+    font-size: medium;
+    padding-left: 15px;
+    margin-bottom: 0;
+}
+
+.sidenav .dropdown-trigger-sidenav i {
+    float: none;
+}
+
+.student {
+    padding-bottom: 20px;
+}
+
+.students {
+    list-style: none;
+}
+
+.web-page-details {
+    width: 100%;
+}
+
+.web-page-description,
+.data-updated-time,
+.data-fetch-error {
+    text-align: center;
+    font-size: large;
+    color: #2d5d13;
+}
+
+@media only screen and (max-width: 600px) {
+    nav .brand-logo img {
+        width: 55px;
+    }
+}
+
+@media only screen and (max-width: 530px){
+    .page-name {
+        margin: 0;
+    }
+}
diff --git a/static/css/meta-reviewers.css b/static/css/meta-reviewers.css
new file mode 100644
index 00000000..f1b810b3
--- /dev/null
+++ b/static/css/meta-reviewers.css
@@ -0,0 +1,96 @@
+.contributor-details-part-1 {
+    padding-right: 5px;
+}
+
+.contributor-details-part-2 {
+    padding-left: 5px;
+    border-left: 1px #37474f solid;
+}
+
+.column-flex {
+    display: flex;
+    flex-direction: column;
+}
+
+.received-reactions div {
+    padding-left: 14px;
+}
+
+.meta-reviewer {
+    background-color: #c7da99;
+    width: 580px;
+    border: 4px #6c9a55 solid;
+}
+
+.metareviewer-details {
+    display: flex;
+    width: 66%;
+}
+
+.meta-reviewer-image {
+    position: relative;
+    text-align: center;
+    color: white;
+}
+
+.meta-reviewer-image img{
+    border-radius: 30px;
+    margin: 20px;
+    width: 150px;
+}
+
+.top-right {
+    position: absolute;
+    top: 30px;
+    right: 25px;
+    width: 30px;
+    border-radius: 100%;
+    background-color: #37474f;
+}
+
+@media only screen and (max-width: 706px){
+    .contributors-cards {
+        margin: 50px 0;
+    }
+    .contributor-card {
+        margin: 0 10px 20px;
+        min-height: 230px;
+    }
+
+    .metareviewer-details {
+        width: 60%;
+    }
+
+    .meta-reviewer-image {
+        width: 40%;
+    }
+
+    .meta-reviewer-image img {
+        max-width: 80%;
+        margin: 20px 10px;
+    }
+
+    @media only screen and (max-width:419px){
+
+        .metareviewer-details {
+            width: 100%;
+        }
+
+        .meta-reviewer {
+            margin: 0 10px 20px 10px;
+        }
+
+        .meta-reviewer-image {
+            width: 100%;
+        }
+
+        .contributor-details-part-1 {
+            padding: 0 0 10px 10px;
+        }
+
+        .top-right {
+            right: 105px;
+        }
+
+    }
+}
diff --git a/static/images/favicon.ico b/static/images/favicon.ico
new file mode 100644
index 00000000..8290d1ba
Binary files /dev/null and b/static/images/favicon.ico differ
diff --git a/static/images/os_community_header.jpg b/static/images/os_community_header.jpg
new file mode 100644
index 00000000..82d28ecb
Binary files /dev/null and b/static/images/os_community_header.jpg differ
diff --git a/static/images/os_community_logo.png b/static/images/os_community_logo.png
new file mode 100644
index 00000000..3b2b2da0
Binary files /dev/null and b/static/images/os_community_logo.png differ
diff --git a/static/js/build_logs.js b/static/js/build_logs.js
new file mode 100644
index 00000000..534db251
--- /dev/null
+++ b/static/js/build_logs.js
@@ -0,0 +1,102 @@
+$(document).ready(function(){
+    $('select').formSelect();
+
+    var log_chooser_input = $('#log-chooser-input');
+    var search_input = $('#search');
+    var search_icon = $('.build-logs-section .small-screen');
+    var close_icon = $('.build-logs-section .fa-close');
+    var log_chooser_div = $('.build-logs-section .log-chooser');
+    var search_field_div = $('.build-logs-section .search-field');
+    var log_type = null;
+    var logs_data = null;
+    var searched_keyword = '';
+
+    function addLogsHTML(info){
+        var info_el = $('<p></p>').text(info);
+        $('.build-logs').append(info_el);
+    }
+
+    function updateBuildLogsHTML(){
+        $('.build-logs p').remove();
+        if(logs_data.length > 0) {
+            for(var entry in logs_data){
+                if(logs_data[entry]){
+                    addLogsHTML(logs_data[entry]);
+                }
+            }
+        }
+        else {
+            var info = 'There are no log entries for tag ' + log_type + '.';
+            addLogsHTML(info);
+        }
+    }
+
+    function updateBuildLogs(type){
+        $.getJSON("/static/ci-build-detailed-logs.json", function(data) {
+            log_type = type;
+            if(log_type === 'logs') {
+                logs_data = data[log_type];
+            }
+            else {
+                logs_data = data.logs_level_Specific[log_type];
+            }
+            updateBuildLogsHTML();
+        })
+        .fail(function(data, textStatus, error) {
+            var err = "Request Failed: " + textStatus + ", " + error;
+            console.error(err);
+        });
+    }
+
+    function searchBuildLogs(){
+        var found = false;
+        var info = '';
+        for(var entry in logs_data){
+            if(logs_data[entry]){
+                info = logs_data[entry];
+                if(info.includes(searched_keyword)){
+                    found = true;
+                    addLogsHTML(info);
+                }
+            }
+        }
+        if(!found){
+            if(log_type === 'logs'){
+                info = searched_keyword + ' not found in logs!';
+            }
+            else {
+                info = searched_keyword + ' not found in ' + log_type +
+                ' level logs!';
+            }
+            addLogsHTML(info);
+        }
+    }
+
+    updateBuildLogs('logs');
+
+    log_chooser_input.on('change', function(){
+        updateBuildLogs(log_chooser_input.val());
+    });
+
+    search_input.on('keypress', function(key){
+        if(key.which === 13){
+            searched_keyword = search_input.val();
+            $('.build-logs p').remove();
+            searchBuildLogs();
+        }
+    });
+
+    search_icon.on('click', function(){
+        search_icon.css('display', 'none');
+        close_icon.css('display', 'block');
+        log_chooser_div.css('display', 'none');
+        search_field_div.css('display', 'flex');
+    });
+    close_icon.on('click', function(){
+        search_icon.css('display', 'flex');
+        close_icon.css('display', 'none');
+        log_chooser_div.css('display', 'flex');
+        search_field_div.css('display', 'none');
+    });
+
+});
diff --git a/static/js/contributors.js b/static/js/contributors.js
new file mode 100644
index 00000000..16b04828
--- /dev/null
+++ b/static/js/contributors.js
@@ -0,0 +1,81 @@
+$(document).ready(function(){
+    var search_input = $('#search');
+    var close_icon = $('.contributors-section .fa-close');
+    var results_body = $('.search-results-tbody');
+    var searched_keyword = null;
+
+    function appendChildren(element, username, el_result_value,
+                            hide_all_contributors){
+        var result_td = $('<tr></tr>').text(el_result_value);
+        result_td.id = "td-" + username;
+        if(hide_all_contributors){
+            result_td.on('click', function(){
+                var row_id = result_td.id;
+                var login = row_id.replace('td-', '');
+                $('.contributor-card').css('display', 'none');
+                var contrib_card = $('[login=' + login +']');
+                if(contrib_card.hasClass('meta-reviewer')){
+                    contrib_card.css('display', 'flex');
+                }
+                else{
+                    contrib_card.css('display', 'block');
+                }
+                $('.search-results').css('display', 'none');
+            });
+        }
+        element.append(result_td);
+    }
+
+    search_input.on('keypress keyup', function(){
+        searched_keyword = search_input.val();
+        if(searched_keyword === ''){
+            $('.search-results').css('display', 'none');
+            close_icon.css('display', 'none');
+        }
+        else {
+            $('.search-results').css('display', 'block');
+            close_icon.css('display', 'block');
+            var search_by_login = $(
+              '.contributor-card[login^=' + searched_keyword +']'
+            );
+            var search_by_name = $(
+              '.contributor-card[name^=' + searched_keyword +']'
+            );
+            var results_tbody_tr = $('.search-results-tbody tr');
+            results_tbody_tr.remove();
+            if(search_by_login.length + search_by_name.length === 0 ){
+                appendChildren(results_body, null, 'No results found!', false);
+            }
+            else {
+                var all_results = search_by_login.add(search_by_name);
+                for(var contrib in all_results.get()){
+                    if(all_results[contrib]){
+                        var login = all_results[contrib].getAttribute('login');
+                        var name = all_results[contrib].getAttribute('name');
+                        var result_value = null;
+                        if(name){
+                            result_value = login + " (" + name + ")";
+                        }
+                        else {
+                            result_value = login;
+                        }
+                        appendChildren(results_body, login, result_value, true);
+                    }
+                }
+            }
+        }
+    });
+
+    close_icon.on('click', function(){
+        var all_contrib_cards = $('.contributor-card');
+        if(all_contrib_cards.hasClass('meta-reviewer')){
+            all_contrib_cards.css('display', 'flex');
+        }
+        else {
+            all_contrib_cards.css('display', 'block');
+        }
+        close_icon.css('display', 'none');
+        search_input.val(null);
+        $('.search-results').css('display', 'none');
+    });
+});
diff --git a/static/js/gamification.js b/static/js/gamification.js
new file mode 100644
index 00000000..9d096ab2
--- /dev/null
+++ b/static/js/gamification.js
@@ -0,0 +1,150 @@
+$(document).ready(function () {
+
+  var search_input = $('#search');
+  var score_range_selector = $('.score-range-selector');
+  var level_selector = $('.level-selector');
+  var badge_selector = $('.badge-selector');
+  var filter_button = $('.filter-btn .btn-large');
+
+  function toggleGamificationCards(display){
+    $('.gamifier-card').css('display', display);
+  }
+
+  function toggleFilterButton(disabled){
+    if(disabled){
+      filter_button.attr('disabled', 'disabled');
+    }
+    else {
+      filter_button.removeAttr('disabled');
+    }
+  }
+
+  search_input.on('keypress keyup', function () {
+    var value = search_input.val();
+    if(value){
+      toggleFilterButton(true);
+    }
+    else {
+      toggleFilterButton(false);
+    }
+  });
+
+  $('.fa-close').on('click', function () {
+    toggleFilterButton(false);
+  });
+
+  function getContributorsBasedOnFilterSelector(id_prefix, filter_option){
+    var filtered_users = [];
+    if(filter_option.val()){
+      var spans = Object.values(
+        $('.contributors-cards #'+id_prefix+'-'+filter_option.val())
+      );
+      if(spans.length > 0){
+        spans.forEach(function (span) {
+          if(span.attributes !== undefined){
+            filtered_users.push(span.attributes.login.value);
+          }
+        });
+      }
+    }
+    return filtered_users;
+  }
+
+  function getCommonContribs(in_range_users, at_level_users, has_badges_users){
+    var all_contribs = [];
+    if (score_range_selector.val() !== "[]"){
+      all_contribs = in_range_users;
+    }
+    if(level_selector.val() !== ""){
+      if (all_contribs.length === 0){
+        all_contribs = at_level_users;
+      }
+      else {
+        all_contribs = all_contribs.filter(function(username){
+          return at_level_users.includes(username);
+          }
+        );
+      }
+    }
+    if (badge_selector.val() !== ""){
+      if (all_contribs.length === 0){
+        all_contribs = has_badges_users;
+      }
+      else {
+        all_contribs = all_contribs.filter(function(username){
+          return  has_badges_users.includes(username);
+          }
+        );
+      }
+    }
+    return all_contribs;
+  }
+
+  function filterUsersAndToggleCards(){
+    var in_range_users = JSON.parse(score_range_selector.val());
+    var at_level_users = getContributorsBasedOnFilterSelector(
+      'level', level_selector
+    );
+    var has_badges_users = getContributorsBasedOnFilterSelector(
+      'badge', badge_selector
+    );
+
+    if(score_range_selector.val() === "[]" && level_selector.val() === "" &&
+       badge_selector.val() === ""){
+      toggleGamificationCards('flex');
+    }
+    else {
+      toggleGamificationCards('none');
+      var contributors = getCommonContribs(
+        in_range_users, at_level_users, has_badges_users
+      );
+
+      if(contributors.length > 0){
+        $('.no-contribs-found').css('display', 'none');
+        contributors.forEach(function (username) {
+          $('[login='+username+']').css('display', 'flex');
+        });
+      }
+      else {
+        $('.no-contribs-found').css('display', 'flex');
+        $('.no-contribs-found .search-message').text(
+          'No contributors found for you selected filter(s). Please' +
+          ' try different filter options!'
+        );
+      }
+    }
+  }
+
+  score_range_selector.on('change', function () {
+    filterUsersAndToggleCards();
+  });
+
+  level_selector.on('change', function () {
+    filterUsersAndToggleCards();
+  });
+
+  badge_selector.on('change', function () {
+    filterUsersAndToggleCards();
+  });
+
+  $('.filter-btn').on('click', function () {
+    var filters_option = $('.filters-option');
+    var el_display = filters_option.css('display');
+    if(el_display === 'flex'){
+      filters_option.css('display', 'none');
+    }
+    else {
+      filters_option.css('display', 'flex');
+    }
+  });
+
+  $('.clear-filters').on('click', function () {
+    score_range_selector.val("[]");
+    level_selector.val("");
+    badge_selector.val("");
+    $('select').formSelect();
+    $('.no-contribs-found').css('display', 'none');
+    toggleGamificationCards('flex');
+  });
+
+});
\ No newline at end of file
diff --git a/static/js/index.js b/static/js/index.js
new file mode 100644
index 00000000..f8a9383a
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,99 @@
+/* globals Chart */
+$(document).ready(function(){
+    $(".clickable-row").click(function() {
+        window.location = $(this).data("href");
+    });
+
+    var chart_type_selector = $('#chart-type');
+    var curChart;
+
+    function setChart(labels, openedData, closedData, type) {
+      var ctx = document.getElementById("canvas");
+
+      curChart = new Chart(ctx, {
+        type: 'line',
+        data: {
+          labels: labels,
+          datasets: [{
+            label: "Issues Opened",
+            backgroundColor: "RGBA(33, 150, 243, 0.2)",
+            borderColor: "RGBA(33, 150, 243, 1)",
+            data: openedData,
+            fill: true,
+          }, {
+            label: "Issues Closed",
+            backgroundColor: "RGBA(244, 67, 54, 0.2)",
+            borderColor: "RGBA(244, 67, 54, 1)",
+            data: closedData,
+            fill: true,
+          }]
+        },
+        options: {
+          responsive: true,
+          title: {
+            display: true,
+            text: 'Community Activity'
+          },
+          tooltips: {
+            mode: 'index',
+            intersect: false,
+          },
+          hover: {
+            mode: 'nearest',
+            intersect: true
+          },
+          scales: {
+            xAxes: [{
+              display: true,
+              scaleLabel: {
+                display: true,
+                labelString: type
+              }
+            }],
+            yAxes: [{
+              display: true,
+              scaleLabel: {
+                display: true,
+                labelString: 'Number'
+              }
+            }]
+          }
+        }
+      });
+    }
+
+    function updateChart(type) {
+      if(curChart){ curChart.destroy(); }
+
+      $.getJSON("/static/activity-data.js",
+        function(data) {
+          var labels, openedData, closedData;
+          if(type === "Month") {
+            labels = data.year.labels;
+            openedData = data.year.opened;
+            closedData = data.year.closed;
+          }
+          else if(type === "Week") {
+            labels = data.month.labels;
+            openedData = data.month.opened;
+            closedData = data.month.closed;
+          }
+          else {
+            labels = data.week.labels;
+            openedData = data.week.opened;
+            closedData = data.week.closed;
+          }
+          setChart(labels, openedData, closedData, type);
+      })
+      .fail(function(data, textStatus, error) {
+        var err = textStatus + ", " + error;
+        console.error("Request Failed: " + err);
+      });
+    }
+
+    chart_type_selector.on('change', function(){
+        updateChart($('#chart-type').val());
+        });
+
+    updateChart(chart_type_selector.val());
+});
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 00000000..f01f9eb4
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,23 @@
+$(document).ready(function(){
+    function activate_dropdown(){
+        if ($('nav').width() < 992 ){
+            $(".dropdown-trigger-sidenav").dropdown({coverTrigger: false});
+        }
+        else {
+            $(".dropdown-trigger").dropdown({hover: true,
+                                             constrainWidth: false,
+                                             coverTrigger: false});
+        }
+    }
+
+    activate_dropdown();
+
+    $('.sidenav').sidenav();
+    $('select').formSelect();
+
+    $(window).resize(function(){
+        activate_dropdown();
+    });
+
+    $('#current-year').html(new Date().getFullYear());
+});
diff --git a/static/js/timeago.js b/static/js/timeago.js
new file mode 100644
index 00000000..1e214994
--- /dev/null
+++ b/static/js/timeago.js
@@ -0,0 +1,31 @@
+$(document).ready(function(){
+    function generateTimeString(timestamp) {
+        var sec = ((new Date()).getTime() / 1000) - parseInt(timestamp);
+        var min = sec / 60;
+        var hour = min / 60;
+        var day = hour / 24;
+
+        var timeString = '';
+        if (day >= 1) {
+            timeString = Math.round(day) + ' days ago';
+        } else if (hour >= 1) {
+            timeString = Math.round(hour) + ' hours ago';
+        } else if (min >= 1) {
+            timeString = Math.round(min) + ' minutes ago';
+        } else {
+            timeString = Math.round(sec) + ' seconds ago';
+        }
+
+        return timeString;
+    }
+
+    function updateTimeAgo(time) {
+        time.text(" " + generateTimeString(time.attr('data-time')));
+    }
+
+    function loadTimeElements() {
+        updateTimeAgo($('#time'));
+    }
+
+    loadTimeElements();
+});
\ No newline at end of file
diff --git a/static/main.css b/static/main.css
deleted file mode 100644
index d2f410e3..00000000
--- a/static/main.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.student {
-    padding-bottom: 20px;
-}
-
-.students {
-    list-style: none;
-}
diff --git a/static/timeago.js b/static/timeago.js
deleted file mode 100644
index d6285487..00000000
--- a/static/timeago.js
+++ /dev/null
@@ -1,30 +0,0 @@
-function generateTimeString(timestamp) {
-  var sec = ((new Date()).getTime() / 1000) - parseInt(timestamp);
-  var min = sec / 60;
-  var hour = min / 60;
-  var day = hour / 24;
-
-  var timeString = '';
-  if (day >= 1) {
-    timeString = Math.round(day) + ' days ago';
-  } else if (hour >= 1) {
-    timeString = Math.round(hour) + ' hours ago';
-  } else if (min >= 1) {
-    timeString = Math.round(min) + ' minutes ago';
-  } else {
-    timeString = Math.round(sec) + ' seconds ago';
-  }
-
-  return timeString;
-}
-
-function updateTimeAgo(time, ago) {
-  ago.innerHTML = generateTimeString(time.getAttribute('data-time'));
-}
-
-function loadTimeElements() {
-  var time = document.getElementById('time');
-  var ago = document.getElementById('ago');
-
-  updateTimeAgo(time, ago);
-}
diff --git a/templates/activity.html b/templates/activity.html
deleted file mode 100644
index a16da76f..00000000
--- a/templates/activity.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Community Activity</title>
-      <style>
-        canvas {
-        -moz-user-select: none;
-        -webkit-user-select: none;
-        -ms-user-select: none;
-        }
-      </style>
-      <meta charset="utf-8">
-      <meta content="text/html">
-  </head>
-  <body>
-    <h1>Community Activity</h1>
-    <br>
-    <br>
-    <div style="width:75%;">
-      <canvas id="canvas"></canvas>
-    </div>
-    <select id="chart-type">
-      <option value="Month">Year</option>
-      <option value="Week">Month</option>
-      <option value="Day">Week</option>
-    </select>
-    <br>
-    <br>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-    <script src="/static/charts.js"></script>
-    <script>
-      $('#chart-type').on('change', function(){
-        updateChart($('#chart-type').val())
-        });
-        updateChart($('#chart-type').val());
-    </script>
-  </body>
-</html>
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 00000000..97059a89
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+{% load staticfiles %}
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta content="text/html">
+    <title>{% block title %}{% endblock %}</title>
+    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
+
+    <link href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+    <link href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+    <link rel="stylesheet" href="{% static 'css/main.css' %}">
+    {% block add_css_files %}{% endblock %}
+
+    <script src="//code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+    <script src="{% static 'js/main.js' %}"></script>
+    {% block add_js_files %}{% endblock %}
+
+  </head>
+  <body>
+    <nav>
+      <div class="nav-wrapper bold-text">
+        <a href="/" class="brand-logo">
+          <img src="{% static 'images/os_community_logo.png' %}" alt="OpenSource Community Logo">
+        </a>
+        <a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="fa fa-bars"></i></a>
+        <ul class="right hide-on-med-and-down nav-menu-font-size">
+          <li><a href="{% url 'index' %}" class="nav-menu-font-size">Home</a></li>
+          <li><a href="/#about" class="nav-menu-font-size">About</a></li>
+          <li><a href="#" class="nav-menu-font-size">Join</a></li>
+          <li><a href="{{ org.blog_url }}" target="_blank" class="nav-menu-font-size">Blog</a></li>
+          <li><a class="dropdown-trigger nav-menu-font-size" href="#organisation" data-target="organisation-dropdown">Organisation <i class="fa fa-caret-down"></i></a></li>
+          <li><a class="dropdown-trigger nav-menu-font-size" href="#contributors" data-target="contributors-dropdown">Contributors <i class="fa fa-caret-down"></i></a></li>
+          <li><a class="dropdown-trigger nav-menu-font-size" href="#openhub" data-target="openhub-dropdown">OpenHub <i class="fa fa-caret-down"></i></a></li>
+          <li><a href="{{ org.twitter_url }}" target="_blank"><i class="fa fa-twitter social-icons"></i></a></li>
+          <li><a href="{{ org.facebook_url }}" target="_blank"><i class="fa fa-facebook-f social-icons"></i></a></li>
+          <li><a href="{{ org.repo_url }}" target="_blank"><i class="fa fa-github social-icons"></i></a></li>
+          <li><a class="dropdown-trigger" href="#user" data-target="user-dropdown"><i class="fa fa-user social-icons"></i></a></li>
+        </ul>
+      </div>
+    </nav>
+
+    <ul class="sidenav bold-text" id="mobile-menu">
+      <li><a href="/#about" class="nav-menu-font-size">About</a></li>
+      <li><a href="#" class="nav-menu-font-size">Join</a></li>
+      <li><a href="{{ org.blog_url }}" target="_blank" class="nav-menu-font-size">Blog</a></li>
+      <li><a class="dropdown-trigger-sidenav nav-menu-font-size" href="#organisation" data-target="organisation-dropdown">Organisation <i class="fa fa-caret-down"></i></a></li>
+      <li><a class="dropdown-trigger-sidenav nav-menu-font-size" href="#contributors" data-target="contributors-dropdown">Contributors <i class="fa fa-caret-down"></i></a></li>
+      <li><a class="dropdown-trigger-sidenav nav-menu-font-size" href="#openhub" data-target="openhub-dropdown">OpenHub <i class="fa fa-caret-down"></i></a></li>
+      <li><a href="{{ org.twitter_url }}" target="_blank"><i class="fa fa-twitter social-icons" aria-hidden="true"></i></a></li>
+      <li><a href="{{ org.facebook_url }}" target="_blank"><i class="fa fa-facebook-f social-icons"></i></a></li>
+      <li><a href="{{ org.repo_url }}" target="_blank"><i class="fa fa-github social-icons"></i></a></li>
+      <li><a class="dropdown-trigger-sidenav" href="#user" data-target="user-dropdown"><i class="fa fa-user social-icons"></i><i class="fa fa-caret-down"></i></a></li>
+    </ul>
+
+    <ul id="organisation-dropdown" class="dropdown-content">
+      <li><a href="#">Teams</a></li>
+      <li><a href="{% url 'community-data' %}">Contributors Information</a></li>
+      <li><a href="#">Mentors</a></li>
+      <li><a href="{% url 'community-gci' %}">Google Code-in Students</a></li>
+      <li><a href="{% url 'inactive_issues_json' %}" title="List of all the issues on organization's main repository on which assignee has not shown any activity for more than 2 months.">Inactive issues</a></li>
+      <li><a href="{% url 'unassigned_issues_activity_json' %}" title="List of all the issues on organization main repository on which someone has opened a pull request without getting assigned to it.">Unassigned issues activity</a></li>
+      <li><a href="{% url 'ci_build' %}">Project CI Build</a></li>
+      {% if isTravis %}
+        <li><a href="{{ travisLink }}" title="This website was built automatically using Travis CI.">TravisCI build info</a></li>
+      {% endif %}{# if isTravis #}
+    </ul>
+
+    <ul id="contributors-dropdown" class="dropdown-content">
+      <li><a href="{% url 'community-gamification' %}">Gamification Leaderboard</a></li>
+      <li><a href="{% url 'meta_review_data' %}">Meta-review</a></li>
+    </ul>
+
+    <ul id="openhub-dropdown" class="dropdown-content">
+      <li><a href="{% url 'community-openhub' %}">Org. Portfolio Projects</a></li>
+      <li><a href="{% url 'community-model' %}">Imported data</a></li>
+    </ul>
+
+    <ul id="user-dropdown" class="dropdown-content">
+      <li><a href="#">Login</a></li>
+    </ul>
+
+    <div class="main-content">
+      {% block main-content %}
+      {% endblock %}
+    </div>
+
+  <footer class="page-footer">
+    <div class="row">
+      <div class="col m3 s12">
+        <h5 class="white-text fine">Site Links</h5>
+          <ul>
+            <li><a class="grey-text text-lighten-3 bold-text" target="_blank" href="{{ org.docs }}">Documentation</a></li>
+            <li><a class="grey-text text-lighten-3 bold-text" target="_blank" href="{{ org.newcomer_docs }}">Newcomer Docs</a></li>
+            <li><a class="grey-text text-lighten-3 bold-text" target="_blank" href="{{ org.coc }}">Code of Conduct</a></li>
+            <li><a class="grey-text text-lighten-3 bold-text" target="_blank" href="{{ org.blog_url }}">Blog</a></li>
+          </ul>
+      </div>
+      <div class="col m9 s12 center">
+        <div class="center">
+          <h3 class="fine white-text">
+            <span>
+              <img class="footer-logo" src="{{ org.logo_url }}" alt="{{ org.name }}">
+            </span>
+            <span>{{ org.name }}</span>
+          </h3>
+        </div>
+        <div class="center footer-icons">
+          <span class="icon">
+            <a href="{{ org.twitter_url }}" target="_blank" class="btn center social-buttons">
+              <i class="fa fa-twitter" aria-hidden="true">
+                Follow us on Twitter
+              </i>
+            </a>
+          </span>
+          <span class="icon">
+            <a href="{{ org.gitter_chat }}" target="_blank" class="btn center social-buttons">
+              <i class="fa fa-commenting-o" aria-hidden="true">
+                Join Chat on Gitter
+              </i>
+            </a>
+          </span>
+          <span class="icon">
+            <a href="{{ org.github_core_repo }}" target="_blank" class="btn center social-buttons">
+              <i class="fa fa-github" aria-hidden="true">
+                Star us on GitHub
+              </i>
+            </a>
+          </span>
+        </div>
+      </div>
+      </div>
+    <div class="footer-copyright bold-text">
+      <div class="container ">
+        <span class="left">
+          ©
+          <span id="current-year"></span>
+          {{ org.name }}
+        </span>
+        <span class="grey-text text-lighten-4 right">{{ org.licence_type }}</span>
+      </div>
+    </div>
+  </footer>
+
+  </body>
+</html>
diff --git a/templates/build_logs.html b/templates/build_logs.html
new file mode 100644
index 00000000..945150f7
--- /dev/null
+++ b/templates/build_logs.html
@@ -0,0 +1,73 @@
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title_block %}
+  Community | Build Logs
+{% endblock %}
+
+{% block add_css_files %}
+<link rel="stylesheet" href="{% static 'css/build_logs.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+<script src="{% static 'js/build_logs.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+  <div class="web-page-details apply-flex center-content">
+    <h3 style="padding-right: 15px">~</h3>
+    <div class="page-name">
+      <h3>Project CI Build</h3>
+    </div>
+    <h3 style="padding-left: 15px">~</h3>
+  </div>
+
+  <div class="build-info-section apply-flex center-content">
+    <section>
+      <h3>Information</h3>
+      <div class="build-information">
+        {% for key, value in build_info.items %}
+        <p>{{ key }}: {{ value }}</p>
+        {% endfor %}{# for key, value in build_info.items #}
+      </div>
+    </section>
+  </div>
+
+
+  <div class="build-logs-section apply-flex center-content">
+    <section>
+      <div class="section-header">
+        <h3>Logs</h3>
+        <div class="form-fields">
+          <form>
+            <i class="fa fa-search social-icons small-screen"></i>
+            <div class="input-field apply-flex center-content search-field">
+              <i class="fa fa-search social-icons"></i>
+              <input id="search" type="search" required autocomplete="off">
+              <i class="fa fa-close social-icons"></i>
+            </div>
+            <div class="input-field log-chooser">
+              <select id="log-chooser-input">
+                <option value="logs" selected>All logs</option>
+                <optgroup label="Log Levels-">
+                  <option value="INFO">INFO</option>
+                  <option value="DEBUG">DEBUG</option>
+                  <option value="ERROR">ERROR</option>
+                  <option value="WARNING">WARNING</option>
+                  <option value="CRITICAL">CRITICAL</option>
+                </optgroup>
+              </select>
+            </div>
+          </form>
+        </div>
+      </div>
+      <div class="build-logs">
+        {% if logs_stored %}
+        <p>Great! Wait for build logs to get displayed.</p>
+        {% else %}
+        <p>No logs found! Please run '.ci/build.sh' on the project.</p>
+        {% endif %}{# if logs_stored #}
+      </div>
+    </section>
+  </div>
+
+{% endblock %}
diff --git a/templates/contributors.html b/templates/contributors.html
index 32abe1a6..89bdc0fb 100644
--- a/templates/contributors.html
+++ b/templates/contributors.html
@@ -1,40 +1,95 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-    <title>Contributors Data</title>
-  </head>
-  <body>
-    <h1>Details of all the contributors</h1>
-    <ul>
-      {% for contributor in contributors %}
-      <div class="container">
-        <div class="row">
-          <div class="col-sm-6 col-md-4">
-            <div class="thumbnail">
-              <div class="caption">
-                <p>login: {{ contributor.login }}</p>
-                <p>name: {{ contributor.name }}</p>
-                <p>bio: {{ contributor.bio }}</p>
-                <p>num_commits: {{ contributor.num_commits }}</p>
-                <p>reviews: {{ contributor.reviews }}</p>
-                <p>issues_opened: {{ contributor.issues_opened }}</p>
-                <p>teams:
-                {% for team in contributor.teams.all %}
-                    {{ team.name }}
-                {% endfor %}{# for team in contributor.teams.all #}
-                </p>
-              </div>
-            </div>
-          </div>
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title %}
+  Community | Contributors
+{% endblock %}
+
+{% block add_css_files %}
+  <link rel="stylesheet" href="{% static 'css/contributors.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+  <script src="{% static 'js/contributors.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+
+  <div class="web-page-details apply-flex center-content">
+    <h3 style="padding-right: 15px">~</h3>
+    <h3 class="page-name">
+      Our Precious Contributors
+    </h3>
+    <h3 style="padding-left: 15px">~</h3>
+  </div>
+
+  <div class="apply-flex center-content">
+    <p class="container web-page-description">
+      Contributor's who've been putting their hard-work to make {{ org.name }} best of its
+      own. Thanks to all contributors to make {{ org.name }} what is it today.
+    </p>
+  </div>
+
+  <div class="contributors-section apply-flex center-content">
+    <div class="form-fields">
+      <form>
+        <div class="input-field apply-flex center-content search-field">
+          <i class="fa fa-search social-icons"></i>
+          <input id="search" type="search" autocomplete="off" placeholder="Search by username or name" required>
+          <i class="fa fa-close social-icons"></i>
         </div>
+      </form>
+    <div class="apply-flex center-content">
+    </div>
+      <div class="search-results">
+        <table>
+          <thead>
+            <tr>
+              <th>Search Results</th>
+            </tr>
+          </thead>
+          <tbody class="search-results-tbody large-font">
+            <tr>
+              <td>
+                No results found!
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
-      <hr>
-      {% endfor %}{# for contributor in contributors #}
-    </ul>
-  </body>
-</html>
+    </div>
+  </div>
+
+  <div class="contributors-cards">
+  {% for contributor in contributors %}
+  <div class="contributor-card" login="{{ contributor.login }}" name="{{ contributor.name }}">
+    <div class="contributor-image">
+      <img src="//github.com/{{ contributor.login }}.png/?size=210" alt="user-image">
+    </div>
+    <div class="contributor-details">
+      <a class="bold-text large-font" href="//github.com/{{ contributor.login }}" target="_blank">
+        {% if contributor.name %}
+        {{ contributor.name }}
+        {% else %}
+        {{ contributor.login }}
+        {% endif %}{# if contributor.name #}
+      </a>
+      <div class="apply-flex evenly-spread-content contributions gray-font-color">
+        <div class="commits">
+          <p>{{ contributor.num_commits }}</p>
+          <p class="bold-text">Commits</p>
+        </div>
+        <div class="reviews">
+          <p>{{ contributor.reviews }}</p>
+          <p class="bold-text">Reviews</p>
+        </div>
+        <div class="issues-opened">
+          <p>{{ contributor.issues_opened }}</p>
+          <p class="bold-text">Issues</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  {% endfor %}{# for contributor in contributors #}
+  </div>
+
+{% endblock %}
diff --git a/templates/gamification.html b/templates/gamification.html
index 48becb65..8ea29026 100644
--- a/templates/gamification.html
+++ b/templates/gamification.html
@@ -1,50 +1,185 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-    <title>Newcomers Data</title>
-  </head>
-  <body>
-    <h1>The gamification leaderboard</h1>
-    <p>Note: All the datetime is in UTC</p>
-    <hr>
-    <ul>
-      {% for participant in participants %}
-      <div class="container">
-        <div class="row">
-          <div class="col-sm-6 col-md-4">
-            <div class="thumbnail">
-              <div class="caption">
-                <p>Username: {{ participant.username }}</p>
-                <p><a href="//github.com/{{ participant.username }}">
-                GitHub Profile</a></p>
-                <p><a href="//gitlab.com/{{ participant.username }}">
-                GitLab Profile</a></p>
-                <p><a href="//www.openhub.net/accounts/{{ participant.username }}">OpenHub Profile</a></p>
-                <p>Score: {{ participant.score }}</p>
-                <p>Level: {{ participant.level.name }}</p>
-                <p>Activities Performed:
-                {% for activity in participant.activities.all %}
-                  <p>{{ forloop.counter }}. {{ activity.name }}, performed_at:
-                    {{ activity.performed_at }} updated_at: {{ activity.updated_at }}
-                  </p>
-                  {% endfor %}{# for activity in participant.activities.all #}
-                <p>Badges Earned:
-                {% for badge in participant.badges.all %}
-                  <p>{{ forloop.counter }}.{{ badge.name }}</p>
-                  {% endfor %}{# for badge in participant.badges.all #}
-                </p>
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title %}
+  Community | Gamification Leaderboard
+{% endblock %}
+
+{% block add_css_files %}
+  <link rel="stylesheet" href="{% static 'css/contributors.css' %}">
+  <link rel="stylesheet" href="{% static 'css/meta-reviewers.css' %}">
+  <link rel="stylesheet" href="{% static 'css/gamification.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+  <script src="{% static 'js/contributors.js' %}"></script>
+  <script src="{% static 'js/gamification.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+
+  <div class="web-page-details apply-flex center-content">
+    <h3 style="padding-right: 15px">~</h3>
+    <h3 class="page-name">
+      Contributors Gamification Leaderboard
+    </h3>
+    <h3 style="padding-left: 15px">~</h3>
+  </div>
+
+  <div class="apply-flex center-content">
+    <p class="container web-page-description">
+      The leaderboard is based upon the gamification system which automates the
+      recognition of activities performed by community contributors. Based on activities
+      performed, various parameters are calculated.
+    </p>
+  </div>
+
+  <div class="contributors-section apply-flex center-content">
+    <div class="form-fields">
+      <form>
+        <div class="input-field apply-flex center-content search-field">
+          <i class="fa fa-search social-icons"></i>
+          <input id="search" type="search" autocomplete="off" placeholder="Search by username or name" required>
+          <i class="fa fa-close social-icons"></i>
+        </div>
+      </form>
+      <div class="search-results">
+        <table>
+          <thead>
+            <tr>
+              <th>Search Results</th>
+            </tr>
+          </thead>
+          <tbody class="search-results-tbody large-font">
+            <tr>
+              <td>
+                No results found!
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div class="filter-btn apply-flex center-content">
+      <a id="filters" class="waves-effect waves-light btn-large">
+        <b>Filter Participants</b>
+      </a>
+    </div>
+  </div>
+  <div class="filters-option apply-flex center-content fade-in">
+    <div class="filter-select-fields apply-flex evenly-spread-content">
+      <label class="score-filter">
+        <select class="score-range-selector" name="score-filter">
+          <option value="[]" selected>Choose a score range</option>
+          {% for group, val in grouped_participants.items %}
+            <option value="{{ val }}">{{ group }}</option>
+          {% endfor %}
+        </select>
+      </label>
+      <label class="level-filter">
+        <select class="level-selector" name="level-filter">
+          <option value="" selected>Choose any level</option>
+          {% for level in levels %}
+            <option value="{{ level.number }}">{{ level.name }}</option>
+          {% endfor %}
+        </select>
+      </label>
+      <label class="badge-filter">
+        <select class="badge-selector" name="badge-filter">
+          <option value="" selected>Choose any badge</option>
+          {% for badge in badges %}
+            <option value="{{ badge.number }}">{{ badge.name }}</option>
+          {% endfor %}
+        </select>
+      </label>
+      <i class="fa fa-eraser clear-filters"> Filters</i>
+    </div>
+  </div>
+
+  <div class="contributors-cards column-flex">
+    <div class="no-contribs-found custom-green-color-font">
+      <h5 class="search-message"></h5>
+      <i class="fa fa-smile-o fa-2x"></i>
+    </div>
+  {% for contributor in gamification_results %}
+    <div class="contributor-card meta-reviewer gamifier-card apply-flex" login="{{ contributor.username }}">
+      <div class="contributor-image meta-reviewer-image gamifier-image">
+        <img src="//github.com/{{ contributor.username }}.png/?size=400"
+             alt="user-image">
+        <div class="bottom-center large-font bold-text social-links">
+          <a href="//github.com/{{ contributor.username }}" target="_blank">
+            <i class="fa fa-github github-icon social-icons" aria-hidden="true"></i>
+          </a>
+          <a href="//gitlab.com/{{ contributor.username }}" target="_blank">
+            <i class="fa fa-gitlab social-icons gitlab-icon" aria-hidden="true"></i>
+          </a>
+          <a href="//www.openhub.net/accounts/{{ contributor.username }}" target="_blank" class="social-icons">OH</a>
+        </div>
+      </div>
+      <div class="gamifier-details">
+        <div class="gamifier-details-part-1 column-flex">
+          <div class="column-flex large-font gray-font-color">
+            <span>
+              <b>Username:</b>
+              {{ contributor.username }}
+            </span>
+            <span>
+              <b>Score:</b>
+              {{ contributor.score }}
+            </span>
+            <span id="level-{{ contributor.level.number }}" login="{{ contributor.username }}">
+              <b>Level:</b>
+              {{ contributor.level.name }}
+            </span>
+            <div>
+              {% if contributor.badges.all %}
+              <b>Badges Earned:</b>
+              <div class="column-flex">
+              {% for badge in contributor.badges.all %}
+                <span id="badge-{{ badge.number }}" login="{{ contributor.username }}">
+                  <b>-></b>
+                  {{ badge.name }}
+                </span>
+              {% endfor %}{# for badge in contributor.badges.all #}
               </div>
+              {% else %}{# if contributor.badges.all #}
+              <span>
+                <b>No badges earned!<i class="fa fa-frown-o"></i></b>
+              </span>
+              {% endif %}{# if contributor.badges.all #}
+            </div>
+            <div class="column-flex">
+              <b>Some Activities permormed:</b>
+              {% for activity in contributor.activities.all|slice:":2" %}
+              <span>
+                <b>{{ forloop.counter }}.</b> {{ activity.name }}, on {{ activity.performed_at }}
+              </span>
+              {% endfor %}{# for activity in contributor.activities.all|slice:":2" #}
             </div>
           </div>
         </div>
+
+        {% if contributor.activities.all|slice:"2:6" %}
+        <div class="gamifier-details-part-2 column-flex large-font gray-font-color">
+          {% for activity in contributor.activities.all|slice:"2:6" %}
+          <span>
+            <b>{{ forloop.counter|add:2 }}.</b> {{ activity.name }}, on {{ activity.performed_at }}
+          </span>
+          {% endfor %}{# for activity in contributor.activities.all|slice:"2:6" #}
+        </div>
+        {% endif %}{# if contributor.activities.all|slice:"2:6" #}
+
+        {% if contributor.activities.all|slice:"6:10" %}
+        <div class="gamifier-details-part-3 column-flex large-font gray-font-color">
+          {% for activity in contributor.activities.all|slice:"6:10" %}
+          <span>
+            <b>{{ forloop.counter|add:6 }}.</b> {{ activity.name }}, on: {{ activity.performed_at }}
+          </span>
+          {% endfor %}{# for activity in contributor.activities.all|slice:"6:10" #}
+        </div>
+        {% endif %}{# if contributor.activities.all|slice:"6:10" #}
       </div>
-      <hr>
-      {% endfor %}{# for participant in participants #}
-    </ul>
-  </body>
-</html>
+    </div>
+    {% endfor %}{# for contributor in gamification_results #}
+  </div>
+
+{% endblock %}
diff --git a/templates/gci_students.html b/templates/gci_students.html
new file mode 100644
index 00000000..8c969fd7
--- /dev/null
+++ b/templates/gci_students.html
@@ -0,0 +1,86 @@
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title %}
+  Community | GCI Students
+{% endblock %}
+
+{% block add_css_files %}
+<link rel="stylesheet" href="{% static 'css/gci_students.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+<script src="{% static 'js/timeago.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+  <div class="web-page-details apply-flex center-content">
+    <h3 style="padding-right: 15px">~</h3>
+    <h3 class="page-name">
+      <img src="{{ org.logo_url }}" alt="{{ org.name }}">
+      GCI Students
+    </h3>
+    <h3 style="padding-left: 15px">~</h3>
+  </div>
+
+  <div class="apply-flex-center">
+    <p class="container web-page-description">
+      Hello, World! {{ org.name }} has been participating in GCI (Google Code-In) from last few years and will
+      be participating in coming years too. Following are the GCI students who  participated in GCI with {{ org.name }}
+      organization.
+    </p>
+  </div>
+
+  {% if gci_students.data %}
+  <div class="gci-students apply-flex evenly-spread-content custom-green-color-font">
+  {% for student in gci_students.data %}
+    <div class="student-card card horizontal">
+      <div class="student-image card-image apply-flex">
+        <img src="//github.com/{{ student.username }}.png/">
+      </div>
+      <div class="student-details card-content">
+        <a class="user-name bold-text" href="//github.com/{{ student.username }}" target="_blank">
+          {% if student.display_name %}
+            {{ student.display_name }}
+          {% else %}
+            {{ student.username }}
+          {% endif %}
+        </a><br>
+        {% if student.bio %}
+          <p>{{ student.bio }}</p>
+        {% endif %}{# if student.bio #}
+        <div class="inline-contents">
+          <p class="gci-student-id">ID:</p>
+          <a href="{{ student.url }}" target="_blank"> {{ student.id }}</a>
+        </div><br>
+        <div class="inline-contents">
+          <p class="participated-year">Participation year: {{ student.program_year }}</p>
+        </div><br>
+        <div class="inline-contents">
+          <p class="public-repos">Repos:</p>
+          <p> {{ student.public_repos }}</p>
+        </div>
+        <div class="inline-contents">
+          <p class="public-gists">Gists:</p>
+          <p> {{ student.public_gists }}</p>
+        </div>
+        <div class="inline-contents">
+          <p class="followers">Followers:</p>
+          <p> {{ student.followers }}</p>
+        </div><br>
+      </div>
+    </div>
+  {% endfor %}
+  </div>
+  {% else %}
+  <div class="apply-flex center-content data-fetch-error">
+    <h5><b>ERROR:</b></h5>
+    <h5>{{ gci_students.error }}</h5>
+  </div>
+  {% endif %}{# if gci_students.data #}
+
+  <div class="apply-flex center-content data-updated-time">
+    <b>GCI Students data was updated:</b>
+    <p id="time" data-time="{{ updated_time }}"></p>
+  </div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 80530eeb..d464c6d2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,29 +1,118 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Community website</title>
-  </head>
-  <body>
-    <img src="static/org_logo.png" alt="org logo" height="42" width="42">
-    <ul>
-      <li><a href="gci/">Google Code-in</a>
-      <li><a href="activity/">GitHub activity</a>
-      <li><a href="twitter/">Twitter Feed</a>
-      <li><a href="info.txt">Build info</a>
-      <li><a href="log/">Logs</a>
-      <li><a href="contributors/">Contributors data</a>
-      <li><a href="meta-review/">Meta-review data</a>
-      <li><a href="gamification/">Gamification leaderboard</a>
-      <li><a title="List of all the issues on organization's main repository on which assignee has not shown any activity for more than 2 months."
-        href="static/inactive-issues.json">Inactive Issues</a>
-      <li><a href="openhub/">OpenHub Data</a>
-      <li><a href="model/">Visit imported data</a>
-      <li><a title="List of all the issues on organization main repository on which someone has opened a pull request without getting assigned to it."
-        href="static/unassigned-issues.json">Unassigned issues activity</a>
-    </ul>
-    {% if isTravis %}
-    <small>This website was built automatically using Travis CI. A link to the build can be found <a href="{{ travisLink }}">here</a>.</small>
-    {% endif %}{# if isTravis #}
-  </body>
-</html>
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title %}
+  Community | Homepage
+{% endblock %}
+
+{% block add_css_files %}
+<link rel="stylesheet" href="{% static 'css/index.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
+<script src="{% static 'js/index.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+
+  <div class="community-header-image">
+    <img src="{% static 'images/os_community_header.jpg' %}" alt="OpenSource Community">
+  </div>
+
+  <div class="center about-org custom-green-color-font" id="about" style="margin-top: -2%">
+    <div class="center">
+      <h3>Welcome to {{ org.name }}</h3>
+      <p style="margin: 0 10%; color: black">{{ org.about }}</p>
+    </div>
+  </div>
+  {% if quote_details %}
+  <div class="center quote-of-day custom-green-color-font">
+    <div class="center apply-flex center-content">
+      <h3 style="padding-right: 15px">~</h3>
+      <div class="quote">
+        <p style="margin-bottom: 0">{{ quote_details.quote }}</p>
+        <h6 style="margin-top: 0">- {{ quote_details.author }}</h6>
+      </div>
+      <h3 style="padding-left: 15px">~</h3>
+    </div>
+  </div>
+  {% endif %}{# if quote_details #}
+
+  <div class="center org-teams-stats apply-flex evenly-spread-content custom-green-color-font">
+    {% for team_name, members_count in org.team_details.items %}
+    <div class="team" style="margin-right: 20px">
+      <h3 style="margin-bottom: 0">{{ members_count }}</h3>
+      <h4 style="margin-top: 0">{{ team_name }}</h4>
+    </div>
+    {% endfor %}{# for team_name, members_count in org.team_details.items #}
+  </div>
+
+  <div class="organization-map">
+    {% include 'map.html' %}
+  </div>
+
+  <div class="top-contributors">
+    <div class="top-meta-reviewers">
+      <table class="highlight centered">
+        <thead class="custom-green-color-font">
+          <tr>
+            <th>Rank</th>
+            <th>Username</th>
+            <th>Meta-review Score</th>
+          </tr>
+        </thead>
+        <tbody>
+        {% for contrib in top_meta_review_users %}
+          <tr class="clickable-row" data-href="/meta-review/#{{ contrib.login }}">
+            <td>{{ contrib.rank }}</td>
+            <td>{{ contrib.login }}</td>
+            <td>{{ contrib.score|floatformat:0 }}</td>
+          </tr>
+        {% endfor %}{# for contrib in top_meta_review_users #}
+        </tbody>
+      </table>
+      <a href="{% url 'meta_review_data' %}" class="waves-effect waves-light btn leaderboards-btn">Contributors Meta-review</a>
+    </div>
+    <div class="top-gamifiers">
+      <table class="highlight centered">
+        <thead class="custom-green-color-font">
+          <tr>
+            <th>Rank</th>
+            <th>Username</th>
+            <th>Gamification Score</th>
+          </tr>
+        </thead>
+        <tbody>
+        {% for index, contrib in top_gamification_users %}
+          <tr class="clickable-row" data-href="/gamification/#{{ contrib.username }}">
+            <td>{{ index|add:"1" }}</td>
+            <td>{{ contrib.username }}</td>
+            <td>{{ contrib.score }}</td>
+          </tr>
+        {% endfor %}{# for index, contrib in top_gamification_users #}
+        </tbody>
+      </table>
+      <a href="{% url 'community-gamification' %}" class="waves-effect waves-light btn leaderboards-btn">Gamification leaderboard</a>
+    </div>
+  </div>
+
+  <div class="join-btn apply-flex center-content">
+    <a href="#" id="join" class="waves-effect waves-light btn-large">
+      <b>Want to join {{ org.name }}?</b>
+    </a>
+  </div>
+
+  <div class="activity-graph">
+    <div class="activity-graph-canvas">
+      <canvas id="canvas"></canvas>
+    </div>
+    <div class="input-field">
+      <select id="chart-type">
+        <option value="Month">Year</option>
+        <option value="Week">Month</option>
+        <option value="Day">Week</option>
+      </select>
+    </div>
+  </div>
+
+{% endblock %}
diff --git a/templates/map.html b/templates/map.html
new file mode 100644
index 00000000..60fcb77f
--- /dev/null
+++ b/templates/map.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+{% load staticfiles %}
+{# This is an auto-generated file, which is modified to support django-template syntax. #}
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Leaflet debug page</title>
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-beta.2/leaflet.css">
+    <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-beta.2/leaflet.js"></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {# Below stylesheets and scripts are being generated by `getorg`. Run #}
+    {#  build command to get these files #}
+    <link rel="stylesheet" href="{% static 'leaflet_dist/screen.css' %}">
+    <link rel="stylesheet" href="{% static 'leaflet_dist/MarkerCluster.css' %}">
+    <link rel="stylesheet" href="{% static 'leaflet_dist/MarkerCluster.Default.css' %}">
+    <script src="{% static 'leaflet_dist/leaflet.markercluster-src.js' %}"></script>
+    <script src="{% static 'org-locations.js' %}"></script>
+
+    <style>
+      #map {
+        width: 60%;
+        height: 300px;
+        margin: auto;
+        box-shadow: 0 0 25px 2px;
+      }
+      @media only screen and (max-width:750px){
+        #map {
+          width: 90%;
+        }
+      }
+    </style>
+
+  </head>
+  <body>
+    <div id="map"></div>
+    <script>
+      var tiles = L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}',
+        {
+          maxZoom: 18,
+          attribution: 'Tiles &copy; Esri &mdash; Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
+        }),
+      latlng = L.latLng(30, 10);
+      var map = L.map('map', {center: latlng, zoom: 0.7, layers: [tiles]});
+      var markers = L.markerClusterGroup({
+        showCoverageOnHover: false,
+        maxClusterRadius: 80
+      });
+      for (var i = 0; i < addressPoints.length; i++) {
+        var a = addressPoints[i];
+        var title = a[0];
+        var marker = L.marker(new L.LatLng(a[1], a[2]), { title: title });
+        marker.bindPopup(title);
+        markers.addLayer(marker);
+      }
+      map.addLayer(markers);
+      map.zoomIn();
+    </script>
+  </body>
+</html>
diff --git a/templates/meta_review.html b/templates/meta_review.html
index a6215de4..956c9935 100644
--- a/templates/meta_review.html
+++ b/templates/meta_review.html
@@ -1,53 +1,145 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-    <title>Meta-review Score Ranking List</title>
-  </head>
-  <body>
-    <h1>Details of meta-review score</h1>
-    <ul>
-      {% for participant in participants %}
-      <div class="container">
-        <div class="row">
-          <div class="col-sm-6 col-md-4">
-            <div class="thumbnail">
-              <div class="caption">
-                <p>login: {{ participant.login }}</p>
-                <p>name: {{ participant.name }}</p>
-                <p>score: {{ participant.score|floatformat:2 }}</p>
-                <p>rank: {{ participant.rank }}</p>
-                <p>trend: {{ participant.trend }}</p>
-                <p>received: </p>
-                <p>number of positive reactions: {{ participant.pos_in }}</p>
-                <p>
-                  weighted positive reactions:
-                  {{ participant.weighted_pos_in|floatformat:2 }}
-                </p>
-                <p>number of negative reactions: {{ participant.neg_in }}</p>
-                <p>
-                  weighted negative reactions:
-                  {{ participant.weighted_neg_in|floatformat:2 }}
-                </p>
-                <p>give away: </p>
-                <p>number of positive reactions: {{ participant.pos_out }}</p>
-                <p>number of negative reactions: {{ participant.neg_out }}</p>
-                <p>
-                  negative point offset:
-                  {{ participant.offset|floatformat:2 }}
-                </p>
-                <p>weight_factor: {{ participant.weight_factor|floatformat:2 }}</p>
-              </div>
+{% extends 'base.html' %}
+{% load staticfiles %}
+{% block title %}
+  Community | Meta-Review
+{% endblock %}
+
+{% block add_css_files %}
+  <link rel="stylesheet" href="{% static 'css/contributors.css' %}">
+  <link rel="stylesheet" href="{% static 'css/meta-reviewers.css' %}">
+{% endblock %}
+
+{% block add_js_files %}
+  <script src="{% static 'js/contributors.js' %}"></script>
+{% endblock %}
+
+{% block main-content %}
+
+  <div class="web-page-details apply-flex center-content">
+    <h3 style="padding-right: 15px">~</h3>
+    <h3 class="page-name">
+      Contributors Meta-Review Details
+    </h3>
+    <h3 style="padding-left: 15px">~</h3>
+  </div>
+
+  <div class="apply-flex center-content">
+    <p class="container web-page-description">
+      Contributor meta-review related details are calculated based upon the
+      GitHub reactions made by that contributor on any issue or merge request
+      within an organization, for example - {{ org.name }}.
+    </p>
+  </div>
+
+  <div class="contributors-section apply-flex center-content">
+    <div class="form-fields">
+      <form>
+        <div class="input-field apply-flex center-content search-field">
+          <i class="fa fa-search social-icons"></i>
+          <input id="search" type="search" autocomplete="off" placeholder="Search by username or name" required>
+          <i class="fa fa-close social-icons"></i>
+        </div>
+      </form>
+    <div class="apply-flex center-content">
+    </div>
+      <div class="search-results">
+        <table>
+          <thead>
+            <tr>
+              <th>Search Results</th>
+            </tr>
+          </thead>
+          <tbody class="search-results-tbody large-font">
+            <tr>
+              <td>
+                No results found!
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <div class="contributors-cards">
+  {% for contributor in contributors_meta_review_details %}
+  <div class="contributor-card meta-reviewer apply-flex" login="{{ contributor.login }}" name="{{ contributor.name }}">
+    <div class="contributor-image meta-reviewer-image">
+      <img src="//github.com/{{ contributor.login }}.png/?size=210"
+           alt="user-image">
+      <div class="top-right large-font bold-text">
+        {{ contributor.rank }}
+      </div>
+    </div>
+    <div class="metareviewer-details">
+      <div class="contributor-details-part-1 column-flex">
+        <a class="bold-text large-font" href="//github.com
+        /{{ contributor.login }}" target="_blank">
+          {% if contributor.name %}
+          {{ contributor.login }} ({{ contributor.name }})
+          {% else %}
+          {{ contributor.login }}
+          {% endif %}{# if contributor.name #}
+        </a>
+        <div class="large-font gray-font-color">
+          <span>
+            <b>Score:</b>
+            {{ contributor.score|floatformat:2 }}
+          </span>
+          <span>
+            <b>Trend:</b>
+            {{ contributor.trend }}
+          </span>
+          <div>
+            <b>Given reactions:</b>
+            <div>
+              <span>
+                <i class="fa fa-smile-o"></i>
+                {{ contributor.pos_out }}
+                <i class="fa fa-frown-o"></i>
+                {{ contributor.neg_out }}
+              </span>
             </div>
           </div>
+          <span>
+            <b>Weight factor:</b>
+            {{ contributor.weight_factor|floatformat:2 }}
+          </span>
+        </div>
+      </div>
+      <div class="contributor-details-part-2 column-flex large-font gray-font-color">
+      <div class="received-reactions">
+        <b>Received reactions:</b>
+        <div>
+          <b>> Count</b>
+          <div>
+            <span>
+              <i class="fa fa-smile-o"></i>
+              {{ contributor.pos_in }}
+              <i class="fa fa-frown-o"></i>
+              {{ contributor.neg_in }}
+            </span>
+          </div>
+        </div>
+        <div>
+          <b>> Weighted</b>
+          <div>
+            <span>
+              <i class="fa fa-smile-o"></i>
+              {{ contributor.weighted_pos_in|floatformat:0 }}
+              <i class="fa fa-frown-o"></i>
+              {{ contributor.weighted_neg_in|floatformat:0 }}
+            </span>
+          </div>
         </div>
       </div>
-      <hr>
-      {% endfor %}{# for participant in participants #}
-    </ul>
-  </body>
-</html>
+      <span>
+        <b>Negative point offset:</b>
+        {{ contributor.offset|floatformat:2 }}
+      </span>
+    </div>
+    </div>
+  </div>
+  {% endfor %}{# for contributor in contributors_meta_review_details #}
+  </div>
+{% endblock %}
diff --git a/test-requirements.txt b/test-requirements.txt
index 80fe8c3e..4b444785 100644
--- a/test-requirements.txt
+++ b/test-requirements.txt
@@ -10,7 +10,7 @@ coverage==4.4.1
 coverage-env-plugin~=0.1
 coverage-config-reload-plugin~=0.2
 codecov~=2.0.5
-moban~=0.3.3 ; python_version > '3.0'
+moban~=0.5.0 ; python_version > '3.0'
 packaging~=16.8
 pytest~=3.6.4
 pytest-cov~=2.4
@@ -27,6 +27,7 @@ pytest-travis-fold~=1.3.0
 requests-mock~=1.2
 ipdb~=0.11
 pip<10
+six>=1.11.0
 wheel~=0.29
 git+https://github.com/coala/coala.git
 git+https://github.com/coala/coala-bears.git
diff --git a/twitter/view_twitter.py b/twitter/view_twitter.py
deleted file mode 100644
index d6e54ff4..00000000
--- a/twitter/view_twitter.py
+++ /dev/null
@@ -1,34 +0,0 @@
-from django.http import HttpResponse
-import requests
-import json
-import logging
-
-from community.git import get_org_name
-
-
-def index(request):
-    logger = logging.getLogger(__name__)
-    logger.info('this package is alive')
-    s = []
-
-    org_twitter_handle = org_name = get_org_name()
-
-    s.append('<link rel="shortcut icon" type="image/png" '
-             'href="../static/favicon.png"/>')
-
-    api_data_dump = json.loads(
-        requests.get('https://gci-leaders.netlify.com/data.json').content)
-    for item in api_data_dump:
-        if item['name'] == org_name:
-            org_twitter_handle = item['twitter_url'].split(
-                'twitter.com/')[-1]
-    if org_twitter_handle is not None:
-        s.append('<a class="twitter-timeline" data-height="1000" '
-                 'data-link-color="#2B7BB9" '
-                 'href="https://twitter.com/{twitter_handle}">'
-                 'Tweets by {twitter_handle}</a> <script async '
-                 'src="https://platform.twitter.com/widgets.js" '
-                 'charset="utf-8"></script>'.format(
-                     twitter_handle=org_twitter_handle))
-
-    return HttpResponse('\n'.join(s))