FORMATION CRÉATION SITE

GRS WEB DESIGN Verified independent store

→

Formation : création de site Vitrine ou E-commerce Offre 7 JOURS Niveau débutant Vous partez de zéro ? Cette formation vous guide pas à pas pour apprendre à créer un site propre, l e structurer et le mettre en ligne avec une méthode simple. Demande gratuite • Réponse en moins de 24h • Sans engagement Vous choisissez : WixouShopify Le plan est adapté selon votre objectif : site vitrine ou e-commerce. Structurer un site clair avec des sections qui rassurent Créer un design propre, même sans être designer Ajouter les pages essentielles : accueil, offres, contact Mettre en ligne et rendre le site mobile-friendly Éviter les erreurs qui donnent un rendu amateur Mettre en place les bases SEO pour être plus visible Idéal si vous voulez comprendre, faire vous-même et avancer avec une méthode claire. Sessions à venir Après votre demande, nous vous recontactons pour fixer votre session et organiser le planning selon vos disponibilités. Durée : à définir • Format : en ligne Quel type de site voulez-vous apprendre à créer ? Site vitrine Site e-commerce Je ne sais pas encore Plateforme souhaitée Wix Shopify Je veux être conseillé Votre niveau actuel Je pars de zéro J’ai déjà essayé mais je suis bloqué J’ai déjà un site mais je veux apprendre à mieux faire Vos disponibilités pour une session Plutôt en journée Plutôt le soir Plutôt le week-end Je suis flexible Demander les infos gratuitement ✔ Réponse rapide • ✔ Sans engagement • ✔ Retour sous 24h :root{ --g1:#fff7d6; --g2:#f5d98a; --g3:#d4af37; --g4:#ffefb0; --g5:#b8922e; --txt:#f7f4ee; --muted:rgba(247,244,238,.78); --muted2:rgba(247,244,238,.62); --line:rgba(212,175,55,.18); } .grs-forma-desc, .grs-forma-desc *{ box-sizing:border-box; } .grs-forma-desc{ background:transparent; padding:0; } .grs-forma-top{ margin:0 0 12px; } .grs-forma-title{ margin:0 0 10px; font-family:ui-serif, Georgia, "Times New Roman", serif; font-size:26px; letter-spacing:.04em; text-transform:uppercase; color:var(--txt); } .grs-forma-title span{ background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5)); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:goldFlow 4.2s linear infinite; } .grs-forma-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 6px; } .grs-badge{ display:inline-flex; align-items:center; justify-content:center; padding:7px 10px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(10,10,12,.92); border:1px solid rgba(212,175,55,.38); background: linear-gradient(120deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%), linear-gradient(90deg, var(--g5), var(--g3), var(--g2), var(--g4), var(--g3), var(--g5)); background-size:220% 100%; animation:goldFlow 6.2s linear infinite; clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%); } .grs-badge--soft{ color:rgba(247,244,238,.86); background:rgba(0,0,0,.18); border-color:rgba(212,175,55,.22); animation:none; clip-path:polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); } .grs-forma-intro{ margin:0 0 16px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:15.6px; line-height:1.85; color:var(--txt); } .grs-forma-choice, .grs-forma-sessions{ margin:0 0 14px; padding:12px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.14); clip-path:polygon(0 12px, 12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%); } .grs-choice{ display:flex; gap:10px; align-items:flex-start; margin:0 0 8px; } .grs-choice--mini{ margin:0; } .grs-choice__dot{ width:10px; height:10px; margin-top:6px; border-radius:999px; background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5)); background-size:220% 100%; animation:goldFlow 5.2s linear infinite; box-shadow:0 0 22px rgba(212,175,55,.22); flex-shrink:0; } .grs-choice__text{ font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14px; line-height:1.65; color:rgba(247,244,238,.82); } .grs-choice__sep{ opacity:.8; padding:0 6px; } .grs-forma-list{ list-style:none; padding:0; margin:0 0 16px; } .grs-forma-list li{ display:flex; gap:12px; align-items:flex-start; margin:12px 0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14.8px; line-height:1.6; color:var(--muted); } .grs-arrow{ flex-shrink:0; margin-top:6px; width:14px; height:14px; background:linear-gradient(135deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5)); background-size:200% 200%; clip-path:polygon(0 0, 100% 50%, 0 100%, 30% 50%); box-shadow:0 1px 0 rgba(255,255,255,.55), 0 4px 12px rgba(0,0,0,.6); animation:arrowFlow 2.8s ease-in-out infinite; } .grs-forma-note{ margin:0 0 14px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14px; line-height:1.75; color:var(--muted2); } .grs-forma-sessions{ margin:0 0 16px; } .grs-forma-sessions__title{ margin:0 0 6px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; color:rgba(247,244,238,.92); } .grs-forma-sessions__text{ margin:0 0 8px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:13.6px; line-height:1.7; color:rgba(247,244,238,.78); } .grs-forma-sessions__meta{ margin:0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12.6px; letter-spacing:.06em; color:rgba(247,244,238,.68); } .grs-forma-sessions__sep{ padding:0 8px; opacity:.7; } .grs-forma-form{ display:flex; flex-direction:column; gap:12px; max-width:620px; } .grs-forma-form input, .grs-forma-form select, .grs-forma-form textarea{ width:100%; padding:14px 15px; border:1px solid rgba(212,175,55,.45); background:rgba(255,255,255,.06); color:var(--txt); font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14px; outline:none; } .grs-forma-form input::placeholder, .grs-forma-form textarea::placeholder{ color:rgba(247,244,238,.55); } .grs-forma-form select option{ color:#000; } .grs-forma-form textarea{ min-height:120px; resize:vertical; } .grs-forma-cta{ cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:13px 16px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:#0a0a0c; text-decoration:none; border:1px solid rgba(212,175,55,.42); background: linear-gradient(120deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%), linear-gradient(90deg, var(--g5), var(--g3), var(--g2), var(--g4), var(--g3), var(--g5)); background-size:220% 100%; animation:goldFlow 6.2s linear infinite; clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%); box-shadow:0 14px 36px rgba(212,175,55,.14); } .grs-form-note{ margin-top:0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12px; color:rgba(247,244,238,.6); } @keyframes goldFlow{ 0%{background-position:0% 50%} 100%{background-position:100% 50%} } @keyframes arrowFlow{ 0%{ background-position:0% 50%; transform:translateX(0); opacity:.85; } 50%{ background-position:100% 50%; transform:translateX(3px); opacity:1; } 100%{ background-position:0% 50%; transform:translateX(0); opacity:.85; } } @media(max-width:768px){ .grs-forma-title{ font-size:22px; } .grs-forma-intro{ font-size:14.6px; line-height:1.7; } .grs-forma-list li{ font-size:14px; margin:10px 0; } .grs-forma-sessions__text{ font-size:13.2px; } .grs-forma-cta{ width:100%; } } @media(prefers-reduced-motion:reduce){ .grs-forma-title span, .grs-arrow, .grs-forma-cta, .grs-choice__dot, .grs-badge{ animation:none !important; } } document.getElementById("grsFormSiteFormation").addEventListener("submit", function(e){ e.preventDefault(); const form = e.target; const nom = form.nom.value; const telephone = form.telephone.value; const activite = form.activite.value; const objectif = form.objectif.value; const plateforme = form.plateforme.value; const niveau = form.niveau.value; const disponibilite = form.disponibilite.value; const messageClient = form.message.value; const message = `Bonjour, je souhaite recevoir des informations pour la formation Création de site. Prénom / Nom : ${nom} WhatsApp : ${telephone} Activité / Projet : ${activite} Type de site : ${objectif} Plateforme souhaitée : ${plateforme} Niveau actuel : ${niveau} Disponibilités : ${disponibilite} Durée : à définir Message : ${messageClient} Merci, j’attends votre retour 🙂`; const whatsappURL = "https://wa.me/33780155918?text=" + encodeURIComponent(message); window.open(whatsappURL, "_blank"); }); Show more