Outiref

Code source de l'URL : http://walabee.fr

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Peetch. Agence de web marketing et communication.</title>
  <meta name="description" content="Gagnez en notoriété, générez de leads et différenciez-vous avec Peetch.">
  <meta property="og:title" content="Peetch. Agence de web marketing et communication.">
  <meta property="og:description" content="Gagnez en notoriété, générez de leads et différenciez-vous avec Peetch.">
  <meta property="og:image" content="https://www.peetch.fr/images/vsl-bkg-02.jpg">
  <meta property="og:url" content="https://www.peetch.fr">
  <meta name="twitter:card" content="summary_large_image">

  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Hind:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="https://peetch.fr/images/peetch-symbol-sq-black.png">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://peetch.fr/css/style.css?v=1">
<script src="https://peetch.fr/js/script.js"></script>
  <style>
    #cover {
      background-image: url('/images/vsl-bkg-02.jpg');
    }
  </style>
</head>
<body>

<div class="header">
  <a href="https://peetch.fr" class="logo"><img src="https://peetch.fr/images/peetch-black.png" width="60px"></a>
  <input class="menu-btn" type="checkbox" id="menu-btn" />
  <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
  <ul class="menu">
    <li class="nomob"><a href="https://peetch.fr">Accueil</a></li>
    <li><a href="https://peetch.fr/#services">Services</a></li>
    <li><a href="https://academie.peetch.fr">Peetch Académie</a></li>
    <li><a href="https://peetch.fr/equipe">Équipe</a></li>
    <li><a href="https://peetch.fr/blog">Blog</a></li>
    <li><a href="https://peetch.fr/#contact">Contact</a></li>
      </ul>
</div>



  <section id="cover" class="visual">
    <div class="secfull">
      <div class="secfullin">
        <h1><span><!--Votre agence digitale<br>Stratégie. Innovation. Impact<br>-->Le monde évolue, votre stratégie digitale aussi.</span></h1>
      </div>
    </div>
  </section>


  <section id="differences">
    <div class="secfull" style="">
      <div class="secfullin">
        <!-- <h1><span class="hrev">Notre différence</span></h1> -->
        <div class="columns">
          <div class="column">

            <h1>Vision. <br>Innovation.<br> Action.</h1>
            <p>Des années de pratique, de cas concrets, d'expérience client.<br>Nos experts partagent leur savoir avec des étudiants comme avec des professionnels en quête de booster leur carrière.</p>

          </div>
          <div class="column">
            <ul class="ulbig">
              <li>On tient compte de votre responsabilité sociétale</li>
              <li>On determine et on analyse les données qui ont de la valeur</li>
              <li>On privilegie les initiatives stratégiquement rentables</li>
              <li>On met de l'humain dans l'IA</li>
            </ul>            
          </div>
        </div>
      </div>
    </div>    
  </section>


  <section id="besoins">
    <div class="secfull" style="">
      <div class="secfullin">

        <h1>Vos besoins</h1>
        <div class="columns">

          <div class="column">
            <h3>Gagner en notoriété</h3>
            <p>Vous faire connaître. Augmenter la notoriété de votre marque, de votre service ou de votre produit.</p>

            <h3>Générer des leads</h3>
            <p>Augmenter votre audience, générer du trafic, convertir des prospects en clients.</p>

            <h3>Optimiser votre présence digitale</h3>
            <p>Mettre en place et harmoniser votre ecosystème digital.</p>
          </div>

          <div class="column">
            <h3>Définir votre stratégie</h3>
            <p>Identifier vos objectifs et vos cibles, et les moyens et les outils pour les atteindre.</p>

            <h3>ENRICHIR VOS CONTENUS</h3>
            <p>Définir votre stratégie éditoriale. Créer des publications, podcasts et vidéos et les diffuser auprès de vos cibles.</p>

            <h3>VOUS DIFFÉRENCIER</h3>
            <p>Développer votre identité visuelle, créer un storytelling, construire une marque performante et engageante.</p>
          </div>

        </div>

      </div>
    </div>    
  </section>



  <section>
    <div id="services" class="secfull" style="">
      <div class="secfullin">

        <h1><span class="hrev">Nos services</span></h1>

        <div class="columns">

          <div class="column">

            <h3>Stratégie</h3>
            <p>Peetch vous guide dans l'élaboration de votre stratégie en effectuant un audit basé sur des objectifs SMART, en développant vos personas, et en vous fournissant des conseils et recommandations avisés.</p>

            <h3>Contenu</h3>
            <p>Peetch contribue à la création de vos contenus, incluant publications, livres blancs, illustrations, podcasts, vidéos et motion design.</p>

          </div>

          <div class="column">

            <h3>Marketing</h3>
            <p>Peetch met à votre disposition son expertise en matière de RSE, SEA, SEO, emailing, martketing automation, inbound marketing.</p>

            <h3>Formation</h3>
            <p><a href="/academie.php">Peetch Académie</a> vous offre des formations pratiques pour garder une longueur d'avance.</p>


          </div>

        </div>
      </div>
    </div>    
  </section>

  <style>
  </style>
  
  <section id="anim">
        <iframe src="https://player.vimeo.com/video/378287637?loop=1&autoplay=1&background=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  </section>


  
  <section id="references">
    <div class="secfull" style="">
      <div class="secfullin">
        <h1 style="margin-top: 0">Nos références</h1>
        <div class="columns5">

        <div class="column"><a href="https://www.ille-et-vilaine.fr" target="_blank"><img src="/images/lgo-cg35.png" alt="Conseil général d'Ille-et-Vilaine"></a></div>

        <div class="column"><a href="https://www.efap.com" target="_blank"><img src="/images/lgo-efap.png" alt="L'école des nouveaux métiers de la communication"></a></div>

        <div class="column"><a href="https://efi.int" target="_blank"><img src="/images/lgo-efi.png" alt="European Forest Institute"></a></div>

        <div class="column"><a href="https://www.neuillylab.com/" target="_blank"><img src="/images/lgo-neuilly.png" alt="Neuilly-sur-Seine"></a></div>

        <div class="column"><a href="https://www.pierreetvacances.com" target="_blank"><img src="/images/lgo-pev.png" alt="Pierre & Vacances"></a></div>
        
        <div class="column"><a href="https://mde-rivesdeseine.fr" target="_blank"><img src="/images/lgo-rives.png" alt="Rives de Seine"></a></div>

        <div class="column"><a href="https://www.santexpo.com" target="_blank"><img src="/images/lgo-santexpo.png" alt="Santé Expo"></a></div>

        <div class="column"><a href="https://www.puteaux.fr" target="_blank"><img src="/images/lgo-puteaux.png" alt="Ville de Puteaux"></a></div>

        <div class="column"><a href="https://www.unicef.org" target="_blank"><img src="/images/lgo-unicef.png" alt="UNICEF"></a></div>

        <div class="column"><a href="https://www.un.org" target="_blank"><img src="/images/lgo-un.png" alt="United Nations"></a></div>

        <div class="column"><a href="https://www.agakhanstuds.com" target="_blank"><img src="/images/lgo-aks.png" alt="Aga Khan Studs"></a></div>
        
        <div class="column"><a href="http://www.urv.cat" target="_blank"><img src="/images/lgo-urv.png" alt="Universitat Rovira i Virgili"></a></div>

        </div>
      </div>
    </div>
  </section>


  <section id="blog"><div class="secfull"><div class="secfullin"><h1>Le blog de Peetch</h1></div></div>
  <div class="mosaic"><a href="/blog/emma-kok-de-l-interpretation-au-storytelling"><div class="tessera" style="background-image: url('/images/blog/RegenerationNationTV  @RNTV-65c3a98f2afb0.png');"><h1>Emma Kok de l'interprétation au storytelling</h1></div></a><a href="/blog/salon-de-l-immobilier-neuf-et-de-la-renovation-65b0d560c5ba6"><div class="tessera" style="background-image: url('/images/blog/CREA FINALE.jpg');"><h1>Salon de l'Immobilier Neuf et de la Rénovation Energétique</h1></div></a><a href="/blog/la-liste-de-nos-formations"><div class="tessera" style="background-image: url('/images/blog/mark-fletcher-brown-nN5L5GXKFz8-unsplash.jpg');"><h1>La liste des formations Peetch Académie</h1></div></a><a href="/blog/meilleurs-voeux"><div class="tessera" style="background-image: url('/images/blog/rishabh-dharmani-TPjNbIpcDYg-unsplash.jpg');"><h1>Bonne année 2024</h1></div></a><a href="/blog/la-strategie-digitale-expliquee-aux-etudiants-et-lyceens"><div class="tessera" style="background-image: url('/images/blog/jeshoots-com-fzOITuS1DIQ-unsplash.jpg');"><h1>Transmettre notre savoir-faire en stratégie digitale </h1></div></a><a href="/blog/google-sanctionne-t-il-les-contenus-rediges-par-chatgpt"><div class="tessera" style="background-image: url('/images/blog/igor-omilaev-eGGFZ5X2LnA-unsplash.jpg');"><h1>Google sanctionne-t-il les contenus rédigés par ChatGPT ?</h1></div></a><a href="/blog/l-accompagnement-digital-diag"><div class="tessera" style="background-image: url('/images/blog/john-schnobrich-FlPc9_VocJ4-unsplash.jpg');"><h1>Les Digital@Diag </h1></div></a><a href="/blog/la-peetch-academie"><div class="tessera" style="background-image: url('/images/blog/jason-goodman-Oalh2MojUuk-unsplash.jpg');"><h1>Qu'est ce que la Peetch Académie ?</h1></div></a></div></section>
  
  <section id="contact">
    <div class="secfull" style="">
      <div class="secfullin">
        <h1>Contactez-nous</h1>
        <form method="post">
          <div>
            <label>Nom</label>
            <input type="text" name="nom"  required>
            <label>Email</label>
            <input type="email" name="email"  required>
            <input type="text" name="subject" class="noplay">
            <label>Message</label>
            <textarea name="message" required id="autoExpandTextarea" oninput="adjustHeight(this)"></textarea>
          </div>
          <input type="submit" value="Envoyer">
        </form>
      </div>
    </div>
  </section>


  
    <section id="prefooter" class="blackblock">
    <div class="secfull">
      <div class="secfullin">

        <div class="columns">

          <div class="column">
            <h3>Peetch. <br>Vision. Innovation. Action.</h3>
            <p></p>
            <p><a href="https://peetch.fr/mentions-legales">Mentions légales</a></p>
          </div>

          <div class="column">
          </div>

        </div>
      </div>
    </div>
  </section>

  <footer>
    <div class="secfull">
      <div class="secfullin">

        <div class="footer-logo">
          <img src="https://peetch.fr/images/peetch-symbol-yellow.png" width="40">
        </div>

        <div class="footer-social-icons">
          <a href="https://www.instagram.com/peetchagency" target="_blank"><img src="https://peetch.fr/images/ico-instagram-white.png" alt="Instagram" class="icosm"></a>
          <a href="https://www.facebook.com/peetch.fr" target="_blank"><img src="https://peetch.fr/images/ico-facebook-white.png" alt="Facebook" class="icosm"></a>
          <a href="https://www.linkedin.com/company/peetch-agence" target="_blank"><img src="https://peetch.fr/images/ico-linkedin-white.png" alt="LinkedIn" class="icosm"></a>
        </div>


      </div>
    </div>
  </footer>
<script>
function adjustHeight(textarea) {
  var minHeight = 120; // Set the minimum height (in pixels)

  textarea.style.height = 'auto'; // Reset the height
  var newHeight = textarea.scrollHeight > minHeight ? textarea.scrollHeight : minHeight;
  textarea.style.height = newHeight + 'px'; // Set the new height
}

// Usage
var textarea = document.getElementById('autoExpandTextarea');
adjustHeight(textarea);

// Ensure the function is called every time the content changes
textarea.addEventListener('input', function() {
  adjustHeight(this);
});
</script>

</body>
</html>