<?php
/**
 * The template for displaying the footer
 *
 * Contains the opening of the #site-footer div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

?>
	<div class="container footer-widget-area">
		<div class="row">
			<div class="col-md-4">
				<?php dynamic_sidebar( 'footer_col_1' ); ?>
			</div>
			<div class="col-md-3">
				<?php dynamic_sidebar( 'footer_col_2' ); ?>
			</div>
			<div class="col-md-3">
				<?php dynamic_sidebar( 'footer_col_3' ); ?>
			</div>
			<div class="col-md-2">
				<?php dynamic_sidebar( 'footer_col_4' ); ?>
			</div>
		</div><!--row-->
	</div><!--container-->

			<footer id="site-footer" role="contentinfo" class="header-footer-group">

				<div class="section-inner">



					<div class="footer-credits">

						<p class="footer-copyright">
							&copy; Copyright
							<?php echo date_i18n(_x('Y', 'copyright date format', 'twentytwenty')); ?>
							- <a alt="Herminette Artisan Charpentier et Maison en Bois" title="Herminette - Artisan Charpentier et Maison en bois"href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?>, Artisan Charpentier</a>.
							Tous les droits sont réservés.<br/>
							<a href="<?php echo get_page_link(1625); ?>"> Mentions légales</a> -
							<a href="<?php echo get_page_link(3081); ?>"> Conditions générales de vente</a> -
							<a href="<?php echo get_page_link(1476); ?>"> Politique de confidentialité</a>
						</p><!-- .footer-copyright -->

					</div><!-- .footer-credits -->

					<a class="to-the-top" href="#site-header">
						<span class="to-the-top-long">
							<?php
							/* translators: %s: HTML character for up arrow. */
							printf( __( 'To the top %s', 'twentytwenty' ), '<span class="arrow" aria-hidden="true">&uarr;</span>' );
							?>
						</span><!-- .to-the-top-long -->
						<span class="to-the-top-short">
							<?php
							/* translators: %s: HTML character for up arrow. */
							printf( __( 'Up %s', 'twentytwenty' ), '<span class="arrow" aria-hidden="true">&uarr;</span>' );
							?>
						</span><!-- .to-the-top-short -->
					</a><!-- .to-the-top -->

				</div><!-- .section-inner -->

			</footer><!-- #site-footer -->

		<?php wp_footer(); ?>

		<!-- Masonry grid CDN -->

		<script type="text/javascript">

	var msnry = new Masonry( '.grid', {
		horizontalOrder: true
});

	// init Masonry
var $grid = $('.grid-item').masonry({
  // options...
});

// layout Masonry after each image loads
$grid.imagesLoaded().progress(function() {
  $grid.masonry('layout');
});


//var $grid = $('.grid').masonry({
 // columnWidth: 80
//});
// change size of item by toggling gigante class
//$grid.on( 'load', '.grid-item', function() {
  //$(this).toggleClass('gigante');
  // trigger layout after item size changes
  //$grid.masonry('layout');
//});

</script>



<!-- script scrollReaveal -->
<script type="text/javascript">
	ScrollReveal().reveal('.grid-item');
</script>


	</body>
</html>
