diff --git a/index.html b/index.html
index f923aa4..89dae80 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>ethiopia_hacks</title>
+    <title>Ethiopia Hacks</title>
     <link rel="icon" type="image/png" sizes="32x32" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-16x16.png">
     <!--[if IE]><link rel="shortcut icon" href="/static/img/icons/favicon.ico"><![endif]-->
@@ -15,7 +15,7 @@
     <!-- Add to home screen for Safari on iOS -->
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="ethiopia_hacks">
+    <meta name="apple-mobile-web-app-title" content="Ethiopia Hacks">
     <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/apple-touch-icon-152x152.png">
     <link rel="mask-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/safari-pinned-tab.svg" color="#4DBA87">
     <!-- Add to home screen for Windows -->
@@ -29,7 +29,7 @@
   </head>
   <body>
     <noscript>
-      This is your fallback content in case JavaScript fails to load.
+      Unable to load content. Please Try Again!
     </noscript>
     <div id="app"></div>
     <!-- Todo: only include in production -->
diff --git a/src/App.vue b/src/App.vue
index 3bca994..af71d57 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,15 @@
   <v-app :dark="isDark">
     <v-navigation-drawer :mini-variant="miniVariant" :clipped="clipped" v-model="drawer" fixed app>
       <v-list>
+        <v-list-tile avatar>
+          <v-btn icon @click.native.stop="miniVariant = !miniVariant">
+            <v-icon v-html="miniVariant ? 'chevron_right' : 'chevron_left'"></v-icon>
+          </v-btn>
+
+          <v-btn icon @click.native.stop="clipped = !clipped">
+            <v-icon>web</v-icon>
+          </v-btn>
+        </v-list-tile>
         <v-list-tile router :to="item.to" :key="i" v-for="(item, i) in items" exact>
           <v-list-tile-action>
             <v-icon v-html="item.icon"></v-icon>
@@ -15,12 +24,7 @@
 
     <v-toolbar fixed app :clipped-left="clipped" dense>
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
-      <v-btn icon @click.native.stop="miniVariant = !miniVariant">
-        <v-icon v-html="miniVariant ? 'chevron_right' : 'chevron_left'"></v-icon>
-      </v-btn>
-      <v-btn icon @click.native.stop="clipped = !clipped">
-        <v-icon>web</v-icon>
-      </v-btn>
+
       <v-toolbar-title v-text="title"></v-toolbar-title>
       <v-spacer></v-spacer>
       <v-switch hide-details label="Dark theme" v-model="isDark"></v-switch>
@@ -47,11 +51,11 @@
     </v-content>
     <v-navigation-drawer temporary :right="right" v-model="rightDrawer" fixed>
       <v-list>
-        <v-list-tile @click.native="right = !right">
+        <v-list-tile>
           <v-list-tile-action>
             <v-icon light>compare_arrows</v-icon>
           </v-list-tile-action>
-          <v-list-tile-title>Switch drawer (click me)</v-list-tile-title>
+          <v-list-tile-title>Announcements</v-list-tile-title>
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
@@ -64,10 +68,7 @@
 </template>
 
 <script>
-
-
-import * as easings from 'vuetify/es5/util/easing-patterns'
-
+import * as easings from "vuetify/es5/util/easing-patterns";
 
 export default {
   computed: {
@@ -93,7 +94,7 @@ export default {
       easing: "easeInOutCubic",
       easings: Object.keys(easings),
 
-      isDark: true,
+      isDark: false,
       currentDate: new Date().getFullYear(),
       clipped: false,
       drawer: false,
@@ -115,7 +116,7 @@ export default {
           to: "/gallery"
         }
       ],
-      miniVariant: true,
+      miniVariant: false,
       right: true,
       rightDrawer: false,
       title: "Ethiopia Hacks"
@@ -126,9 +127,9 @@ export default {
       this.isDark = !this.isDark;
     },
 
-    scroll:function(dest) {
+    scroll: function(dest) {
       this.selector = dest;
-      this.$vuetify.goTo(this.target, this.options)
+      this.$vuetify.goTo(this.target, this.options);
     }
   }
 };
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 0430743..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,410 +0,0 @@
-<template>
-  <div>
-    <!-- First Parallex -->
-    <section id ="home">
-      <v-parallax :src="getImageUrl('banner.jpg')" height="680" alt="banner image">
-        <v-layout column align-center justify-center class="white--text">
-          <img :src="getImageUrl('logo.png')" alt="Hackathon Logo" height="300">
-          <div class="headline mb-3 text-xs-center">U.S Embassy in Ethiopia presents</div>
-          <h1 class="white--text mb-2 display-4 text-xs-center">Hackathon v2.0</h1>
-          <div class="display-1 mb-3 text-xs-center">From Jan 11-13, 2018</div>
-          <div class="subheading mb-3 text-xs-center">@ American Center, Addis Ababa</div>
-          <v-btn class="blue lighten-2 mt-5" dark large href="/pre-made-themes">Register Here</v-btn>
-        </v-layout>
-      </v-parallax>
-    </section>
-
-    <!-- Featured Text -->
-    <section id ="why">
-      <v-layout column wrap class="my-5" align-center>
-        <v-flex xs12 sm4 class="my-3">
-          <div class="text-xs-center">
-            <h2 class="headline">The best way to demonistrate your coding skill</h2>
-            <span class="subheading">while solving potential problems</span>
-          </div>
-        </v-flex>
-        <v-flex xs12>
-          <v-container grid-list-xl>
-            <v-layout row wrap align-center>
-              <v-flex xs12 md4>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <v-icon x-large class="blue--text text--lighten-2">color_lens</v-icon>
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="headline text-xs-center">Design The Challenge</div>
-                  </v-card-title>
-                  <v-card-text>
-                    Hackathon boosts your design skill and critical thinking towards solving the challenge. It give you the opportunity to improve your
-                    skill on how to understand the problem domain or the challenge topic, analze and come up with potential
-                    ,feasible solution.
-                  </v-card-text>
-                </v-card>
-              </v-flex>
-              <v-flex xs12 md4>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <v-icon x-large class="blue--text text--lighten-2">build</v-icon>
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="headline">Build The Solution</div>
-                  </v-card-title>
-                  <v-card-text>
-                    You will build digital solution that trully solves the problem. By collaboration with a team, you
-                    will learn how to coordinate to build the designed solution. You will demonistrate your skill
-                    within a short period of time. You will also learn new skills from the teams.
-                  </v-card-text>
-                </v-card>
-              </v-flex>
-              <v-flex xs12 md4>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="headline text-xs-center">Win Big Prizes</div>
-                  </v-card-title>
-                  <v-card-text>
-                    You will get big prizes for your outstanding solution/product. You will also get exposure to the
-                    potential stakeholders to work on the winning project. This award is a complement for your passion.
-                  </v-card-text>
-                </v-card>
-              </v-flex>
-            </v-layout>
-          </v-container>
-        </v-flex>
-      </v-layout>
-    </section>
-
-    <!-- Second Parallex -->
-    <section>
-      <v-parallax :src="getImageUrl('hacking.jpg')" height="380">
-        <v-layout column align-center justify-center>
-          <!-- <div
-            class="headline white--text mb-3 text-xs-center"
-          >Web development has never been easier</div>-->
-          <em>“Whether we're fighting climate change or going to space,
-            <br>everything is moved forward by computers, and we don't
-            <br>have enough people who can code.”
-            <br>- Richard Branson
-          </em>
-        </v-layout>
-      </v-parallax>
-    </section>
-
-    <!-- Time Line -->
-    <section id="timeline">
-      <v-layout column align-center>
-        <v-flex xs12 md6>
-          <v-timeline>
-            <v-timeline-item color="purple lighten-2" fill-dot right>
-              <v-card>
-                <v-card-title class="purple lighten-2">
-                  <v-icon dark size="42" class="mr-3">mdi-magnify</v-icon>
-                  <h2 class="display-1 white--text font-weight-light">Hackathon v1.0</h2>
-                </v-card-title>
-                <v-container>
-                  <v-layout>
-                    <v-flex xs10>
-                      <p>"Entreprunership and youth"</p>
-                      <p>Nov 16 to 18, 2018 at American Center, Addis Ababa.</p>
-                    </v-flex>
-                    <v-flex xs2>
-                      <v-icon size="64">mdi-calendar-text</v-icon>
-                    </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-card>
-            </v-timeline-item>
-
-            <v-timeline-item color="amber lighten-1" fill-dot left small>
-              <v-card>
-                <v-card-title class="amber lighten-1 justify-end">
-                  <h2 class="display-1 mr-3 white--text font-weight-light">Hackathon v2.0</h2>
-                  <v-icon dark size="42">mdi-home-outline</v-icon>
-                </v-card-title>
-                <v-container>
-                  <v-layout>
-                    <v-flex xs12>
-                      <p>"comming soon.."</p>
-                      <p>Jan 11 to 13, 2019 at American Center, Addis Ababa.</p>
-                      <v-btn
-                        class="blue lighten-2 mt-5"
-                        dark
-                        large
-                        href="/pre-made-themes"
-                      >Register Here</v-btn>
-                    </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-card>
-            </v-timeline-item>
-
-            <v-timeline-item color="cyan lighten-1" fill-dot right>
-              <v-card>
-                <v-card-title class="cyan lighten-1">
-                  <v-icon class="mr-3" dark size="42">mdi-email-outline</v-icon>
-                  <h2 class="display-1 white--text font-weight-light">Hackathon v3.0</h2>
-                </v-card-title>
-                <v-container>
-                  <v-layout>
-                    <v-flex xs12>
-                      <p>Comming Soon...</p>
-                    </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-card>
-            </v-timeline-item>
-
-            <v-timeline-item color="red lighten-1" fill-dot left small>
-              <v-card>
-                <v-card-title class="red lighten-1 justify-end">
-                  <h2 class="display-1 mr-3 white--text font-weight-light">Hackathon v4.0</h2>
-                  <v-icon dark size="42">mdi-account-multiple-outline</v-icon>
-                </v-card-title>
-                <v-container>
-                  <v-layout>
-                    <v-flex xs2>
-                      <v-icon size="64">mdi-server-network</v-icon>
-                    </v-flex>
-                    <v-flex xs10>
-                      <p>Comming Soon...</p>
-                    </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-card>
-            </v-timeline-item>
-
-            <v-timeline-item color="green lighten-1" fill-dot right>
-              <v-card>
-                <v-card-title class="green lighten-1">
-                  <v-icon class="mr-3" dark size="42">mdi-phone-in-talk</v-icon>
-                  <h2 class="display-1 white--text font-weight-light">Hackathon v5.0</h2>
-                </v-card-title>
-                <v-container>
-                  <v-layout>
-                    <v-flex>
-                      <p>Lorem ipsum dolor sit amet, no nam oblique veritus. Commune scaevola imperdiet nec ut, sed euismod convenire principes at. Est et nobis iisque percipit, an vim zril disputando voluptatibus, vix an salutandi sententiae.</p>
-                    </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-card>
-            </v-timeline-item>
-          </v-timeline>
-        </v-flex>
-      </v-layout>
-    </section>
-
-    <!-- Organizors -->
-    <section id="about">
-      <v-layout column wrap class="my-5" align-center>
-        <v-flex xs12 sm4 class="my-3">
-          <div class="text-xs-center">
-            <h2 class="headline">Organized by U.S Embassy in Ethiopia</h2>
-            <span class="subheading">#USInvestsInEthiopians</span>
-          </div>
-        </v-flex>
-        <v-flex xs12>
-          <v-container grid-list-xl>
-            <v-layout row wrap align-center>
-              <v-flex xs12 md3>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <img :src="getImageUrl('us_embassy.png')" alt="Hackathon Logo" height="150">
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="subheading text-xs-center">U.S. Embassy</div>
-                  </v-card-title>
-                </v-card>
-              </v-flex>
-
-              <v-flex xs12 md3>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <img :src="getImageUrl('usaid.png')" alt="Hackathon Logo" height="150">
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="subheading text-xs-center">USAID</div>
-                  </v-card-title>
-                </v-card>
-              </v-flex>
-
-              <v-flex xs12 md3>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <img :src="getImageUrl('gdg_addis.png')" alt="Hackathon Logo" height="150">
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="subheading text-xs-center">GDG Addis</div>
-                  </v-card-title>
-                </v-card>
-              </v-flex>
-
-              <v-flex xs12 md3>
-                <v-card class="elevation-0 transparent">
-                  <v-card-text class="text-xs-center">
-                    <img :src="getImageUrl('cawee.png')" alt="Hackathon Logo" height="150">
-                  </v-card-text>
-                  <v-card-title primary-title class="layout justify-center">
-                    <div class="subheading text-xs-center">CAWEE</div>
-                  </v-card-title>
-                </v-card>
-              </v-flex>
-            </v-layout>
-          </v-container>
-        </v-flex>
-      </v-layout>
-    </section>
-
-    <!-- FAQ -->
-    <section id="faq">
-      <v-layout column align-center>
-        <v-subheader>FAQ</v-subheader>
-      </v-layout>
-      <v-layout row wrap>
-        <v-flex xs12 md6>
-          <v-expansion-panel popout>
-            <v-expansion-panel-content v-for="(message, i) in messages" :key="i" hide-actions>
-              <v-layout slot="header" align-center row spacer>
-                <v-flex no-wrap xs15>
-                  <p>What is hackathon?</p>
-                </v-flex>
-              </v-layout>
-
-              <v-card>
-                <v-divider></v-divider>
-                <v-card-text v-text="lorem"></v-card-text>
-              </v-card>
-            </v-expansion-panel-content>
-          </v-expansion-panel>
-        </v-flex>
-
-        <v-flex xs12 md6>
-          <v-expansion-panel popout>
-            <v-expansion-panel-content v-for="(message, i) in messages" :key="i" hide-actions>
-              <v-layout slot="header" align-center row spacer>
-                <v-flex no-wrap xs15>
-                  <p>What is hackathon?</p>
-                </v-flex>
-              </v-layout>
-
-              <v-card>
-                <v-divider></v-divider>
-                <v-card-text v-text="lorem"></v-card-text>
-              </v-card>
-            </v-expansion-panel-content>
-          </v-expansion-panel>
-        </v-flex>
-      </v-layout>
-    </section>
-
-    <!-- Contact -->
-    <section id = "contact">
-      <v-container grid-list-xl>
-        <v-layout row wrap justify-center class="my-5">
-          <v-flex xs12 sm4>
-            <v-card class="elevation-0 transparent">
-              <v-card-title primary-title class="layout justify-center">
-                <div class="headline">Program Objective</div>
-              </v-card-title>
-              <v-card-text>
-                Ethiopia is the second most-populous country in Africa with more than 70% of its population
-                under the age of 35. This population of youth faces enormous challenges in terms of education,
-                employment, access to technology and opportunities to create and innovate.
-                Hackathon participants are between the of 18-25 thus hosting a Hackathon allows to understand
-                how best to inspire Ethiopian youth to imagine, plan, design, compose, invent, create, innovate,
-                build and construct. The program aims to make the most diverse hackathon sessions with a goal
-                of 35% participation from women in each session.
-              </v-card-text>
-            </v-card>
-          </v-flex>
-          <v-flex xs12 sm4 offset-sm1>
-            <v-card class="elevation-0 transparent">
-              <v-card-title primary-title class="layout justify-center">
-                <div class="headline">Contact us</div>
-              </v-card-title>
-              <v-card-text>Do you want to contact the organizers? Please don't hesitate to contact through the following addresses.</v-card-text>
-              <v-list class="transparent">
-                <v-list-tile>
-                  <v-list-tile-action>
-                    <v-icon class="blue--text text--lighten-2">phone</v-icon>
-                  </v-list-tile-action>
-                  <v-list-tile-content>
-                    <v-list-tile-title>+251-910331122</v-list-tile-title>
-                  </v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-action>
-                    <v-icon class="blue--text text--lighten-2">place</v-icon>
-                  </v-list-tile-action>
-                  <v-list-tile-content>
-                    <v-list-tile-title>American Centers in Ethiopia</v-list-tile-title>
-                  </v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-action>
-                    <v-icon class="blue--text text--lighten-2">email</v-icon>
-                  </v-list-tile-action>
-                  <v-list-tile-content>
-                    <v-list-tile-title>gdgaddis.et@gmail.com</v-list-tile-title>
-                  </v-list-tile-content>
-                </v-list-tile>
-              </v-list>
-            </v-card>
-          </v-flex>
-        </v-layout>
-      </v-container>
-    </section>
-  </div>
-</template>
-
-
-<script>
-
-import * as easings from 'vuetify/es5/util/easing-patterns'
-
-export default {
-  
-  data() {
-    return {
-      title: '"Ethiopia Hacks" Hackathon v2.0',
-      messages: [
-        {
-          avatar: "https://avatars0.githubusercontent.com/u/9064066?v=4&s=460",
-          name: "Melake Wubshet",
-          title: "Welcome to Vuetify.js!",
-          excerpt: "Thank you for joining our community..."
-        },
-        {
-          color: "red",
-          icon: "people",
-          name: "Social",
-          new: 1,
-          total: 3,
-          title: "Twitter"
-        },
-        {
-          color: "teal",
-          icon: "local_offer",
-          name: "Promos",
-          new: 2,
-          total: 4,
-          title: "Shop your way",
-          exceprt: "New deals available, Join Today"
-        }
-      ],
-      
-        
-
-      lorem:
-        "Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum."
-    };
-  },
-
-  methods: {
-    getImageUrl(img) {
-      return require("../assets/images/" + img);
-    }
-  }
-};
-</script>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 5fa7f9d..ebf6136 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import HelloWorld from '@/components/HelloWorld'
+import HomePage from '@/components/HomePage'
 
 Vue.use(Router)
 
@@ -8,8 +8,8 @@ export default new Router({
   routes: [
     {
       path: '/',
-      name: 'HelloWorld',
-      component: HelloWorld
+      name: 'HomePage',
+      component: HomePage
     }
   ]
 })
