diff --git a/.gitignore b/.gitignore
index b7ef9bf..a5bc6c9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
-/media/
+db.sqlite3
+/media
+/static
\ No newline at end of file
diff --git a/blog/templates/blog/allblogs.html b/blog/templates/blog/allblogs.html
index 91f6806..197a147 100644
--- a/blog/templates/blog/allblogs.html
+++ b/blog/templates/blog/allblogs.html
@@ -1,12 +1,14 @@
 <!doctype html>
 <html lang="en">
 <head>
+    {% load static %}
+
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="description" content="">
     <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
     <meta name="generator" content="Jekyll v3.8.6">
-    <title>Album example · Bootstrap</title>
+    <title>Blog</title>
 
     <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/album/">
 
@@ -47,16 +49,15 @@
 <body>
 <header>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="#">Portfolio</a>
+        <a class="navbar-brand" href="{% url 'home' %}">Portfolio</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
             <div class="navbar-nav" ml-auto>
-                <a class="nav-item nav-link" href="#">Twitter</a>
-                <a class="nav-item nav-link" href="#">Resume</a>
-                <a class="nav-item nav-link active" href="#">Blog</a>
+                <a class="nav-item nav-link active" href="{% url 'allblogs' %}">Blog</a>
+                <a class="nav-item nav-link" href="{% static 'resume.pdf' %}">Resume</a>
             </div>
         </div>
     </nav>
@@ -64,14 +65,14 @@
 
 <main role="main">
     <div class="container">
-        <h1 class="text-center pt-3">Sharad's Blog</h1>
+        <h1 class="text-center pt-3">Blog</h1>
         <br/>
         <br/>
         <h2>Latest Posts</h2>
         <hr/>
         <div>
             {% for blog in blogs.all %}
-                <h3><a href="">{{ blog.title }}</a></h3>
+                <h3><a href="{% url 'detail' blog.id %}">{{ blog.title }}</a></h3>
                 {{ blog.pubdate_pretty }}
                 <br />
                 <img class=img-fluid src="{{ blog.image.url }}" height="200" width="200" />
diff --git a/blog/templates/blog/detail.html b/blog/templates/blog/detail.html
index 0f63566..0212031 100644
--- a/blog/templates/blog/detail.html
+++ b/blog/templates/blog/detail.html
@@ -1 +1,94 @@
-{{ blog.title }}
\ No newline at end of file
+<!doctype html>
+<html lang="en">
+<head>
+    {% load static %}
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Jekyll v3.8.6">
+    <title>{{ blog.title }}</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/album/">
+
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
+    <!-- Favicons -->
+    <link rel="apple-touch-icon" href="/docs/4.4/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="/docs/4.4/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="/docs/4.4/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="/docs/4.4/assets/img/favicons/manifest.json">
+    <link rel="mask-icon" href="/docs/4.4/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
+    <link rel="icon" href="/docs/4.4/assets/img/favicons/favicon.ico">
+    <meta name="msapplication-config" content="/docs/4.4/assets/img/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#563d7c">
+
+
+    <style>
+        .bd-placeholder-img {
+            font-size: 1.125rem;
+            text-anchor: middle;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        @media (min-width: 768px) {
+            .bd-placeholder-img-lg {
+                font-size: 3.5rem;
+            }
+        }
+    </style>
+    <!-- Custom styles for this template -->
+    <link href="album.css" rel="stylesheet">
+</head>
+<body>
+<header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="{% url 'home' %}">Portfolio</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
+                aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+            <div class="navbar-nav" ml-auto>
+                <a class="nav-item nav-link active" href="{% url 'allblogs' %}">Blog</a>
+                <a class="nav-item nav-link" href="{% static 'resume.pdf' %}">Resume</a>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<main role="main">
+    <div class="container">
+        <h2 class="text-center pt-3">{{  blog.title }}</h2>
+                <p class="text-center">{{ blog.pubdate }}</p>
+                <img class=img-fluid src="{{ blog.image.url }}" />
+                <br />
+                <br />
+                <p>{{ blog.body }}</p>
+                <hr />
+        </div>
+    </div>
+</main>
+
+<footer class="text-muted">
+    <div class="container text-center">
+        <p>(c) Sharad Ahlawat {% now "Y" %}</p>
+    </div>
+</footer>
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
+        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
+        crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
+        crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/jobs/templates/jobs/home.html b/jobs/templates/jobs/home.html
index c9365f1..63efe40 100644
--- a/jobs/templates/jobs/home.html
+++ b/jobs/templates/jobs/home.html
@@ -1,12 +1,14 @@
 <!doctype html>
 <html lang="en">
 <head>
+    {% load static %}
+
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="description" content="">
     <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
     <meta name="generator" content="Jekyll v3.8.6">
-    <title>Album example · Bootstrap</title>
+    <title>Portfolio</title>
 
     <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/album/">
 
@@ -47,16 +49,15 @@
 <body>
 <header>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="#">Portfolio</a>
+        <a class="navbar-brand" href="{% url 'home' %}">Portfolio</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
             <div class="navbar-nav" ml-auto>
-                <a class="nav-item nav-link" href="#">Twitter</a>
-                <a class="nav-item nav-link" href="#">Resume</a>
-                <a class="nav-item nav-link" href="#">Blog</a>
+                <a class="nav-item nav-link" href="{% url 'allblogs' %}">Blog</a>
+                <a class="nav-item nav-link" href="{% static 'resume.pdf' %}">Resume</a>
             </div>
         </div>
     </nav>
@@ -68,6 +69,7 @@
         <div class="container">
             <h1>Code Portfolio</h1>
             <p class="lead text-muted">My code samples.</p>
+            <img src="{% static 'sharad.jpg' %}" height="300" />
             <p>
                 <a href="mailto:sharad@ahlawat.com" class="btn btn-primary my-2">Email Me</a>
             </p>
diff --git a/portfolio/settings.py b/portfolio/settings.py
index 2de05fa..44b9ad4 100644
--- a/portfolio/settings.py
+++ b/portfolio/settings.py
@@ -124,7 +124,11 @@ USE_TZ = True
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/3.0/howto/static-files/
 
+STATICFILES_DIRS = [
+    os.path.join(BASE_DIR, 'portfolio/static')
+]
 STATIC_URL = '/static/'
+STATIC_ROOT = os.path.join(BASE_DIR, 'static')
 
 MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
-MEDIA_URL = '/media/'
\ No newline at end of file
+MEDIA_URL = '/media/'
diff --git a/portfolio/static/resume.pdf b/portfolio/static/resume.pdf
new file mode 100644
index 0000000..a98a8f1
Binary files /dev/null and b/portfolio/static/resume.pdf differ
diff --git a/portfolio/static/sharad.jpg b/portfolio/static/sharad.jpg
new file mode 100644
index 0000000..c261a51
Binary files /dev/null and b/portfolio/static/sharad.jpg differ
