Espace Prive (marseille, focus, fermer)
Rapport analyse SEO #325652

Ce rapport d'analyse SEO #325652 porte sur le site espace-prive.fr.
Marseille, focus, fermer sont les principaux mots clés utilisés sur ce site.

Avec une note totale de 75, Espace Prive dispose d'une bonne optimisation SEO.

Note totale
Audit site Espace Prive

Serveur

Balisage

Accessibilité

Sémantique

Vitesse

Montrez votre résultat à vos visiteurs
Placez l'image ci-dessous sur votre site Internet en copiant le code proposé afin de montrer à vos visiteurs que votre site espace-prive.fr est optimisé.

[Copier le code]

Informations sur le rapport

URL traitée : https://espace-prive.fr/

Résultat de l'API au format JSON

Ce rapport a été mis en cache. Certaines données semblent erronées. Actualisez le rapport pour les compléter.
Dernière MAJ le 01/02/2022 à 20:38:24
[Actualiser]

Code d'intégration Javascript
Insérez le code ci-dessous sur votre site pour consulter vos notes directement depuis vos pages. [En savoir plus]

[Copier le code]

Serveur

Nom de domaine

Host

espace-prive.fr

176.31.83.7

Temps de réponse

✖ Inconnu (Actualisez le rapport)

Ancienneté

✔ Très ancien (15 ans)
Créé le 26/08/2009 à 12:49:51

Expiration

✖ Expire bientôt (-608 jours restants)
Expire le 26/08/2022 à 12:49:51

Registrar

GANDI

DNS

ns-83-a.gandi.net
ns-163-c.gandi.net
ns-201-b.gandi.net

SPF

✔ v=spf1 include:_spf.google.com include:spf.sendinblue.com include:spf.espace-prive.fr ~all

Redirections

Redirection

✔ Aucune avant affichage

HTTPS

✔ http:// redirige vers https://

WWW

✔ https://www.espace-prive.fr/ redirige vers https://espace-prive.fr/

Entêtes

Type de serveur

nginx

Type MIME

✔ text/html

Encodage

✔ utf-8

Compression

✔ gzip

En utilisant un mode de compression pour vos pages, la vitesse de chargement sera améliorée.

Code à intégrer dans le fichier .htaccess :
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/atom_xml AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE application/x-httpd-eruby SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:pdf|avi|mov|mp3|mp4|rm)$ no-gzip dont-vary Header append Vary User-Agent env=!dont-vary </IfModule>

Keepalive

✔ Actif

Certificat SSL

Organisation

Let's Encrypt

Pays

Expiration

✖ Expire bientôt (-782 jour restant)
Expire le 05/03/2022 à 08:05:38

Balisage

Header

DocType

✔ <!DOCTYPE html>

Charset

✔ utf-8

Meta robots

Aucune balise

Manifest

✔ img/favicon/site.webmanifest

Canonical

✖ Aucune balise

Favicon

✖ Aucune balise

Robots.txt

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>

<title>ESPACE PRIVE - Agence Web Marseille</title>

<meta name="description" content="ESPACE PRIVE - Agence web Marseille - Développement sur-mesure pour vos projets les plus complexes, Création de sites web, application web, SAAS">
    <meta name="keywords" content="création site web, application web, SAAS, développement, PHP, Laravel, Node JS, Agile, Scrum">
    <meta name="author" content="EP">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64 96x96" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-chrome-192x192.png">
    <link rel="manifest" href="img/favicon/site.webmanifest">
    <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#25237e">
    <meta name="msapplication-config" content="img/favicon/browserconfig.xml">
    <meta name="msapplication-TileColor" content="#e51743">

<meta property="og:image:height" content="300">
    <meta property="og:image:width" content="573">
    <meta property="og:title" content="Espace Privé - Agence web marseille">
    <meta property="og:description" content="Espace Privé - Accompagne et réalise votre transformation digitale">
    <meta property="og:url" content="https://espace-prive.fr">
    <meta property="og:image" content="https://espace-prive.fr/img/favicon/og-image.jpg">

<link rel="stylesheet" type="text/css" href="css/plugins.css">
    <link rel="stylesheet" type="text/css" href="css/loaders/loader.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">

<meta name="theme-color" content="#e51743">
    <meta name="msapplication-navbutton-color" content="#e51743">
    <meta name="apple-mobile-web-app-status-bar-style" content="#e51743">
    
	<script src="https://www.google.com/recaptcha/api.js"></script>

</head>

<div class="loader">
      <div class="loader__container">
        <div class="loader-content">
          <div class="loader-text">
            
            <span class="outline-colored">Chargement</span>
            <span class="outline-colored">Loading</span>
            <span class="outline-colored">Cargando</span>
          </div>
        </div>
        <div class="loader-caption">
          <p>Espace Privé
          </p>
        </div>
      </div>
    </div>

<nav id="menu" class="menu">

<div class="content-section__controls controls-menu">
        <div class="color-layer color-layer-dark"></div>
        <a href="#" id="menu-close" class="section-close menu-close">Fermer</a>
      </div>

<div class="col-12 menu__navigation">
            <div class="navigation-container">
              
              <ul class="navigation">
                <li>
                  <a href="#" id="home-trigger" class="navigation__item active-link">Accueil</a>
                </li>
                <li>
                  <a href="#" id="about-trigger" class="navigation__item">A propos</a>
                </li>
                <li>
                  <a href="#" id="portfolio-trigger" class="navigation__item">Créations</a>
                </li>
                <li>
                  <a href="#" id="sayhello-trigger-2" class="navigation__item">Contact</a>
                </li>
              </ul>
            </div>
          </div>

</div>
      </div>

<div class="menu__hover"></div>

</nav>

<section id="main" class="main-section">

<div class="main-section__header">

<div class="logo">
          
          <img src="img/espace-prive-logo.svg" alt="Espace Privé - Agence web Marseille">
        </div>

<div class="menu-button top-right">
          <a href="#0" id="menu-trigger" class="menu-trigger"><span></span></a>
        </div>

</div>

<div class="col-12 col-xl-6 main-section__intro">

<div class="intro-content">

<div id="headline" class="headline">
                <h1>
                  
				  <span class="outline-white">ESPACE PRIVE</span>, votre agence de <span class="colored">création digitale</span> accompagne votre réussite grâce à des <span class="outline-white">solutions web</span> <span class="colored">sur-mesure</span>
                </h1>
                <div class="headline__btnholder">
                  <a href="#" id="sayhello-trigger" class="btn">
                    <span class="btn-caption">Nous contacter</span>
                    <span class="btn-icon-right btn-custom-icon-right"></span>
                  </a>
                </div>
              </div>

</div>

<div class="explore-button bottom-left">
              <a href="#0" id="explore-trigger" class="explore vertical animated">
                <span>Explorer</span>
                <span>Explorer</span>
                <span>Explorer</span>
              </a>
            </div>

</div>

<div class="col-12 col-xl-6 main-section__media">
            <div class="media-content">

<div class="media-slider slider-fade">
                <div class="swiper-container">
                    
                    <div class="swiper-wrapper">
                        
                        <div class="swiper-slide swiper-slide-1">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                              <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>01<span>*06</span></p>
                            </div>
                          </div>
                        </div>
                        
                        <div class="swiper-slide swiper-slide-2">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                              <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>02<span>*06</span></p>
                            </div>
                          </div>
                        </div>
                        
                        <div class="swiper-slide swiper-slide-3">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                             <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>03<span>*06</span></p>
                            </div>
                          </div>
                        </div>
                        
                        <div class="swiper-slide swiper-slide-4">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                              <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>04<span>*06</span></p>
                            </div>
                          </div>
                        </div>
                        
                        <div class="swiper-slide swiper-slide-5">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                             <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>05<span>*06</span></p>
                            </div>
                          </div>
                        </div>
						
                        <div class="swiper-slide swiper-slide-6">
                          <div class="color-layer color-layer-medium"></div>
                          <div class="slide-info">
                            <div class="slide-caption">
                              <span>Focus on</span>
                              <p>Wallis, Photos stock<br>made in Marseille</p>
                            </div>
                            <div class="slide-number">
                              <p>06<span>*06</span></p>
                            </div>
                          </div>
                        </div>
                    </div>
                    
                    <div class="swiper-button-next light">
                      <span>suivant</span>
                    </div>
                    <div class="swiper-button-prev light">
                      <span>précédent</span>
                    </div>
                </div>
              </div>

</div>
          </div>

</div>
      </div>

<div class="main-section__hover"></div>

</section>

<section id="about" class="content-section about">
      <div class="container-fluid p-0 fullheight">
        <div class="row no-gutters fullheight">

<div class="content-section__background">
            <span class="section-caption left">L'agence</span>
            
          </div>

<div class="content-section__controls controls-about">
            <div class="color-layer color-layer-dark"></div>
            <a href="#" id="about-close" class="section-close">Fermer</a>
          </div>

<div class="col-12 col-xl-6 content-section__info">
            <div class="blocks-container">

<div class="content-block">
                <h2><span class="outline-white">Espace Privé</span>,
                  expert en transformation digitale.
                  <small>Une réussite assurée par une une analyse approfondie de votre métier, vos services et produits et par un développement de solutions sur-mesure.</small>
                </h2>
                <p class="section-text">Notre organisation de compétences est flexible et ajustable selon la nature et la complexité de votre projet et votre propre organisation interne : UX/UI design, Gestion de projet AGILE, Développement frontend, Développement backend, DevOps, Webmarketing...</p>
				<p class="section-text">Vous avez un projet et vous souhaitez être conseillé(e), estimer sa faisabilité ? Contactez-nous !</p>
			  </div>
              
				
				<div class="content-block">
					<div class="logos-clients">
						<div class="container-fluid">
							<div class="row">
								<div class="col-12 col-xl-4">
									<img src="img/logos/eurocopter.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/jardins.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/etic.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/graine.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/edf.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/palace.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/sportdecouverte.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/hepgarcon.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/welcome-real-time.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/arbe2.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/logo-printjob.png">
								</div>
								<div class="col-12 col-xl-4">
									<img src="img/logos/rdj2.png">
								</div>
							</div>
						</div>
					</div>
				</div>

</div>
          </div>

<div class="col-12 col-xl-6 content-section__media">
            <div class="media-container">

<div class="image about-image">
                <div class="color-layer color-layer-dark"></div>
                
               
              </div>

</div>
          </div>

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

<section id="portfolio" class="content-section portfolio">
      <div class="container-fluid p-0 fullheight">
        <div class="row no-gutters fullheight">

<div class="content-section__background">
            <span class="section-caption left">Focus</span>
            <span class="section-caption right">on...</span>
          </div>

<div class="content-section__controls controls-portfolio">
            <div class="color-layer color-layer-dark"></div>
            <a href="#" id="works-close" class="section-close">Fermer</a>
          </div>

<div class="col-12 col-xl-6 content-section__info">
            <div class="blocks-container">

<div class="content-block">
                <h2>Aperçu de quelques <span class="outline-white">études de cas</span> ou créations en cours
                  <small>Définir et créer une solution sur-mesure est à chaque fois un nouveau défi, une nouvelle entreprise !</small>
                </h2>
                <p class="section-text">Notre audit rigoureux du PQC ("Pourquoi, Quoi, Comment") de chaque projet et notre expertise technologique nous permettent d'apporter des réponses pertinentes, réalisables et efficaces à des problèmes complexes.</p>
              </div>

<div class="content-block features">
                <div class="container-fluid">
                  <div class="row">
                    
                    <div class="col-12 col-sm-6 features__item">
                      <img src="img/icons/feature-icon-1.svg" alt="CRM - Web App sur mesure">
                      <h3>CRM - Web App<br>Site sur-mesure</h3>
                    </div>
                    
                    <div class="col-12 col-sm-6 features__item">
                      <img src="img/icons/feature-icon-2.svg" alt="Gestion de projet AGILE">
                      <h3>Gestion de<br>projet AGILE</h3>
                    </div>
                    
                    <div class="col-12 col-sm-6 features__item">
                      <img src="img/icons/feature-icon-3.svg" alt="Laravel - NodeJS - PostgreSQL - Docker - AWS">
                      <h3>Laravel - NodeJS<br>PostgreSQL<br>Docker - AWS</h3>
                    </div>
                    
                    <div class="col-12 col-sm-6 features__item">
                      <img src="img/icons/feature-icon-4.svg" alt="Mockups UX / UI - Flat Design">
                      <h3>Mockups UX/UI<br>Flat design</h3>
                    </div>
                  </div>
                </div>
              </div>

</div>
          </div>

<div class="col-12 col-xl-6 content-section__media">
            <div class="media-container">

<div class="gallery">
                <div class="row no-gutters my-gallery" itemscope itemtype="http://schema.org/ImageGallery">

<figure class="col-12 col-sm-6" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
                    <a href="img/portfolio/printjob2.jpg" data-image="img/portfolio/printjob.jpg" class="works-link" itemprop="contentUrl" data-size="900x1200">
                      <img src="img/portfolio/printjob.jpg" class="works-image" itemprop="thumbnail" alt="Image description" />
                    </a>
                    <figcaption class="works-description" itemprop="caption description">
                      <div class="works-description__caption">
                        <span>01 / En cours</span>
                      </div>
                      <h4>
                        <span><strong>Site Webtoprint B2B</strong></span>
                        <br>
                        <small><em>Banque de documents d'impression (CDV, flyer, dépliant...) organisés par métier proposant de nombreuses identités graphiques</em></small>
                      </h4>
                      <p>Génération automatisée des documents à partir de modèles et chartes graphiques.</p>
                    </figcaption>
                  </figure>

<figure class="col-12 col-sm-6" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
                    <a href="img/portfolio/sportdecouverte2.jpg" class="works-link" data-image="img/portfolio/sportdecouverte.jpg" itemprop="contentUrl" data-size="900x1200">
                      <img src="img/portfolio/sportdecouverte.jpg" class="works-image" itemprop="thumbnail" alt="Image description" />
                    </a>
                    <figcaption class="works-description" itemprop="caption description">
                      <div class="works-description__caption">
                        <span>02 / Etude de cas</span>
                      </div>
                      <h4>
                        <span><strong>Design intégration CSS SASS</strong></span>
                        <br>
                        <small><em>Réflexion autour d'une architecture SASS performante et évolutive.</em></small>
                      </h4>
                      <p>L'objectif de notre client était de fournir à chaque page de leur site un fichier CSS compilé comportant le strict minimum nécessaire à la page pour une performance accrue et un exellent score Google. Nous avons donc pensé et écrit une architecture SASS permettant de générer rapidement et automatiquement ces fichiers.</p>
                    </figcaption>
                  </figure>

<figure class="col-12 col-sm-6" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
                    <a href="img/portfolio/hepgarcon2.jpg" class="works-link" data-image="img/portfolio/hepgarcon.jpg" itemprop="contentUrl" data-size="900x1200">
                      <img src="img/portfolio/hepgarcon.jpg" class="works-image" itemprop="thumbnail" alt="Image description" />
                    </a>
                    <figcaption class="works-description" itemprop="caption description">
                      <div class="works-description__caption">
                        <span>03 / Etude de cas</span>
                      </div>
                      <h4>
                        <span><strong>WebApp de recrutement CHR</strong></span>
                        <br>
                        <small><em>Développement d’un outil de recrutement sur-mesure, Création d’un algorithme intelligent et performant</em></small>
                      </h4>
                      <p>Plateforme de recrutement novatrice conçue pour répondre rapidement et intelligemment aux besoins des professionnels de l’hôtellerie-restauration. Les employeurs peuvent créer leurs annonces en ciblant de nombreux critères de savoir-faire. Les candidats sont ciblés et classés par un algorithme performant et proposés à l’employeur pour un recrutement pertinent et efficace.

</p>
                    </figcaption>
                  </figure>

<figure class="col-12 col-sm-6" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
                    <a href="img/portfolio/palace2.jpg" class="works-link" data-image="img/portfolio/palace.jpg" itemprop="contentUrl" data-size="900x1200">
                      <img src="img/portfolio/palace.jpg" class="works-image" itemprop="thumbnail" alt="Image description" />
                      <div class="overlay"></div>
                    </a>
                    <figcaption class="works-description" itemprop="caption description">
                      <div class="works-description__caption">
                        <span>04 / En cours</span>
                      </div>
                      <h4>
                        <span><strong>E-Solution cinéma</strong></span>
                        <br>
                        <small><em>Création d'une solution digitale complète pour un cinéma : website type VOD, e-billet, app mobile, programmes d'affichage type aéroport.</em></small>
                      </h4>
                      <p>Cette e-solution est le parfait exemple d'une transformation digitale globale réussie. Nous sommes actuellement en train de réaliser la V2 pour répondre aux nouveaux standards.</p>
                    </figcaption>
                  </figure>

</div>
              </div>

</div>
          </div>

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

<section id="contact" class="content-section contact">
      <div class="container-fluid p-0 fullheight">
        <div class="row no-gutters fullheight">

<div class="content-section__background">
            <span class="section-caption left">Contact</span>
            <span class="section-caption right">Us</span>
          </div>

<div class="content-section__controls controls-contact">
            <div class="color-layer color-layer-dark"></div>
            <a href="#" id="contact-close" class="section-close">Fermer</a>
          </div>

<!--<div class="col-12 col-xl-6 content-section__info">
            <div class="blocks-container">

<div class="content-block">
                <h2>Hello and
                  <span class="outline-white">welcome</span>
                  to our new office
                  <small>Our new website is under construction but we are ready to go!</small>
                </h2>
                <p class="section-text">You can call us or leave a request and we’ll reply as soon as posible.
                  We are always glad to see you in our office from
                  <span>9:00</span>
                   to
                  <span>18:00</span>
                   every weekday. Contact us via phone:
                   <a href="tel:+12127089400">+1 212-708-9400</a>
                   or email:
                   <a href="mailto:example@example.com?subject=Message%20from%20your%20site">example@example.com</a>.
                </p>
              </div>

<div class="content-block contact-buttons">
                <a href="#" id="sayhello-trigger-2" class="btn">
                  <span class="btn-caption">Say Hello!</span>
                  <span class="btn-icon-right btn-custom-icon-right"></span>
                </a>
              </div>

</div>
          </div>-->

<div class="col-12 col-xl-6 content-section__media">
            <div class="media-container">

<div class="image about-image">
                <div class="color-layer color-layer-dark"></div>
                
               
              </div>

</div>
          </div>

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

<div id="notify" class="popup notify">

<div class="popup__background">
        <span class="section-caption bright left">We are</span>
        <span class="section-caption bright right">almost here</span>
      </div>

<div class="popup__container">

<div class="popup__controls">
          <a class="popup-close" href="#0" id="notify-close">Fermer</a>
        </div>

<div class="popup__content">

<div class="content-block popup-title">
            <p class="popup-title__title">Get to <span class="outline-white">know</span> about our launch</p>
            <p class="popup-title__text">Subscribe to our newsletter and we will send you a notification about the launch of our brand new site.</p>
          </div>

<div class="content-block">
            <div class="form-container">

<div class="reply-group subscription-ok">
                <i class="far fa-check-circle reply-group__icon"></i>
                <p class="reply-group__title txt-light">Done!</p>
                <span class="reply-group__text">Thanks for subscribing. We will send you a notification about our launch.</span>
              </div>
              <div class="reply-group subscription-error">
                <i class="far fa-sad-tear reply-group__icon"></i>
                <p class="reply-group__title">Ooops!</p>
                <span class="reply-group__text">Something went wrong. Please try again later.</span>
              </div>

<form class="form notify-form form-light">
                <input class="" type="email" placeholder="Email Adress*" required>
                <span class="inputs-description">*Required fields</span>
                <button class="btn btn-fill" type="submit">
                  <span class="caption">Send</span>
                </button>
              </form>

</div>
          </div>

</div>

</div>

</div>

<div id="sayhello" class="popup sayhello">

<div class="popup__background">
        <span class="section-caption bright left">Just say</span>
        <span class="section-caption bright right">hello</span>
      </div>

<div class="popup__container">

<div class="popup__controls">
          <a class="popup-close" href="#0" id="sayhello-close">Fermer</a>
        </div>

<div class="popup__content">

<div class="content-block popup-title">
            <p class="popup-title__title">Vous souhaitez en savoir plus sur nous ? Nous parler de
              <span class="outline-white">votre projet</span> ?
            </p>
            <p class="popup-title__text">Exprimez vos envies ci-dessous</p>
          </div>

<div class="content-block">
            <div class="form-container">

<div class="reply-group">
                <i class="far fa-check-circle reply-group__icon"></i>
                <p class="reply-group__title">Done!</p>
                <span class="reply-group__text">Merci pour votre message. Nous vous répondrons au plus vite.</span>
              </div>

<form class="form sayhello-form form-light" id="sayhello-form">
                
                <input type="hidden" name="project_name" value="EP - Demande de contact">
                <input type="hidden" name="admin_email" value="rb@espace-prive.fr">
                <input type="hidden" name="form_subject" value="Say Hello Form Message">
                
                <input class="input-1" type="text" name="Name" placeholder="Votre identité*" required>
                <input class="input-2" type="email" name="E-mail" placeholder="Votre email*" required>
                <textarea class="" name="Message" placeholder="Quelques mots*" required>

*Champs requis

Sitemap

✖ Inexistant

Espace Prive (marseille, focus, fermer)
Rapport analyse SEO #325652