18/06/2020, 19:09:34
Code :
Voila merci
{strip}
{block name='top'}
{* Define the main content block, and header image. Three versions of the header image are requested, which allows for smaller versions to be served for mobile devices *}
{$content="{content wysiwyg=false}" scope=global}
{$header_large="{content_image block='header_large' tab='Images' label='Header Image (desktop: at least 1200px wide)' urlonly=1}" scope=global}
{$header_medium="{content_image block='header_medium' tab='Images' label='Header Image (tablet: 1024px wide)' urlonly=1}" scope=global}
{$header_small="{content_image block='header_small' tab='Images' label='Header Image (mobile: 640px wide)' urlonly=1}" scope=global}
{/block}
{process_pagedata}
{/strip}<!doctype html>
<html class="no-js" lang="{cms_get_language|truncate:2:"":true}">
<head>
<title>{title} - {sitename}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{metadata}
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />
{/if}
{* Feel free to replace the Google fonts, just remember to update the stylesheet as well *}
<link href="https://fonts.googleapis.com/css?family=Raleway|Sacramento" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />
{cms_stylesheet}
<script src="https://use.fontawesome.com/914ad24785.js"></script>
</head>
<body>
{* Edit the header to contain your own logo and tagline. By default the logo will be the site name as defined in Global Settings *}
<header id="header" class="text-center, clearfix" style="margin:1rem;">
<div style="text-align:center;">
<!-- a href="{root_url}" title="home"><img style="margin:0 5rem;" alt="Accueil" src="uploads/images/Logos/LogoCRP_200px.png">
<img style="margin:1rem 5rem;" src="uploads/images/Logos/cantons.png" /></a -->
<!-- ERREUR AU DESSUS liens images NON correct -->
<a href="{root_url}" title="home"><img style="margin:0 5rem;" alt="Accueil" src="/uploads/CRP tout/Logos/LogoCRP_200px.png">
<img style="margin:1rem 5rem;" src="/uploads/CRP tout/Logos/cantons.png " /></a>
</div>
</header>
<div id="top-bar" data-sticky-container>
<div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%" data-top-anchor="top-bar:top" data-sticky-on="small">
<div class="column row">
<div class="top-bar-left">
<div id="sticky-logo">
<a href="{root_url}" title="home">{sitename}</a>
</div>
<div id="menu-toggle" data-responsive-toggle="top-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="top-menu"></button>
</div>
</div>
<div id="top-menu" class="top-bar-right">
{Navigator template='bandb_topnav'}
</div>
</div>
</div>
</div>
{block name='header-image'}
{* Header image uses the Interchange plugin - see the Zurb Foundation documentation for more information *}
{if $header_large}
<div id="header-image" class="row expanded text-center">
<img alt="{title}" data-interchange="[{$header_small}, small], [{$header_medium}, medium], [{$header_large}, large]">
</div>
{/if}
{/block}
{block name='content'}
<div class="column row text-center">
<h3>{title}</h3>
{$content}
</div>
{/block}
{* Populate the social media links as needed. Icons are generated with FontAwesome (http://fontawesome.io/) *}
<div class="row expanded text-center divider">
</div>
{block name="content-2"}
{/block}
<footer class="row expanded">
<div class="row">
{* footer column 1: site navigation *}
<div class="column medium-3">
<h4 class="text-center">Site Map</h4>
{Navigator template='bandb_footernav' loadprops=0}
</div>
{* footer column 2: map (update with your own Google map or static image *}
<div class="column medium-3">
<h4 class="text-center">Nous trouver</h4>
<div class="responsive-embed">
<iframe src="https://www.google.com/maps/embed?pb=!1m21!1m12!1m3!1d148086.80914668052!2d6.496175004266068!3d46.56787429686414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m6!3e6!4m0!4m3!3m2!1d46.5680765!2d6.6135312!5e0!3m2!1sen!2sch!4v1505406961847" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
{* footer column 3: contact info (update with your own info) *}
<div id="contact" class="column medium-3">
<h4 class="text-center">Contact</h4>
<ul class="no-bullet">
<li><i class="fa fa-phone-square"></i><a href="callto:0793428158">079 342 81 58</a></li>
<li><i class="fa fa-envelope-square"></i>{mailto address="info@crplausanne.ch" encode="javascript"}</li>
<li>Stand de Vernand<br>Rte de la Blecherette 2<br>1032 Romanel-sur-Lausanne</li>
<li><a href="https://www.facebook.com/Centre-Romand-de-Performances-tir-sportif-1334023816629213/" target="_blank" rel="noopener"><i class="fa fa-facebook-square"></i></a><li>
</ul>
</div>
{* footer column 4: events (edit manually, or use a calendar or events module to populate automatically) *}
<div class="column medium-3">
<h4 class="text-center">Prochains événements</h4>
<ul class="menu vertical">
<li>1er octobre: <a href="#">Lancement du CRP</a></li>
</ul>
</div>
</div>
{* you are free to remove the link to easythemes, as much as we would love to see it stay! *}
<div id="copyright" class="row expanded text-center">
<small><i class="fa fa-copyright"></i>{custom_copyright} {sitename}</small>
</div>
</footer>
{block name='js'}
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>
<script>
$(document).foundation();
</script>
{/block}
</body>
</html>