diff --git a/_data/categories.yaml b/_data/categories.yaml
new file mode 100644
index 0000000..46306c9
--- /dev/null
+++ b/_data/categories.yaml
@@ -0,0 +1,20 @@
+---
+- name: news
+  subcategories:
+    - acads
+    - sports
+    - cultural
+    - tech
+    - sac
+    - phekingnews
+- name: columns
+  subcategories:
+    - coverstory
+    - bigstory
+    - editorial
+    - almostfamous
+    - guestcomentary
+- name: career
+  subcategories:
+- name: archives 
+  subcategories:
diff --git a/_includes/navbar.html b/_includes/navbar.html
index b382068..0769690 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -16,9 +16,20 @@
 
         <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav">
-            <li class="active"><a href="/">Home</a></li>
-            <li><a href="/columns/">Columns</a></li>
-            <li><a href="/news/">News</a></li>
+            {% for cat in site.data.categories %}
+              {% if cat.subcategories != nil %}
+              <li class = "dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ cat.name | uppercase }} <span class="caret"></span></a>
+                <ul class="dropdown-menu">
+                  {% for subcat in cat.subcategories %}
+                  <li><a href="/category/{{ subcat }}">{{ subcat | uppercase }}</a></li>
+                  {% endfor %}
+                </ul>
+              </li>
+              {% else %}
+              <li><a href="/category/{{ cat.name }}">{{ cat.name | uppercase }}</a></li>
+              {% endif %}
+            {% endfor %}
           </ul>
         </div>
       </div>
diff --git a/index.html b/index.html
index faa90e0..08dba91 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 ---
 layout: layout
 title: "Home"
+category_page: news
 ---
 <div class="container content">
   <section id="new-articles" class="row">