diff --git a/footer.php b/footer.php
index 4a81ad2..26db20b 100644
--- a/footer.php
+++ b/footer.php
@@ -50,7 +50,10 @@ function openBlog(evt, blogName) {
 }
 
 // Get the element with id="defaultOpen" and click on it
-document.getElementById("defaultOpen").click();
+var defaultOpen = document.getElementById("defaultOpen");
+if (defaultOpen) {
+  document.getElementById("defaultOpen").click();  
+}
 
 
       </script>
diff --git a/functions.php b/functions.php
new file mode 100644
index 0000000..0925b83
--- /dev/null
+++ b/functions.php
@@ -0,0 +1,10 @@
+<?php
+if ( function_exists( 'add_theme_support' ) ) { 
+    add_theme_support( 'post-thumbnails' );
+    // set_post_thumbnail_size( 150, 150, true ); // default Post Thumbnail dimensions (cropped)
+
+    // // additional image sizes
+    // // delete the next line if you do not need additional image sizes
+    // add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
+}
+?>
\ No newline at end of file
diff --git a/header.php b/header.php
index 72cdc26..abb50bf 100644
--- a/header.php
+++ b/header.php
@@ -40,7 +40,7 @@
           <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <div class="align-navbar">
               <ul class="nav navbar-nav navbar-right" >
-                <li class="test"><a href="#second" class="nav-link">ABOUT</a></li>
+                <li class="test"><a href="http://www.saburly.com" class="nav-link">ABOUT</a></li>
                 <li class="test"><a href="#work" class="nav-link">WORK</a></li>
                 <li class="test"><a href="#team" class="nav-link">TEAM</a></li>
                 <li class="test"><a href="#blog" class="nav-link">BLOG</a></li>
diff --git a/index.php b/index.php
index aeca9b1..51f40bc 100644
--- a/index.php
+++ b/index.php
@@ -7,100 +7,87 @@
       <div class="col-md-12 blog-intro">
         <h2 class="med-title text-center">Welcome</h2>
         <p class="tag-line text-center space20">Happy to have you on our blog page where we want to share our knowledge and jokes. 
-            <br class="hidden-xs hidden-sm">Enjoy!<br class="hidden-xs hidden-sm"></p>
-         
-      </div>
-    </div>
-  </div>  
-<!-- End welcome -->
+          <br class="hidden-xs hidden-sm">Enjoy!<br class="hidden-xs hidden-sm"></p>
 
-<!-- Start tabs -->
-<div class="space20">  
-    
-    <div class="tab container">
+        </div>
+      </div>
+    </div>  
+    <!-- End welcome -->
+
+    <!-- Start tabs -->
+    <div class="space20">  
+
+      <div class="tab container">
         <button class="tablinks" onclick="openBlog(event, 'Learn')" id="defaultOpen">Learn</button>
         <button class="tablinks" onclick="openBlog(event, 'Fun')">Fun</button>
       </div>
       
       <div id="Learn" class="tabcontent">
-          <section class="tabcontainer" id="team">
-              <div class="container">
-                      <div class="row space40">
-                          <a href="<?php get_permalink(1); ?>">
-                            <div class="col-md-6 col-sm-6 text-center">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-1.png" class="img-responsive center-block hidden-xs" alt="team1">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-1.png" class="img-responsive center-block visible-xs" alt="team1">
-                            <h4 class="heading-tag">Some text or title</h4>
-                            <p class="hint text-center">17 December</p>
-                            <p class="hint text-center">Senad Uka</p>
-                            </div>
-                          </a>
-                      
-                          <a href="<?php  get_permalink(1); ?>">
-                            <div class="col-md-6 col-sm-6 text-center">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-2.png" class="img-responsive center-block hidden-xs" alt="team2">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-2.png" class="img-responsive center-block visible-xs" alt="team1">
-                            <h4 class="heading-tag">Some text or title</h4>
-                            <p class="hint text-center">17 December</p>
-                            <p class="hint text-center">Edin Dazdarevic</p>
-                            </div>
-                           </div>
-                          </a>
-          
-                        <div class="row space40">
-                        <a href="<?php  get_permalink(1); ?>">
-                          <div class="col-md-6 col-sm-6 text-center">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team3">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
-                            <h4 class="heading-tag">Some text or title</h4>
-                            <p class="hint text-center">17 December</p>
-                            <p class="hint text-center">Senad Uka</p>
-                          </div>
-                        </a> 
-                        <a href="Blog.html">
-                          <div class="col-md-6 col-sm-6 text-center">
-                              <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team3">
-                              <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
-                              <h4 class="heading-tag">Some text or title</h4>
-                              <p class="hint text-center">17 December</p>
-                              <p class="hint text-center">Edin Dazdarevic</p>
-                            </div>
-                        </a>     
-                        </div>          
-                </div>
-          </section>
-      </div>
-      
-      <div id="Fun" class="tabcontent">
-          <section class="tabcontainer" id="team">
-              <div class="container">
-                <div class="row">
-                  <div class="col-md-12">
-                      <div class="row space40">
-                          <a href="Blog.html">
-                          <div class="col-md-6 col-sm-6 text-center">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team1">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
-                            <h4 class="heading-tag">Some text or title</h4>
-                            <p class="hint text-center">17 December</p>
-                            <p class="hint text-center">Senad Uka</p>
-                          </div>
-                          </a> 
-                          <a href="Blog.html">
-                          <div class="col-md-6 col-sm-6 text-center">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team2">
-                            <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
-                            <h4 class="heading-tag">Some text or title</h4>
-                            <p class="hint text-center">17 December</p>
-                            <p class="hint text-center">Edin Dazdarevic</p>
-                          </div>
-                          </a>
-                        </div> 
-                  </div>
-                </div>  
+        <section class="tabcontainer" id="team">
+          <div class="container">
+
+
+           <?php $count = 0; //set up counter variable ?>
+
+
+           <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
+             <?php if ($count % 2 == 0): ?>
+              <div class="row space40">
+              <?php endif; ?>
+
+              <div class="col-md-6 col-sm-6 text-center">
+                <a href="<?php echo get_permalink(); ?>">
+                <img src="<?php the_post_thumbnail_url(); ?>" class="img-responsive center-block hidden-xs" alt="team1">
+                <img src="<?php the_post_thumbnail_url(); ?>" class="img-responsive center-block visible-xs" alt="team1">
+                <h4 class="heading-tag"><?php the_title(); ?></h4>
+                <p class="hint text-center"><?php the_date(); ?></p>
+                <p class="hint text-center"><?php the_author(); ?></p>
+              </a>
               </div>
-          </section>
+
+              <?php if ($count % 2 != 0): ?>
+              </div>
+              <?php endif; ?>
+
+              <?php $count++; ?>
+
+          <?php endwhile; else: ?>
+          <?php _e( 'Sorry, no posts matched your criteria.', 'textdomain' ); ?>
+        <?php endif; ?>         
       </div>
+    </section>
+  </div>
+
+  <div id="Fun" class="tabcontent">
+    <section class="tabcontainer" id="team">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="row space40">
+              <a href="Blog.html">
+                <div class="col-md-6 col-sm-6 text-center">
+                  <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team1">
+                  <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
+                  <h4 class="heading-tag">Some text or title</h4>
+                  <p class="hint text-center">17 December</p>
+                  <p class="hint text-center">Senad Uka</p>
+                </div>
+              </a> 
+              <a href="Blog.html">
+                <div class="col-md-6 col-sm-6 text-center">
+                  <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team2">
+                  <img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
+                  <h4 class="heading-tag">Some text or title</h4>
+                  <p class="hint text-center">17 December</p>
+                  <p class="hint text-center">Edin Dazdarevic</p>
+                </div>
+              </a>
+            </div> 
+          </div>
+        </div>  
+      </div>
+    </section>
+  </div>
 </div> 
 </section>     
 <!-- End tabs -->  
diff --git a/single.php b/single.php
index 7c6f683..2c051e5 100644
--- a/single.php
+++ b/single.php
@@ -1,7 +1,6 @@
 <?php get_header(); ?>
+<?php if( have_posts() ) the_post(); ?>
 
-    
- 
 <!-- Start blog image --> 
 <section>
         <div>
@@ -19,91 +18,43 @@
         <div class="blog-container ">
           <div class="row">
             <div class="blog-intro space20">
-              <h2 class="med-title text-center">Some cool title</h2>
+              <h2 class="med-title text-center"><?php the_title(); ?></h2>
             </div>
           </div>
       
             <div class="flex-center space20">
-              <p class="details2 text-center" style="padding-right: 20px;">Senad Uka</p>
-              <p class="details2 text-center">17 October</p>
+              <p class="details2 text-center" style="padding-right: 20px;"><?php the_author(); ?></p>
+              <p class="details2 text-center"><?php the_date(); ?></p>
             </div>
 
             <div class="flex-center space20">
-                    <img class="social-icons" src="img/facebook.svg">
-                    <img class="social-icons" src="img/linkedin.svg">
-                    <img class="social-icons" src="img/twitter-logo.svg">
-                    <img class="social-icons" src="img/ic_share.svg">
+                    <img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/facebook.svg">
+                    <img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/linkedin.svg">
+                    <img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/twitter-logo.svg">
+                    <img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/ic_share.svg">
                   </div>
-                <p class="tag-line text-center space20">Curabitur vitae feugiat nibh. In leo erat, blandit non scelerisque a, pretium in massa. Praesent vel nibh tincidunt, faucibus mi sed, sodales dolor.</p>
            </div>  
 </section>          
 <!-- End blog title -->
 <section>
         <div class="blog-container space20">
-                <div class="flex-center text-left">
-                        <p class="details2">The $79 iWork ’08 
-                            appears to be a good deal for anyone needing an affordable office suite for the Mac.
-                             Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant 
-                             no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought 
-                             Microsoft Excel because iWork lacked a spreadsheet application.</p>
-    
-                </div>
-               
-                <div class="flex-center text-left space10">
-                        <p class="details2">The $79 iWork ’08 
-                            appears to be a good deal for anyone needing an affordable office suite for the Mac.
-                             Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant 
-                             no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought 
-                             Microsoft Excel because iWork lacked a spreadsheet application.</p>
-    
-                </div>
-                <div>
-                  <img class="img-within-text" src="img/blog-img-3.png">
 
-                </div>
-                <div class="flex-center text-left space10">
-                        <p class="details2">The $79 iWork ’08 
-                            appears to be a good deal for anyone needing an affordable office suite for the Mac.
-                             Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant 
-                             no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought 
-                             Microsoft Excel because iWork lacked a spreadsheet application.</p>
-    
-                </div>
-                
-            </div>
-
-            <div class="blog-container-line highlight-line  space20">
-                    <div class= "flex-center text-left">
-                            <p class="highlighted-text">However, with the addition of Numbers and the release of Microsoft’s 
-                                Office for Mac 2008 delayed until January, Mac users may stick to Apple’s less expensive option. 
-                                We’re also happy that Mac hasn’t changed its file formats as Microsoft did with Office 2007. We like 
-                                the sparse interfaces throughout the iWork package.</p>
-        
-                    </div>
-            </div>
-            <div class="blog-container space20">
-                    <div class="flex-center text-left space10">
-                            <p class="details2">The $79 iWork ’08 
-                                appears to be a good deal for anyone needing an affordable office suite for the Mac.
-                                 Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant 
-                                 no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought 
-                                 Microsoft Excel because iWork lacked a spreadsheet application.</p>
-                    </div>
-
-            </div>
-                    
-        </div>
+  <?php the_content(); ?>
+</div>
 </section>
+
+
+
 <!-- Start Hire us --> 
 <section class="hire-us-section space40 id="scene""> 
     <div class="container blog-container ">
         <p class="hire-us-text text-center space20">Besides writing interesting blog posts - we also implement boring and not so boring software - so if you need something, feel free to 
                 <br><a class="hire-us-link" href="http://www.saburly.com#contact">HIRE US!</a></br></p>
        <div class="hire-us-arrows">
-         <img class="arrow animated hire-us" src="img/hire-us-arrow1.svg">
-         <!--<img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow2.svg">
-         <img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow3.svg">
-         -->
+         <img class="arrow animated hire-us" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow1.svg">
+         <!-- <img class="arrow animated bounce" style="padding-left: 20px" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow2.svg"> -->
+         <!-- <img class="arrow animated bounce" style="padding-left: 20px" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow3.svg"> -->
+         
        </div>        
     </div>
 </section>
diff --git a/style.css b/style.css
index 6be3ae5..beb0a6a 100644
--- a/style.css
+++ b/style.css
@@ -218,7 +218,6 @@ ul,p{
 	position: relative;
 
 }
-
 .blog-intro{
 	height: auto;
 }
@@ -260,7 +259,7 @@ ul,p{
 	padding-bottom: 10px;
 }
 .article-img-wrraper {
-	background:url(../img/blog-img.png)center no-repeat;
+	background:url(./img/blog-img.png)center no-repeat;
 	display: block;
 	margin: auto;
 	width: 100%;
@@ -272,7 +271,11 @@ ul,p{
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
+	color: #898AB9;
+    font-size: 16px;
+	font-weight: 300;
 }
+
 .highlighted-text {
 	color: #26245F;
 	font-weight: 300;
@@ -423,11 +426,6 @@ div.tab button.active {
     margin: 30px 0;
     font-weight: 500;
 }
-.details2{
-	color: #898AB9;
-    font-size: 16px;
-	font-weight: 300;
-}
 .flex-center {
 	display: flex;
 	justify-content: center;
@@ -457,7 +455,7 @@ div.tab button.active {
 }
 
 .banner{
-	background:url(../img/blog-img.png)center no-repeat;
+	background:url(./img/blog-img.png)center no-repeat;
 	width: 100%;
 	height: 550px;
 	display: table;
@@ -477,7 +475,7 @@ div.tab button.active {
 
 /*------------------------Footer-------------------------*/
 footer{
-	background:url(../img/footer.png)no-repeat;
+	background:url(./img/footer.png)no-repeat;
 	background-size: cover;
 	padding: 70px 0;
 }