<!-- Blog version 2--> 
     
    <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' => 4, 
          ); 
          $recent = new WP_Query($args); 
          while($recent->have_posts()) : $recent->the_post(); 
        ?> 
        <div class="column is-6-tablet is-3-desktop"> 
          <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"> 
                <div class="block"> 
                <span class="is-size-7"><?php the_time();?> | <?php the_author()?></span> 
                </div> 
                  <h5 class="title is-6"> 
                    <?php the_title(); ?> 
                  </h5> 
                  <p> 
                  <?php the_excerpt();?> 
                  </p> 
                </div> 
              </div>
          </article> 
        </div><!-- /column --> 
        <?php endwhile; ?> 
      </div><!-- /columns --> 
      <div class="buttons is-centered"> 
          <a class="button is-primary" href="<?php the_permalink(111) ?>">Read more</a>     <!-- ID de "page des articles"--> 
      </div> 
    </div><!-- /container --> 
    </section> 
     
    <!-- /blog version 2-->