<!-- Blog version 1--> 
     
    <section class="section blog"> 
    <div class="container"> 
    <h2 class="title has-text-centered">Some of our awesome features</h2> 
      <div class="columns is-multiline"> 
        <?php 
          $args = array( 
            'posts_per_page' => 3, 
          ); 
          $recent = new WP_Query($args); 
          while($recent->have_posts()) : $recent->the_post(); 
        ?> 
        <div class="column is-4"> 
          <article> 
              <div class="card"> 
                <div class="card-image"> 
                  <?php if (has_post_thumbnail() ) {?> 
                  <picture> 
                    <?php the_post_thumbnail(); ?> 
                  </picture> 
                  <?php } else { ?> 
                  <?php 
                    $curdir=getcwd(); chdir(get_template_directory() . "/css/img/random/"); 
                    $files=glob("*.{gif,png,jpg,gif}", GLOB_BRACE); 
                    chdir($curdir); 
                    $file=$files[array_rand($files)]; 
                  ?> 
                  <picture> 
                    <img src="<?php echo(get_bloginfo('template_url')."/css/img/random/$file"); ?>" alt="<?php bloginfo( 'name' ); ?>" /> 
                  </picture> 
                  <?php } ?> 
                </div> 
                <div class="card-content"> 
                <span class="is-size-7"><?php the_time();?></span> 
                  <h1 class="title is-spaced is-4"> 
                    <?php the_title(); ?> 
                  </h1> 
                  <div> 
                    <a class="button is-primary" href="<?php the_permalink() ?>">Read more</a> 
                  </div> 
                </div> 
              </div> 
            </a> 
          </article> 
        </div><!-- /column --> 
        <?php endwhile; ?> 
      </div><!-- /columns --> 
    </div><!-- /container --> 
    </section> 
     
    <!-- /blog version 1-->