{% extends 'layout.html.twig' %}

{% block content %}
    
    <h1 class="slogan align-center">
        Confiez votre communication globale à des experts confirmés:<br /> impressions de flyers, affiches, dépliants, sites Internet...
    </h1>
    
    <section id="features-slider" class="ss-slider">
	
		<article class="slide">
		
			<img src="images/slider/communication-globale-bourg.jpg" alt="Communication globale" class="slide-bg-image" />
			
			<div class="slide-button">
				<span class="dropcap">1</span>
				<h5>Communication<br />globale</h5>
			</div>
            
            <div class="slide-content">
				<h2>Communication globale</h2>
			</div>
			
		</article><!-- end .slide (Responsive Layout) -->
	
		<article class="slide">
		
			<img src="images/slider/creations-graphiques.jpg" alt="Créations graphiques" class="slide-bg-image" />
		
			<div class="slide-button">		
				<span class="dropcap">2</span>
				<h5>Créations<br />graphiques</h5>
			</div>
			
            <div class="slide-content">
				<h2>Créations graphiques</h2>
			</div>
            
		</article><!-- end .slide (HTML5 / CSS3) -->
	
		<article class="slide">
		
			<img src="images/slider/impressions-publicitaires.jpg" alt="Impressions publicitaires" class="slide-bg-image" />
		
			<div class="slide-button">
				<span class="dropcap">3</span>
				<h5>Impressions<br />publicitaires</h5>
			</div>
			
            <div class="slide-content">
				<h2>Impressions publicitaires</h2>
			</div>
            
		</article><!-- end .slide (Easily Customisable) -->
	
		<article class="slide">
		
			<img src="images/slider/objets-publicitaires.jpg" alt="Objets publicitaires" class="slide-bg-image" />
		
			<div class="slide-button large">
				<span class="dropcap">4</span>
				<h5 style="font-size: 13px;">Objets<br />publicitaires</h5>
			</div>
            
            <div class="slide-content">
				<h2>Objets publicitaires</h2>
			</div>
			
		</article><!-- end .slide (Unique & Clean) -->
		
	</section><!-- end #features-slider -->
    
    <h6 class="section-title" style="text-align: center; text-transform: none; font-size: 18px; font-weight: normal;">Nous sommes à votre écoute 6j/7 au <span style="font-weight: bold;">{{ phone_number }}</span></h6>

	<ul class="post-carousel">

		<li>

			<img src="images/print-flyer/creation-graphique-agence-pub-bourgenbresse.jpg" alt="Créations Graphiques" class="entry-image" />

			<div class="entry-body">

                <h2 class="title">Créations Graphiques</h2>

				<ul class="arrow dotted">
                    <li>Logotype</li>
                    <li>Carte de visite</li>
                    <li>Affiche et Poster</li>
                    <li>Flyers tous formats</li>
                    <li>Packaging / PLV</li>
                    <li>Site internet vitrine</li>
                    <li>Site internet E.commerce</li>
        		</ul>
					
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<img src="images/print-flyer/impression-publicitaire.jpg" alt="Impression Publicitaire" class="entry-image" />

			<div class="entry-body">

				<h2 class="title">Impression Publicitaire</h2>

				<ul class="arrow dotted">
 			        <li>Carteries</li>
                    <li>Flyers</li>
                    <li>Dépliant</li>
                    <li>Chemise à rabats</li>
                    <li>Papier à lettre</li>
                    <li>Enveloppe</li>
                    <li>Catalogue</li>
        		</ul>
                
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<img src="images/print-flyer/conception-fabrication.jpg" alt="Conception Fabrication" class="entry-image" />

			<div class="entry-body">

				<h2 class="title">Conception Fabrication</h2>

				<ul class="arrow dotted">
                    <li>Panneau publicitaire</li>
                    <li>Enrouleur publicitaire</li>
                    <li>Kakemono</li>
                    <li>Présentoirs PLV</li>
                    <li>Tampon encreur</li>
                    <li>Enseigne magasin</li>
                    <li>Enseigne LED</li>
        		</ul>
                	
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<a href="{{ path('contact') }}" rel="nofollow">
				<img src="images/print-flyer/contact.jpg" alt="Contact" class="entry-image" />
			</a>

			<div class="entry-body">

				<a href="{{ path('contact') }}">
					<div class="title" style="font-weight: bold;">Devis gratuit en 24h</div>
				</a>

				<p>
                    Besoin de communiquer et de promouvoir votre activité ?<br />
                    Faites votre demande de <span style="text-transform: uppercase;">devis</span> via notre formulaire de contact.<br /><br />
                    <a class="button small" href="{{ path('contact') }}">&raquo; Contactez-nous</a>

                </p>
					
			</div><!-- end .entry-body -->

		</li>

	</ul><!-- end .post-carousel -->
    
{% endblock %}