<?php get_header(); ?>

<!-- Start welcome -->
<section class="welcome">
  <div class="container">
    <div class="row">
      <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 -->

<!-- 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>  
              </div>
          </section>
      </div>
</div> 
</section>     
<!-- End tabs -->  

<?php
get_footer();

