diff --git a/about-page-template.php b/about-page-template.php
new file mode 100644
index 0000000..ceae80a
--- /dev/null
+++ b/about-page-template.php
@@ -0,0 +1,72 @@
+<?php
+/*
+ * Template Name: About Page Template
+ */
+get_header();
+?>
+<body <?php body_class(); ?>>
+<?php get_template_part( "hero-page" ); ?>
+
+<div class="posts">
+    <?php
+    while ( have_posts() ) :
+        the_post();
+        ?>
+        <div class="post" <?php post_class(); ?>>
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-10 offset-md-1">
+                        <h2 class="post-title text-center">
+                            <?php the_title(); ?>
+                        </h2>
+                        <p class="text-center">
+                            <em><?php the_author(); ?></em><br/>
+                            <?php echo get_the_date(); ?>
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-10 offset-md-1">
+                        <p>
+                            <?php
+                            if ( has_post_thumbnail() ) {
+                                $thumbnail_url = get_the_post_thumbnail_url( null, "large" );
+                                printf( '<a class="popup" href="%s" data-featherlight="image">', $thumbnail_url );
+                                the_post_thumbnail( "large", array( "class" => "img-fluid" ) );
+                                echo '</a>';
+                            }
+
+                            the_content();
+
+                            /*next_post_link();
+                            echo "<br/>";
+                            previous_post_link();*/
+
+                            ?>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    <?php
+    endwhile;
+    ?>
+
+    <div class="container post-pagination">
+        <div class="row">
+            <div class="col-md-4"></div>
+            <div class="col-md-8">
+                <?php
+                the_posts_pagination( array(
+                    "screen_reader_text" => ' ',
+                    "prev_text"          => "New Posts",
+                    "next_text"          => "Old Posts"
+                ) );
+                ?>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<?php get_footer(); ?>
diff --git a/assets/js/main.js b/assets/js/main.js
index 48cf460..10e95d5 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,8 +1,8 @@
 ; (function($){
     $(document).ready(function(){
-        $(".popup").each(function(){
+        /*$(".popup").each(function(){
             var image = $(this).find("img").attr("src");
             $(this).attr("href",image);
-        });
+        });*/
     });
 })(jQuery);
\ No newline at end of file
diff --git a/hero-page.php b/hero-page.php
new file mode 100644
index 0000000..63439c5
--- /dev/null
+++ b/hero-page.php
@@ -0,0 +1,34 @@
+<?php
+$alpha_feat_image = get_the_post_thumbnail_url(null,"large");
+?>
+<div class="header page-header" style="background-image: url(<?php echo $alpha_feat_image;?>);">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                <h3 class="tagline">
+                    <?php bloginfo( "description" ); ?>
+                </h3>
+                <h1 class="align-self-center display-1 text-center heading">
+                    <a href="<?php echo site_url(); ?>"><?php bloginfo( "name" ); ?></a>
+                </h1>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="navigation">
+                <?php
+                wp_nav_menu(
+                    array(
+                        'theme_location' => 'topmenu',
+                        'menu_id'        => 'topmenucontainer',
+                        'menu_class'     => 'list-inline text-center',
+                    )
+                );
+                ?>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/index.php b/index.php
index 6be0e89..b072a1a 100644
--- a/index.php
+++ b/index.php
@@ -27,9 +27,8 @@
                         <p>
                             <?php
                             if ( has_post_thumbnail() ) {
-                                //$thumbnail_url = get_the_post_thumbnail_url(null,"large");
-                                //echo '<a href="'.$thumbnail_url.'" data-featherlight="image">';
-                                echo  '<a class="popup" href="#" data-featherlight="image">';
+                                $thumbnail_url = get_the_post_thumbnail_url(null,"large");
+                                printf( '<a href="%s" data-featherlight="image">', $thumbnail_url);
                                 the_post_thumbnail( "large", array( "class" => "img-fluid" ) );
                                 echo '</a>';
                             }
diff --git a/page.php b/page.php
new file mode 100644
index 0000000..33c8322
--- /dev/null
+++ b/page.php
@@ -0,0 +1,67 @@
+<?php get_header(); ?>
+<body <?php body_class(); ?>>
+<?php get_template_part( "hero" ); ?>
+
+    <div class="posts">
+        <?php
+        while ( have_posts() ) :
+            the_post();
+            ?>
+            <div class="post" <?php post_class(); ?>>
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-10 offset-md-1">
+                            <h2 class="post-title text-center">
+                                <?php the_title(); ?>
+                            </h2>
+                            <p class="text-center">
+                                <em><?php the_author(); ?></em><br/>
+                                <?php echo get_the_date(); ?>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-10 offset-md-1">
+                            <p>
+                                <?php
+                                if ( has_post_thumbnail() ) {
+                                    $thumbnail_url = get_the_post_thumbnail_url( null, "large" );
+                                    printf( '<a class="popup" href="%s" data-featherlight="image">', $thumbnail_url );
+                                    the_post_thumbnail( "large", array( "class" => "img-fluid" ) );
+                                    echo '</a>';
+                                }
+
+                                the_content();
+
+                                /*next_post_link();
+                                echo "<br/>";
+                                previous_post_link();*/
+
+                                ?>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        <?php
+        endwhile;
+        ?>
+
+        <div class="container post-pagination">
+            <div class="row">
+                <div class="col-md-4"></div>
+                <div class="col-md-8">
+                    <?php
+                    the_posts_pagination( array(
+                        "screen_reader_text" => ' ',
+                        "prev_text"          => "New Posts",
+                        "next_text"          => "Old Posts"
+                    ) );
+                    ?>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+<?php get_footer(); ?>
\ No newline at end of file
diff --git a/single.php b/single.php
index 76fe9bb..f44045f 100644
--- a/single.php
+++ b/single.php
@@ -27,9 +27,8 @@
                                         <p>
                                             <?php
                                             if ( has_post_thumbnail() ) {
-                                                //$thumbnail_url = get_the_post_thumbnail_url(null,"large");
-                                                //echo '<a href="'.$thumbnail_url.'" data-featherlight="image">';
-                                                echo  '<a class="popup" href="#" data-featherlight="image">';
+                                                $thumbnail_url = get_the_post_thumbnail_url(null,"large");
+                                                printf( '<a class="popup" href="%s" data-featherlight="image">',$thumbnail_url);
                                                 the_post_thumbnail( "large", array( "class" => "img-fluid" ) );
                                                 echo '</a>';
                                             }
@@ -43,13 +42,13 @@
                                             ?>
                                         </p>
                                     </div>
-                                    <?php /*if ( comments_open() ): */?><!--
-                            <div class="col-md-10 offset-md-1">
-                                <?php
-                                    /*                                comments_template();
-                                                                    */?>
-                            </div>
-                        --><?php /*endif; */?>
+                                    <?php if ( comments_open() ): ?>
+                                        <div class="col-md-10 offset-md-1">
+                                            <?php
+                                            comments_template();
+                                            ?>
+                                        </div>
+                                    <?php endif; ?>
                                 </div>
                             </div>
                         </div>
@@ -75,8 +74,8 @@
             </div>
             <div class="col-md-4">
                 <?php
-                if(is_active_sidebar("sidebar-1")){
-                    dynamic_sidebar("sidebar-1");
+                if ( is_active_sidebar( "sidebar-1" ) ) {
+                    dynamic_sidebar( "sidebar-1" );
                 }
                 ?>
             </div>
diff --git a/style.css b/style.css
index 321cef4..46ecdfe 100644
--- a/style.css
+++ b/style.css
@@ -72,4 +72,15 @@ h2.post-title {
 
 .tags li{
     color: #3D9970;
+}
+
+.page-header{
+    background-position: center;
+    background-size: cover;
+    margin-bottom:30px;
+    padding:170px 0px;
+}
+.page-header h1.heading a{
+    color: #222;
+    text-decoration: none;
 }
\ No newline at end of file
