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

{% block content %}
    
    <h1 class="slogan align-center">
        Faites décoller votre image ! <br />Nos studios de créations et impressions publicitaires sont à votre service.
    </h1>
    
    <section id="features-slider" class="ss-slider">
	
		<article class="slide">
		
			<img src="images/slider/communication-publicitaire-ain.jpg" alt="Communication publicitaire" class="slide-bg-image" />
			
			<div class="slide-button">
				<span class="dropcap">1</span>
				<h5>Communication<br /> publicitaire</h5>
			</div>
            
            <div class="slide-content">
				<h2>Communication publicitaire</h2>
			</div>
			
		</article><!-- end .slide (Responsive Layout) -->
	
		<article class="slide">
		
			<img src="images/slider/realisations-graphiques.jpg" alt="Réalisations graphiques" class="slide-bg-image" />
		
			<div class="slide-button">		
				<span class="dropcap">2</span>
				<h5>Réalisations<br />graphiques</h5>
			</div>
			
            <div class="slide-content">
				<h2>Réalisations graphiques</h2>
			</div>
            
		</article><!-- end .slide (HTML5 / CSS3) -->
	
		<article class="slide">
		
			<img src="images/slider/studio-pao-imprimerie.jpg" alt="Studio PAO &amp; imprimerie" class="slide-bg-image" />
		
			<div class="slide-button">
				<span class="dropcap">3</span>
				<h5>Studio PAO &amp; imprimerie</h5>
			</div>
			
            <div class="slide-content">
				<h2>Studio PAO &amp; imprimerie</h2>
			</div>
            
		</article><!-- end .slide (Easily Customisable) -->
	
		<article class="slide">
		
			<img src="images/slider/promo-mois-pub.jpg" alt="Promo du mois" class="slide-bg-image" />
		
			<div class="slide-button large">
				<span class="dropcap">4</span>
				<h5 style="font-size: 13px;">Promo du mois</h5>
			</div>
            
            <div class="slide-content">
				<h2>Promo du mois</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/publicite-entreprise/design-pub-bourg-bresse.jpg" alt="Design graphique" class="entry-image" />

			<div class="entry-body">

                <h2 class="title">Design graphique</h2>

				<ul class="arrow dotted">
                    <li>Logo entreprise</li>
                    <li>Carte commerciale</li>
                    <li>Affiche grand format</li>
                    <li>Prospectus publicitaire</li>
                    <li>Banderole pub</li>
                    <li>Site internet</li>
        		</ul>
					
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<img src="images/publicite-entreprise/imprimerie-pub.jpg" alt="Imprimerie Pub" class="entry-image" />

			<div class="entry-body">

				<h2 class="title">PublicitePrint'</h2>

				<ul class="arrow dotted">
 			        <li>Flyers pub</li>
                    <li>Cartes commerciales</li>
                    <li>Plaquette publicitaire</li>
                    <li>Autocollant</li>
                    <li>Lettre en tête</li>
                    <li>Enveloppes</li>
                    <li>Bloc autocopiant</li>
        		</ul>
                
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<img src="images/publicite-entreprise/fabrications-agence-com.jpg" alt="Fabrications" class="entry-image" />

			<div class="entry-body">

				<h2 class="title">Fabrications</h2>

				<ul class="arrow dotted">
                    <li>Panneau enseigne</li>
                    <li>Banner publicitaire</li>
                    <li>Calicot</li>
                    <li>Présentoirs plexi</li>
                    <li>Tampon entreprise</li>
                    <li>Roll-up</li>
                    <li>Panneaux plexi</li>
        		</ul>
                	
			</div><!-- end .entry-body -->

		</li>
        
        <li>

			<a href="{{ path('contact') }}" rel="nofollow">
				<img src="images/publicite-entreprise/demande-devis.jpg" alt="Contact &amp; devis" class="entry-image" />
			</a>

			<div class="entry-body">

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

				<p>
                    Vous souhaitez recevoir des échantillons gratuitement ou une offre de prix ?<br /><br />
                    <a class="button small" href="{{ path('contact') }}">&raquo; Contactez-nous</a>

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

		</li>

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