Skip to content
Extraits de code Groupes Projets
Valider e4b66220 rédigé par real3t@gmail.com's avatar real3t@gmail.com
Parcourir les fichiers

Contenu central (non stylé). 

Pour le mode d'affichage Portail Cognac, il faut le plugin Slick !
parent 7929b1f0
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
noisettes/sommaire/sommaire_modeportailcognac.html
+ 368
− 0
Voir le fichier @ e4b66220
......@@ -9,5 +9,373 @@
<main id="main" role="main"><div id="communiquant_content">
<a id="letexte"></a>
<!-- SLIDER -->
<div id="diaporama" class="zone-slider sans-padding avec-padding-bottom avec-margin-bottom">
<header>
<h1 class="hide">Diaporama</h1>
</header>
<article class="slider-slick">
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=1043" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=103" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=1031" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=83" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=107" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=78" alt="" />
</a>
</div>
</div>
</article>
</div>
<!-- fin SLIDER -->
<!-- ACTUS -->
<div id="actualites" class="zone-actus sans-padding avec-margin-top avec-margin-bottom">
<header class="titre-sommaire">
<h1>En ce moment Cognac</h1>
</header>
<section class="row" id="masonry" role="region" aria-label="Actualits">
<div class="grid">
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=118" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=182" alt="" />
<h2><span class="titre-actus">Belle et heureuse anne 2017</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item ">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=82" alt="" />
<h2><span class="titre-actus">Ville d'art et d'histoire : programme automne / hiver 2016-2017</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<header class="flexbox-center-space-between triadeA texte-blanc">
<time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
<span class="dateNombre"><strong>08</strong>&nbsp;/08</span>
<span class="dateMois display-block">2107</span>
</time>
<img src="https://unsplash.it/180/100?image=139" alt="" />
</header>
<h2><span class="titre-actus">Confrence du GREH au Centre des congrs de la Salamandre</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
<div class="content-actus" style="border-top: 15px solid white;">
<a href="#" title="Lire l'article">
<header class="flexbox-center-space-between triadeA texte-blanc">
<time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
<span class="dateNombre"><strong>11</strong>&nbsp;/01</span>
<span class="dateMois display-block">2107</span>
</time>
<img src="https://unsplash.it/180/100?image=200" alt="" />
</header>
<h2><span class="titre-actus">Fritz Baueur au cin-club, Le Galaxy, salle N2</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=53" alt="" />
<h2><span class="titre-actus">Fte des papilles au MACO</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=87" alt="" />
<h2><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h 21h la Bibliothque municipale</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=172" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item grid-item-x3">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/955/340?image=252" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=382" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=102" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
<article class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=122" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</div>
</article>
</div>
</section>
<footer class="text-center avec-margin-top avec-margin-bottom">
<a class="button texte-blanc triadeA" href="#" title="Consulter les atualits">Consulter toutes les actualits</a>
</footer>
</div>
<!-- fin ACTUS -->
<!-- PROJETS -->
<div id="lesprojets" class="zone-projets sans-padding avec-margin-bottom">
<header>
<h1 class="hide">Les projets</h1>
</header>
<section id="projets" class="avec-margin-top">
<article class="triadeC">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Projets</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
</div>
</a>
</div>
</article>
<article class="triadeB">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Action municipale</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
</div>
</a>
</div>
</article>
<article class="triadeA">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Dmocratie locale</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
</div>
</a>
</div>
</article>
<article class="triadeD">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Services municipaux</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
</div>
</a>
</div>
</article>
</section>
<div class="clearfix"></div>
</div>
<!-- fin PROJETS -->
<!-- PRATIQUE -->
<div id="pratique" class="zone-pratique sans-padding avec-margin-top avec-margin-bottom">
<header class="titre-sommaire">
<h1>Cognac pratique</h1>
</header>
<section role="region" aria-label="Pratique">
<div class="slider-pratique">
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<h2><span class="titre-pratique">Agenda</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<h2><span class="titre-pratique">Cantine</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=18" alt="" />
<h2><span class="titre-pratique">Piscine</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<h2><span class="titre-pratique">Le mag</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<h2><span class="titre-pratique">Compte citoyen</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=82" alt="" />
<h2><span class="titre-pratique">Dmarches en ligne</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=28" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=132" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=148" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=184" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=238" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
<article class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=282" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Nol</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
</a>
</article>
</div>
</section>
</div>
<!-- fin PRATIQUE -->
</div><!-- communiquant_content --></main>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script type="text/javascript">
// slider Slick
$(document).ready(function(){
$('.slider-slick').slick({
autoplay: true,
pauseOnHover: true,
autoplaySpeed: 2800,
fade: true,
cssEase: 'linear',
arrows: false,
dots: true,
centerMode: true,
focusOnSelect: true
});
$('.slider-pratique').slick({
dots: false,
slidesToShow: 7,
infinite: true,
variableWidth: true
});
});
// external js: masonry.pkgd.js, imagesloaded.pkgd.js
// init Masonry after all images have loaded
var $grid = $('.grid').imagesLoaded( function() {
$grid.masonry({
itemSelector: '.grid-item',
gutter: 20
});
});
</script>
#FILTRE{mini_html}
\ No newline at end of file
paquet.xml
+ 1
− 0
Voir le fichier @ e4b66220
......@@ -71,6 +71,7 @@
<utilise nom="sedna" compatibilite="[1.3.1;[" />
<utilise nom="sidr" compatibilite="[1.2.3;[" />
<utilise nom="skeleditor" compatibilite="[2.7.10;[" />
<utilise nom="slick" compatibilite="[1.1.3;[" />
<utilise nom="socialtags" compatibilite="[1.0.9;[" />
<utilise nom="splickr" compatibilite="[0.4.6;[" />
<utilise nom="va" compatibilite="[0.6.9;[" />
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site