<?php
/**
 * The template for displaying pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since WPA Italia Digitale 2.2
 */

get_header();
while ( have_posts() ) : the_post();  ?>
<section id="main">
  <div class="u-layout-wide u-layoutCenter u-layout-withGutter u-padding-r-bottom u-padding-top-s">
      <nav aria-label="<?php echo __('You are here','wpaitaliadigitale'); ?>:" >
        <ol class="Breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
          <?php if(function_exists('bcn_display'))
            {
                bcn_display();
            }?>
        </ol>
    </nav>
  </div>

    <div class="u-layout-wide u-layout-withGutter u-layoutCenter u-padding-r-top">
		<h1 class="u-text-h2"><?php echo __('Video','wpaitaliadigitale'); ?></h1>
          		<div class="Grid Grid--withGutter u-margin-top-m margin-top-m u-text-r-l">
					<?php

						echo '<div class="Grid-cell usizefull u-sm-size1of2 u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom ">
		              <article class="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
		                <div class="Card-image u-background-70 u-padding-all-s">
		                    <div class="rwd-video">
		                       '.get_the_content().'
		                    </div>
		                    <div class="u-padding-r-top">
		                    <span class="Icon Icon-calendar u-color-grey-30 u-floatLeft u-text-r-s u-margin-right-xs" aria-hidden="true"></span>
		                    <p class="u-color-grey-30 u-text-r-xs u-textWeight-700 u-padding-bottom-s">'.__('Published on','wpaitaliadigitale').' '.get_the_date('j/m/Y').'</p>
		                  </div>
		                </div>
		                <div class="Card-content">
		                  <h2 class="Card-title u-textClean u-color-black u-text-r-s">
		                      '.get_the_title().'
		                  </h2>
		                </div>
		              </article>
		            </div>';
		            ?>

      		</div>
  	</div>
</section>
<?php endwhile;
get_footer(); ?>
