
    <?php 
/* 
Template Name: Page Parallax 
*/ 
?> 
 
<?php include('head.php') ; ?> 
 
 
<body> 
<!-- partial:index.partial.html --> 
<div id="scroll-animate"> 
  <div id="scroll-animate-main"> 
    <div class="wrapper-parallax"> 
      <header> 
      <!-- navigation classique--> 
      <nav class="navbar classique" aria-label="main navigation"> 
        <div class="navbar-brand"> 
          <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
            <p class="is-size-5"><?php bloginfo('name');?></p> 
          </a> 
          <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="menu"> 
            <span aria-hidden="true"></span> 
            <span aria-hidden="true"></span> 
            <span aria-hidden="true"></span> 
          </a> 
        </div> 
        <div id="menu" class="navbar-menu"> 
          <div class="navbar-start"> 
            <?php wp_nav_menu(array( 
              'theme-location' => 'header-menu', //change it according to your register_nav_menus() function 
              'depth' => 2, 
              'container' => 'navbar-end', 
              'items_wrap' => '%3$s', 
              'walker' => new Bulma_Walker(), 
            )); 
            ?> 
          </div> 
          <div class="navbar-end"> 
            <div class="navbar-item"> 
              <div class="field is-grouped"> 
                <form role="search" method="get" class="control is-expanded has-icons-left search-form" action="<?php echo home_url( '/' ); ?>"> 
                  <input type="search" class="input" placeholder="" value="" name="s" title="Rechercher :" /> 
                  <span class="icon is-small is-left"> 
                    <i class="fas fa-search"></i> 
                  </span> 
                </form> 
              </div> 
            </div> 
          </div> 
        </div> 
      </nav> 
      <!-- / navigation classique--> 
 
      <h1 style= '  width: 100%; 
                    height: 100%; 
                    padding: 0; 
                    margin: 0; 
                    text-transform: uppercase; 
                    text-align: center; 
                    font-family: Helvetica; 
                    font-size: 150px; 
                    color: #fff;'> 
                    PARALLAX</h1> 
        
  </header> 
 
  <section class="content-p"> 

      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>	 
      <div class="content"> 
        <h1 class="title is-1"><?php the_title(); ?><?php edit_post_link(' &#9998;'); ?></h1>					 
        <?php the_content();?> 
        <?php include('share.php') ;?> 
      </div><!-- Texte --> 
    <?php endwhile;?> 
    <?php else: ?> 
      <div class="column is-8 is-offset-2"> 
        <h2><?php _e( 'Sorry, nothing to display.', 'emandarine' ); ?></h2> 
      </div> 
    <?php endif;?>
 
        <!-- 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' => 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">  
                    <h1 class="title is-spaced is-4">  
                      <?php the_title(); ?>  
                    </h1>  
                    <div>  
                      <p class="subtitle is-6"><?php the_excerpt();?></p>  
                      <a href="<?php the_permalink(); ?>">Read more</a>  
                    </div>  
                  </div>  
                </div>  
              </a>  
            </article>  
          </div><!-- /column -->  
          <?php endwhile; ?>  
        </div><!-- /columns -->  
      </div><!-- /container -->  
    </section>  
    <!-- /blog version 2--> 
  </section> 
   
  <footer> 
    <!--footer--> 
    <div class="container"> 
      <div class="columns is-multiline is-centered"> 
        <!-- Logo --> 
        <div class="column is-3"> 
          <a class="logo-footer" href="<?php echo home_url(); ?>"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" alt="logo"> 
          </a> 
        </div> 
        <!-- Adresse --> 
        <div class="column is-3"> 
          <div class="field has-addons"> 
            <div class="media"> 
              <p class="media-left is-size-5"> 
                <span class="icon"><i class="far fa-building" aria-hidden="true" title="Nom"></i></span> 
              </p> 
              <p class="media-content is-size-6">Entreprise 
              </p> 
            </div> 
          </div> 
          <div class="field has-addons"> 
            <div class="media"> 
              <p class="media-left is-size-5"> 
                <span class="icon"><i class="fas fa-road" aria-hidden="true" title="Adresse"></i></span> 
              </p> 
              <p class="media-content is-size-6">Rue 
              </p> 
            </div> 
          </div> 
          <div class="field has-addons"> 
            <div class="media"> 
              <p class="media-left is-size-5"> 
                <span class="icon"><i class="fas fa-map-marker-alt" aria-hidden="true" title="Ville"></i></span> 
              </p> 
              <p class="media-content is-size-6">86xxx Ville 
              </p> 
            </div> 
          </div> 
          <div class="field has-addons"> 
            <div class="media"> 
              <p class="media-left is-size-5"> 
                <span class="icon"><i class="fas fa-phone" aria-hidden="true" title="téléphone"></i></span> 
              </p> 
              <p class="media-content is-size-6"> 
                <a href="tel:+33xxxxxxxxx" title="Communication directe"> 05 49 00 00 00</a> 
              </p> 
            </div> 
          </div> 
          <nav class="level is-mobile"> 
            <div class="level-left is-size-5"> 
                <a class="level-item" href=""><span class="icon"><i class="fab fa-facebook-f" aria-hidden="true"></i></span></a> 
                <a class="level-item" href=""><span class="icon"><i class="fab fa-twitter" aria-hidden="true"></i></span></a> 
                <a class="level-item" href=""><span class="icon"><i class="fab fa-youtube" aria-hidden="true"></i></span></a> 
                <a class="level-item" href=""><span class="icon"><i class="fab fa-instagram" aria-hidden="true"></i></span></a> 
                <a class="level-item" href=""><span class="icon"><i class="fas fa-map-marked-alt"></i></span></a> 
            </div> 
          </nav> 
        </div> 
        <!-- Formulaire de contact --> 
        <div class="column is-6"> 
          <?php echo do_shortcode('[contact-form-7 title="Formulaire-emandarine"]'); ?> 
        </div> 
      </div> 
 
      <!-- Copyright --> 
      <p class="has-text-centered"> 
        <?php echo date('Y'); ?> ©  <?php bloginfo('name'); ?> - <a href="<?php echo site_url(); ?>/mentions-legales/">Mentions légales</a> - <a href="<?php echo site_url(); ?>/politique-de-confidentialite-rgpd/">Politique de confidentialité </a> - <a href="<?php echo site_url(); ?>/wp-admin/">Panneau d'administration</a> 
 
      </p> 
    </div> 
   <!-- / .footer --> 
 
  <!-- crédit --> 
  <div class="section credit"> 
    <div class="container"> 
    <div class="columns is-centered is-vcentered"> 
      <a href="https://www.emandarine.com/" title="Agence Marketing Digital & Web emandarine"> 
        <div class="media"> 
          <figure class="media-left"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo-ariya.svg" alt="logo Ariya"> 
          </figure> 
          <div class="media-content"> 
            <div class="content is-size-7"> 
              <p>Création web : ariya by emandarine</p> 
              <p>Stratégie webmarketing : emandarine</p> 
            </div> 
          </div> 
          <figure class="media-right"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo-emandarine.svg" alt="logo emandarine"> 
          </figure> 
        </div> 
      </a> 
    </div> 
    </div> 
  </div> 
 
  <!-- SCROLL TO TOP --> 
  <a href="#top" id="smoothup" title="Top"><i class="fas fa-arrow-up"></i></a> 
 
      </footer> 
    </div> 
  </div> 
</div> 
<!-- partial --> 
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
  <script  src="<?php echo get_template_directory_uri(); ?>/js/parallax.js"></script> 
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/parallax.css"> 
 
 
</body> 
</html> 
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------>