- Scan ID:
- 7d65d969-f265-4595-88fc-4e8375a17f5eFinished
- Submitted URL:
- https://imprim-doubleface.fr/
- Report Finished:
Links · 3 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.facebook.com/ | |
| https://www.twitter.com/ | |
| https://www.instagram.com/ |
JavaScript Variables · 56 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| $ | string |
| jQuery | string |
| uidEvent | string |
| bootstrap | string |
| lazySizes | string |
| jQueryBridget | string |
| EvEmitter | string |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="fr" class="webkit chrome win js sticky-header-mobile-disabled has-scroll-init has-scroll-smooth" data-scroll-direction="vertical"><head>
<!-- Basic -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DoubleFace, services d'imprimerie </title>
<meta name="keywords" content="WebSite Template">
<meta name="description" content="Porto - Multipurpose Website Template">
<meta name="author" content="okler.net">
<!-- Favicon -->
<!-- <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> -->
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<!-- Web Fonts -->
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CCormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" type="text/css">
<!-- Vendor CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="vendor/animate/animate.compat.css">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" href="vendor/locomotive-scroll/locomotive-scroll.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/theme.css">
<!-- Demo CSS -->
<link rel="stylesheet" href="css/demos/demo-creative-agency-1.css">
<!-- Skin CSS -->
<link id="skinCSS" rel="stylesheet" href="css/skins/skin-creative-agency-1.css">
</head>
<body style="">
<div class="body">
<div role="main" class="main">
<div data-scroll-container="" class="smoothScroll" data-scroll-section-id="section0" data-scroll-section-inview="" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; pointer-events: all;">
<div class="d-xl-flex flex-row p-relative w-100" id="home">
<header id="header" data-plugin-options="{'stickyEnabled': false}">
<div class="header-body">
<div class="header-container container-fluid px-4 py-2">
<div class="header-row">
<div class="header-column">
<div class="header-row">
<div class="header-logo">
<a href="index.html">
<img alt="DoubleFace" width="80" height="100" src="img/logos/Logo Doubleface8SEUL.png">
</a>
</div>
</div>
</div>
<div class="header-column justify-content-end">
<div class="header-row p-relative left-10">
<div class="header-nav header-nav-links header-nav-light-text order-2 order-lg-1">
<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-2 header-nav-main-sub-effect-1">
<nav class="collapse">
<ul class="nav nav-pills" id="mainNav">
<li class="dropdown">
<a href="#home" data-hash="" class="nav-link">
Accueil
</a>
</li>
<li class="dropdown">
<a href="#about" data-hash="" class="nav-link">
À propos
</a>
</li>
<li class="dropdown">
<a href="#services" data-hash="" class="nav-link">
Nos services
</a>
</li>
<li class="dropdown">
<a href="#work" data-hash="" class="nav-link">
Nos projets
</a>
</li>
<li class="dropdown">
<a href="#contact" data-hash="" class="nav-link">
Contact <span class="btn btn-default text-color-light bg-primary btn-circle border-0 btn-md ms-2"><i class="fas fa-arrow-right"></i></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="d-flex flex-row p-relative vh-100 min-vh-100 justify-content-center align-items-center bg-color-secondary text-light" id="home">
<div class="vw-100 custom-ws-initial min-vh-100 d-flex align-items-center">
<div class="custom-el-3 p-absolute d-none d-xl-block">
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.1" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.9" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 27, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.8" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 24, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.7" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 21, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.6" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 18, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.5" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.4" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.1" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.4" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.5" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.6" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 18, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.7" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 21, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.8" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 24, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.9" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 27, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.1" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36, 0, 1);"></span>
</div>
</div>
<div class="custom-el-2 p-absolute">
<div class="appear-animation animated fadeInRightShorterPlus appear-animation-visible" data-appear-animation="fadeInRightShorterPlus" data-appear-animation-delay="0" style="animation-delay: 0ms;">
<img width="100%" height="100%" src="img/demos/creative-agency-1/svg/generic-1.svg" alt="">
</div>
</div>
<div class="text-center p-absolute transform3dx-n50 left-50pct">
<div class="appear-animation animated expandIn appear-animation-visible" data-appear-animation="expandIn" data-appear-animation-delay="300" style="animation-delay: 300ms;">
<span class="d-block is-inview" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="custom-el-1 bg-color-tertiary border-circle"></div>
</span>
</div>
</div>
<div class="d-xl-flex flex-column w-100">
<div class="text-center w-100 p-relative z-index-1">
<div class="d-xl-flex flex-row justify-content-center align-items-center">
<div class="text-center text-xl-start">
<div class="appear-animation animated fadeIn appear-animation-visible" data-appear-animation="fadeIn" data-appear-animation-delay="0" style="animation-delay: 0ms;">
<span class="d-block me-xl-5 is-inview" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="-0.5" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.50781, 0, 0, 1);">
<strong class="custom-hero-font-1 custom-stroke-text-effect-1">Double</strong>
</span>
</div>
</div>
<div class="text-center text-xl-start ps-4">
<div class="appear-animation animated fadeInLeftShorterPlus appear-animation-visible" data-appear-animation="fadeInLeftShorterPlus" data-appear-animation-delay="300" style="animation-delay: 300ms;">
<span class="d-block max-vw-xl-25 is-inview" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="-1.5" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.78359, 0, 0, 1);">
<p class="mb-0 text-4 line-height-5 text-light pt-4 pe-5 pe-xl-0">
Un imprimeur professionnel partenaire des entreprises et particuliers
</p>
</span>
</div>
</div>
</div>
</div>
<div class="text-center w-100 p-relative z-index-1 mt-4">
<div class="d-flex flex-row justify-content-center align-items-center">
<div class="text-center text-xl-start">
<div class="appear-animation animated fadeIn appear-animation-visible" data-appear-animation="fadeIn" data-appear-animation-delay="500" style="animation-delay: 500ms;">
<span class="d-block is-inview" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.0781, 0, 0, 1);">
<strong class="custom-hero-font-2 text-color-light text-uppercase">Face</strong>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="p-absolute transform3dy-n50 top-50pct right-0 text-1 d-none d-xl-block">
<span class="rotate-l-90 d-block text-1 text-uppercase p-relative px-4">
<i class="fa-solid fa-arrow-down p-absolute left-0 custom-arrow-anim"></i>
Scroll For More
<i class="fa-solid fa-arrow-down p-absolute right-0 custom-arrow-anim"></i>
</span>
</div>
<div class="p-absolute w-100 bottom-20 px-4">
<div class="d-xl-flex justify-content-between">
<div class="p-2 text-center text-xl-start">
<p class="m-0 text-0-5">© Copyright 2024. All Rights Reserved.</p>
</div>
<div class="p-2 text-center text-xl-end">
<ul class="list-inline mb-0">
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.facebook.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-facebook-f text-3"></i></a>
</li>
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.twitter.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-x-twitter text-3"></i></a>
</li>
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.instagram.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-instagram text-3"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="d-flex flex-row row p-relative vh-xl-100 min-vh-xl-100 min-vw-100 justify-content-center align-items-center" id="about">
<div class="col-lg-6 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="p-5 w-100">
<h5 class="mt-4 mt-xl-0">À propos</h5>
<h2>Qui sommes nous ?</h2>
<p class="lead">Notre objectif est de répondre efficacement et personnellement à tous vos besoins en supports d’impression, en vous offrant toujours le meilleur service du début à la fin de votre projet.
</p><p>Nous sommes très sensibles aux exigences de nos clients, c’est pourquoi nous cherchons toujours la meilleure solution aux impératifs qui se présentent et ce, dans les meilleurs délais.
L’équipe de l’imprimerie PCG est formée de professionnels du secteur graphique ayant une grande expérience dans l’impression numérique et offset, une équipe créative à votre écoute qui vous offrira des solutions ingénieuses ainsi qu’une relation personnalisée, ce qui nous différencie des imprimeries on-line.</p>
<p class="text-2">Avec plus de 20 ans d’expérience et des experts sur l’ensemble de la chaîne de production, Doubleface est à même de répondre à toutes vos demandes d’impression, même les plus spécifiques.</p>
</div>
</div>
<div class="col-lg-6 custom-ws-initial min-vh-xl-100 d-flex align-items-center border-left-light text-center">
<div class="p-5 w-100 text-center bg-color-light">
<div class="p-relative">
<span class="d-block" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="-1" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -159.155, 0, 0, 1);">
<img class="img-fluid custom-border-radius-1" src="img/projet/pexels-shkrabaanthony-4348403.jpg" alt="">
</span>
<span class="d-block p-absolute bottom-10 text-uppercase custom-text-1" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="1" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 207.514, 0, 0, 1);">Experience</span>
</div>
<p class="mb-0 text-1 mt-2">On vous accompagne dans votre projet</p>
</div>
</div>
</section>
<section class="d-xl-flex flex-row p-relative vh-xl-100 min-vh-xl-100 justify-content-center align-items-center bg-color-primary text-color-light" id="services">
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="p-5 text-color-light">
<h5 class="mt-4 mt-xl-0 text-color-light">Nos Services</h5>
<h2 class="text-color-light">De nombreuses expertises</h2>
<p class="lead text-color-light">Chaque projet est unique</p>
<a href="#contact" data-hash="" class="custom-link-1 custom-link-1-light text-color-light">Contactez nous</a>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-flex align-items-center custom-border-left-1">
<div class="p-5 text-color-light" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.3" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -82.7817, 0, 1);">
<img width="100" src="img/demos/creative-agency-1/icons/icon-1.svg" alt="" data-icon="" data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-light'}">
<h3 class="text-color-light mt-4">Marketing</h3>
<p class="text-color-light opacity-8 font-weight-normal pt-3">Déclinez votre communication, diffusez largement votre image.</p>
<ul class="list-unstyled custom-list-1 text-2">
<li>- Autocollantq</li>
<li>- Carte de fidélité</li>
<li>- Flyers</li>
<li>- Prospectus</li>
</ul>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="p-5 text-color-light" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="0.3" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.9062, 0, 1);">
<!-- <img width="100" src="img/demos/creative-agency-1/icons/icon-2.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-light'}" /> -->
<h3 class="text-color-light mt-4">Papeterie</h3>
<p class="text-color-light opacity-8 font-weight-normal pt-3">Papeterie Personnalisée | Fourniture bureau et entreprises.</p>
<ul class="list-unstyled custom-list-1 text-2">
<li>- Calendriers</li>
<li>- Cartes de voeux</li>
<li>- Post-it</li>
<li>- Tampons encreurs</li>
</ul>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="p-5 text-color-light" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.3" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -108.965, 0, 1);">
<img width="100" src="img/demos/creative-agency-1/icons/icon-3.svg" alt="" data-icon="" data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-light'}">
<h3 class="text-color-light mt-4">Signalétique</h3>
<p class="text-color-light opacity-8 font-weight-normal pt-3">Pour gagner prospects et clients, soyez visibles et identifiables !</p>
<ul class="list-unstyled custom-list-1 text-2">
<li>- Adhésifs</li>
<li>- Affichages urbains</li>
<li>- Baches et Banderoles</li>
<li>- Stickers voiture</li>
</ul>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="p-5 text-color-light" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="0.3" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 123.536, 0, 1);">
<img width="100" src="img/demos/creative-agency-1/icons/icon-4.svg" alt="" data-icon="" data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-light'}">
<h3 class="text-color-light mt-4">Goodies</h3>
<p class="text-color-light opacity-8 font-weight-normal pt-3">Des milliers de Goodies, Objets Pub, cadeaux d'affaires ou d'entreprise.</p>
<ul class="list-unstyled custom-list-1 text-2">
<li>- Mugs Verres et Gourdes</li>
<li>- Stylos</li>
<li>- Textiles</li>
<li>- Sacs</li>
</ul>
</div>
</div>
</section>
<section class="d-xl-flex flex-row pb-5 pb-xl-0 p-relative vh-xl-100 min-vh-xl-100 justify-content-center align-items-center bg-color-light pe-5" id="work">
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-flex align-items-center custom-border-right-1">
<div class="p-5 w-100">
<h5 class="mt-4 mt-xl-0">Nos projets</h5>
<h2>Selection de projets</h2>
<p class="lead">Vous souhaitez réaliser le votre ?</p>
<a href="#contact" data-hash="" class="custom-link-1">Contactez nous !</a>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="ps-5 w-100 mb-5 mb-xl-0">
<div class="d-flex flex-column">
<div class="thumb-info thumb-info-floating-caption thumb-info-hide-wrapper-bg thumb-info-floating-element-wrapper" data-title="Agendas">
<div class="thumb-info-wrapper">
<img src="img/projet/agendas.jpg" class="img-fluid" alt="">
</div>
<span class="thumb-info-floating-element thumb-info-floating-caption-title d-none">Agendas</span></div>
</div>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="ps-5 w-100">
<div class="d-flex flex-column">
<div class="thumb-info thumb-info-floating-caption thumb-info-hide-wrapper-bg thumb-info-floating-element-wrapper" data-title="Prospectus">
<div class="thumb-info-wrapper">
<img src="img/projet/brochures.jpg" class="img-fluid" alt="">
</div>
<span class="thumb-info-floating-element thumb-info-floating-caption-title d-none">Prospectus</span></div>
<div class="thumb-info thumb-info-floating-caption thumb-info-hide-wrapper-bg thumb-info-floating-element-wrapper" data-title="Nuanciers">
<div class="thumb-info-wrapper">
<img src="img/projet/catalogue.jpg" class="img-fluid" alt="">
</div>
<span class="thumb-info-floating-element thumb-info-floating-caption-title d-none">Nuanciers</span></div>
</div>
</div>
</div>
<div class="vw-xl-25 custom-ws-initial min-vh-xl-100 d-xl-flex align-items-center">
<div class="ps-5 my-5 my-xl-0 w-100">
<div class="d-flex flex-column">
<div class="thumb-info thumb-info-floating-caption thumb-info-hide-wrapper-bg thumb-info-floating-element-wrapper" data-title="Goodies stylos">
<div class="thumb-info-wrapper">
<img src="img/projet/stylos.jpg" class="img-fluid" alt="">
</div>
<span class="thumb-info-floating-element thumb-info-floating-caption-title d-none">Goodies stylos</span></div>
</div>
</div>
</div>
</section>
<section class="d-xl-flex flex-row pb-5 pb-xl-0 p-relative vh-xl-100 min-vh-xl-100 justify-content-center align-items-center bg-color-secondary text-color-light">
<div class="vw-xl-75 custom-ws-initial min-vh-xl-100 d-flex align-items-center text-center p-relative overflow-hidden">
<div class="custom-el-2 p-absolute ms-0" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.5" data-scroll-offset="-100%" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1144.41, 0, 1);">
<img width="100%" height="100%" src="img/demos/creative-agency-1/svg/generic-2.svg" alt="">
</div>
<div class="p-5 w-100 p-relative z-index-1">
<div class="container-fluid w-100 mt-5">
<div class="row justify-content-center mb-4">
<div class="col-12 col-xl-8">
<h2 class="text-color-light">Plus de 100 entreprises nous font confiance depuis plus de 20 ans</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-6 col-xl-4">
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
<h3 class="text-color-light text-10 text-xl-15">20+</h3>
<p class="m-0">Années d'expèriences</p>
</div>
</div>
<div class="col-6 col-xl-4">
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">
<h3 class="text-color-light text-10 text-xl-15">120+</h3>
<p class="m-0">Clients satisfaits</p>
</div>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-6 col-xl-4">
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
<h3 class="text-color-light text-10 text-xl-15">9,8/10</h3>
<p class="m-0">Evaluation moyenne</p>
</div>
</div>
<div class="col-6 col-xl-4">
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750">
<h3 class="text-color-light text-10 text-xl-15">320.000</h3>
<p class="m-0">Impressions réalisées</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="d-xl-flex flex-row p-relative vh-xl-100 min-vh-xl-100 justify-content-center align-items-center bg-color-secondary" id="contact">
<div class="min-vw-xl-75 custom-ws-initial min-vh-xl-100 d-flex align-items-center p-relative overflow-hidden">
<div class="p-absolute custom-el-5">
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.6" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1264.8, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1027.65, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -790.497, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.7" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -553.348, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -237.149, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"></span>
</div>
<div class="p-absolute custom-el-6 d-none d-xl-block">
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.4" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.6" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 18, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-0.8" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 24, 0, 1);"></span>
<span class="custom-el-4" data-scroll="" data-scroll-direction="vertical" data-scroll-speed="-1.0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1);"></span>
</div>
<div class="p-5 text-color-light w-100 text-center p-relative z-index-1">
<div class="container-fluid w-100 mt-5 ms-xl-5">
<div class="row mb-4 justify-content-center">
<div class="col-12 col-xl-10 text-start">
<h2 class="text-color-light">Prêt à passer à l'action ?</h2>
</div>
</div>
<div class="row mb-4 justify-content-center">
<div class="col-xl-4 text-start">
<h4 class="text-color-light opacity-6 font-weight-normal mb-4">Parlons en !</h4>
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
<p class="text-3 text-xl-5 text-color-light"><a href="#" class="text-color-light">06 70 54 54 18</a></p>
</div>
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="100">
<p class="text-3 text-xl-5 text-color-light"><a href="mailto:[email protected]" class="text-color-light">[email protected]</a></p>
</div>
</div>
<div class="col-xl-3 text-start">
<h4 class="text-color-light opacity-6 font-weight-normal mb-4 mt-4 mt-xl-0">Nos services</h4>
<ul class="list-unstyled custom-list-1 text-1">
<li>- Marketing</li>
<li>- Papeterie</li>
<li>- Signalétique</li>
<li>- Goodies</li>
</ul>
</div>
<div class="col-xl-3 text-start">
<h4 class="text-color-light opacity-6 font-weight-normal mb-4 mt-4 mt-xl-0">Nous retrouver</h4>
<ul class="list-unstyled custom-list-1 text-1">
<li>12345 Rue intitulé.</li>
<li>Suite 1500</li>
<li>Pays, Ville 90000</li>
</ul>
</div>
</div>
<div class="row mb-4 mt-4 justify-content-center">
<div class="col-12 col-xl-5 text-center text-xl-start">
<p class="m-0 text-0-5">DF "Ceci est site web factice développé dans le cadre d'un challenge informatique"</p>
</div>
<div class="col-12 col-xl-5 text-center text-xl-end pe-5">
<ul class="list-inline mt-3 mt-xl-0 mb-0">
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.facebook.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-facebook-f text-3"></i></a>
</li>
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.twitter.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-x-twitter text-3"></i></a>
</li>
<li class="list-inline-item px-1 anim-hover-translate-top-5px transition-2ms">
<a href="https://www.instagram.com/" target="_blank" class="text-color-light text-color-hover-primary text-3"><i class="fab fa-instagram text-3"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</section></div>
</div>
</div>
</div>
<!-- Vendor -->
<script src="vendor/plugins/js/plugins.min.js"></script>
<script src="vendor/gsap/gsap.min.js"></script>
<script src="vendor/gsap/ScrollTrigger.min.js"></script>
<script src="vendor/locomotive-scroll/locomotive-scroll.min.js"></script>
<!-- Theme Base, Components and Settings -->
<script src="js/theme.js"></script>
<!-- Demo -->
<script src="js/demos/demo-creative-agency-1.js"></script>
<!-- Theme Custom -->
<script src="js/custom.js"></script>
<!-- Theme Initialization Files -->
<script src="js/theme.init.js"></script>
<span class="c-scrollbar"><span class="c-scrollbar_thumb" style="height: 39.1602px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"></span></span></body></html>