CINXE.COM
Graphisme et création de sites internet en Gironde
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- CSS --> <link rel="stylesheet" type="text/css" href="/static/css/print.css?ver=2" media="print" /> <link rel="stylesheet" type="text/css" href="/static/css/style.css?ver=2.6" /> <!-- Favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/static/img/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon-16x16.png"> <link rel="manifest" href="/static/img/site.webmanifest"> <link rel="mask-icon" href="/static/img/safari-pinned-tab.svg" color="#de5152"> <link rel="shortcut icon" href="/static/img/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/static/img/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <!-- SEO --> <!-- Si page Projet --> <!-- Primary Meta Tags --> <title>Graphisme et création de sites internet en Gironde</title> <meta name="title" content="Graphisme et création de sites internet en Gironde"> <meta name="description" content="Racines Design vous propose de travailler sur le graphisme et la création de vos sites internet, en Gironde et dans toute la France ! Contactez votre graphiste à Bordeaux pour en savoir plus."> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="www.racinesdesign.fr/"> <meta property="og:title" content="Graphisme et création de sites internet en Gironde"> <meta property="og:description" content="Racines Design vous propose de travailler sur le graphisme et la création de vos sites internet, en Gironde et dans toute la France ! Contactez votre graphiste à Bordeaux pour en savoir plus."> <meta property="og:image" content=""> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="www.racinesdesign.fr/"> <meta property="twitter:title" content="Graphisme et création de sites internet en Gironde"> <meta property="twitter:description" content="Racines Design vous propose de travailler sur le graphisme et la création de vos sites internet, en Gironde et dans toute la France ! Contactez votre graphiste à Bordeaux pour en savoir plus."> <meta property="twitter:image" content=""> </head> <body id="accueil"> <!-- Menu --> <nav class="menu maxi"> <section class="container wow front"> <div class="logo"> <a href="/"><img src="/static/img/racines_logo.svg" alt="Racines"></a> </div> <div class="contenu"> <button class=""> <span class='burger'><svg xmlns="http://www.w3.org/2000/svg" width="27" height="15.75" viewBox="0 0 27 15.75"> <g transform="translate(-4.5 -10.125)"> <path d="M30.375,12.375H5.625A1.128,1.128,0,0,1,4.5,11.25h0a1.128,1.128,0,0,1,1.125-1.125h24.75A1.128,1.128,0,0,1,31.5,11.25h0A1.128,1.128,0,0,1,30.375,12.375Z" fill="#00414e" /> <path d="M30.375,19.125H5.625A1.128,1.128,0,0,1,4.5,18h0a1.128,1.128,0,0,1,1.125-1.125h24.75A1.128,1.128,0,0,1,31.5,18h0A1.128,1.128,0,0,1,30.375,19.125Z" fill="#00414e" /> <path d="M30.375,25.875H5.625A1.128,1.128,0,0,1,4.5,24.75h0a1.128,1.128,0,0,1,1.125-1.125h24.75A1.128,1.128,0,0,1,31.5,24.75h0A1.128,1.128,0,0,1,30.375,25.875Z" fill="#00414e" /> </g> </svg></span> <span class='close'> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 13.426 13.423"> <path d="M19.589,18l4.8-4.8A1.124,1.124,0,0,0,22.8,11.616l-4.8,4.8-4.8-4.8A1.124,1.124,0,1,0,11.616,13.2l4.8,4.8-4.8,4.8A1.124,1.124,0,0,0,13.2,24.384l4.8-4.8,4.8,4.8A1.124,1.124,0,1,0,24.384,22.8Z" transform="translate(-11.285 -11.289)" fill="#00414e" /> </svg> </span> </button> <ul> <li><a href="creation.html">Créa</a></li> <li><a href="print.html">Print</a></li> <li><a href="web.html">Web</a></li> <li><a href="apropos.html">À Propos</a></li> <li class="portfolioPause"><a href="portfolio.html">Porfolio</a></li> <li class="phase2"><a href="actualites.html">Actus</a></li> <li><a href="contact.html" class="CTA CTAPrincipal">Contactez-nous</a></li> </ul> </div> </section> </nav> <!-- Contenu de la page --> <section class="contenuPage"> <header class="container wow up"> <div class="row"> <div class="texte col-xl-5 col-lg-6 flex_v flex_end"> <p class="h1"><span class="benecarlo">Créer votre <span class="rouge">communication</span></span> comme on crée une <span class="bleu_clair">ambiance</span>.</p> <h1 class="SEO">Graphisme et création de sites internet en Gironde</h1> </div> <div class="image col-xl-7 col-lg-6 flex_v flex_end"> <img src="/static/img/Accueil_couverture.svg" alt="Femme assise à son bureau, regardant son ordinateur. Elle est entourée de plantes, d'une lampe et de son chat qui se prélasse"> </div> <div class="flecheBas"> <!-- <a href="#intro"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20.492 21.025"> <path d="M19.517,11.189l1.042,1.042a1.122,1.122,0,0,1,0,1.591l-9.118,9.122a1.122,1.122,0,0,1-1.591,0L.728,13.822a1.122,1.122,0,0,1,0-1.591L1.77,11.189a1.127,1.127,0,0,1,1.61.019l5.387,5.655V3.376A1.124,1.124,0,0,1,9.893,2.25h1.5A1.124,1.124,0,0,1,12.52,3.376V16.863l5.387-5.655a1.119,1.119,0,0,1,1.61-.019Z" transform="translate(-0.397 -2.25)" fill="#de5152" /> </svg></a> --> </div> </div> </header> <div id="intro" class="wow up feuilleCont"> <div class="container"> <div class="row"> <div class="col-lg-5 flex_v flex_center_v"> <p class="accroche">Racines crée votre identité graphique et réalise vos <b>outils de communication print et web <span class="inline-block">éco-responsables</span>.</b></p> <p>Notre méthode de travail est centrée sur <b>l’écoute active de vos besoins et objectifs.</b></p> <p>Fidèle à vos valeurs, cette approche nous permet de concevoir des sites internet et des supports imprimés qui <b>révèlent la personnalité de votre entreprise.</b></p> <p> <a href="portfolio.html" class="CTA CTA2 portfolioPause">Voir nos réalisations</a> </p> </div> <div class="col-lg-6 bloc_fonce"> <h2 class="h3 txt_left">Vraiment <span class="inline-block">éco-responsable ?</span></h2> <p><b>Faisons mieux avec moins.</b> Racines veille à la réduction de l’empreinte écologique de tous vos supports dès la phase de conception. Nos résultats sont concrets et mesurables.</p> <p> <a href="web.html" class="CTA CTA2 CTABlanc clair">En savoir plus</a> </p> </div> <div class="feuille feuillage1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232.214 212.089"> <g transform="translate(-5323.094 -1732)"> <path d="M1461.907,199.736s-24.139,5.133-38.419,2.9-23.314-2.179-30.931,2.508-13.068,10.99-27.645,8.116-28.186-6.69-43.432,4.114-13.7,11.142-13.7,11.142-7.617-18.072,3.982-32.26,13.4-11.782,18.507-15.861,15.1-17.172,33.857-18.865,21.433,2.634,28.934,2.242,16.9-2.669,22.76-.532,25.8,25.76,38.458,30.521C1459.51,196.049,1469.1,198.705,1461.907,199.736Z" transform="translate(4032.243 1691.025)" fill="#bddcd2" /> <path d="M1343.243,130.2c-20.956-11.678-45.353-20.146-49.116-45.15-1.43-23.255,43.613-17.838,60.728-12.525s46.925,17.919,69.492,42.337,8.764,34.492,7.449,36.255a89.165,89.165,0,0,1-7.965,9.522c-3.479,3.446-15.5,11.631-36.55-1.969S1353.09,135.693,1343.243,130.2Z" transform="translate(4029 1664.099)" fill="#bddcd2" /> <path d="M1489.208,233.292c-.051-.083-5.222-8.465-14.116-20.946-5.222-7.328-10.687-14.614-16.242-21.656-6.942-8.8-14.045-17.239-21.114-25.086-17.97-19.949-35.819-36.226-53.049-48.379a174.054,174.054,0,0,0-30-17.263,120.219,120.219,0,0,0-15.43-5.594,95.526,95.526,0,0,0-15.553-3.086l.328-2.982a98.539,98.539,0,0,1,16.049,3.183,123.247,123.247,0,0,1,15.823,5.737,177.091,177.091,0,0,1,30.53,17.568c17.417,12.287,35.438,28.721,53.561,48.844,7.112,7.9,14.259,16.39,21.24,25.241,5.584,7.08,11.077,14.4,16.325,21.771,8.941,12.549,14.149,20.992,14.2,21.076Z" transform="translate(4037.599 1670.421)" fill="#18404c" /> <path d="M1523.516,248.244q-1.856-3.279-4.021-6.43a155.42,155.42,0,0,0-11.883-15.389,167.372,167.372,0,0,0-20.208-19.543,154.052,154.052,0,0,0-28.663-18.542,133.988,133.988,0,0,0-38.277-12.579c-11.084-1.757-22.786-3-32.967-.513a32.6,32.6,0,0,0-8.171,3.209c-1.92,1.089-3.686,2.38-5.5,3.6a18.827,18.827,0,0,1-5.207,2.638c-5.645,1.623-12.282,1.156-18.443,1.174-6.882.026-13.97.218-20,2.53-4.794,1.846-8.48,5.11-11.754,8.679a105.262,105.262,0,0,0-14.19,20.425c-.258.45-.5.907-.748,1.362-.528,1.019,1.4,2.032,1.933,1.021a113,113,0,0,1,10.13-15.963,53.773,53.773,0,0,1,9.756-10.393c4.524-3.494,10.285-5,16.522-5.479,6.65-.521,13.52-.045,20.183-.43,3.763-.2,7.449-.709,10.542-2.326,4-2.078,7.191-5.073,11.47-6.8,7.63-3.106,16.922-3.039,25.828-2.23a128.872,128.872,0,0,1,22.038,3.777,144.6,144.6,0,0,1,48.6,23.725,162.222,162.222,0,0,1,21.716,19.365,160.6,160.6,0,0,1,13.584,16.557c1.328,1.862,2.616,3.749,3.828,5.666.116.175.232.357.335.539s.322.522.284.442c0,0,.335.554.464.772.245.406.477.8.709,1.191l.219.4c.644,1.184,2.513.745,1.869-.445Z" transform="translate(4031.684 1694.696)" fill="#18404c" /> <path d="M1329.606,111.843c4.459-1.628,8.828-3.93,11.934-7.087,2.011-2.029,3.39-4.561,2.539-7.715-1.018-3.875-4.021-7.575-7.178-10.645a40.841,40.841,0,0,0-10.994-8.048,1.148,1.148,0,0,0-.76-.054.713.713,0,0,0-.477.433.841.841,0,0,0,.064.676,1.362,1.362,0,0,0,.58.541,36.454,36.454,0,0,1,8.893,6.265c3.067,2.8,6.083,6.12,7.488,9.709a6.248,6.248,0,0,1,.438,3.973,8.064,8.064,0,0,1-1.933,3.193,24.813,24.813,0,0,1-6.869,4.891,37.032,37.032,0,0,1-4.665,2.13c-1.108.4-.18,2.157.941,1.748Z" transform="translate(4037.817 1667.089)" fill="#18404c" /> <path d="M1341.734,121.227a53.7,53.7,0,0,0,11.883-6.529c2.449-1.808,4.833-3.931,6.006-6.7a9.788,9.788,0,0,0,.49-4.635,36.2,36.2,0,0,0-1.289-7.459,27.314,27.314,0,0,0-9.485-14.632c-1.109-.839-2.2.495-1.083,1.339a24.35,24.35,0,0,1,8.158,12.063,35.132,35.132,0,0,1,1.534,7.105,11.435,11.435,0,0,1-.155,4.918c-.889,2.527-3.054,4.488-5.194,6.124a48.113,48.113,0,0,1-7.475,4.6c-1.057.543-2.126,1.052-3.209,1.539-.49.222-.335.155-.8.348l-.335.143C1339.672,119.893,1340.626,121.672,1341.734,121.227Z" transform="translate(4042.34 1667.885)" fill="#18404c" /> <path d="M1360.652,132.272a61.807,61.807,0,0,0,6.3-2.771,40.381,40.381,0,0,0,10.607-7.181,17.754,17.754,0,0,0,4.653-9.495,30.934,30.934,0,0,0-.077-12.113c-.8-3.8-2.526-8.161-6.354-10.92a1.3,1.3,0,0,0-.786-.256.855.855,0,0,0-.657.289.75.75,0,0,0-.129.665,1.212,1.212,0,0,0,.464.651c3.029,2.16,4.421,5.606,5.168,8.611a29.034,29.034,0,0,1,.477,11.453,17.161,17.161,0,0,1-3.841,9.077,34.274,34.274,0,0,1-9.937,7.056,58.56,58.56,0,0,1-6.908,3.121c-1.134.412-.167,2.2.967,1.785Z" transform="translate(4047.781 1670.348)" fill="#18404c" /> <path d="M1376.845,140.5a40.621,40.621,0,0,0,10.336-4.142c5.928-3.293,11.006-8.159,12.334-14.741a23.139,23.139,0,0,0-2.307-14.224c-.541-1.188-2.41-.665-1.869.508a21.966,21.966,0,0,1,2.255,12.16,16.812,16.812,0,0,1-4.111,8.635c-3.506,4.049-8.6,6.929-13.932,8.851a33.246,33.246,0,0,1-3.673,1.146C1374.641,138.978,1375.62,140.781,1376.845,140.5Z" transform="translate(4052.453 1675.309)" fill="#18404c" /> </g> </svg> </div> </div> </div> </div> <div id="prestas" class="wow up feuilleCont"> <div class="container"> <div class="fiche wow up"> <div class="tete"> <h2>Création</h2> <p class="motscles">Atmosphère, atmosphère</p> </div> <img src="/static/img/illus_crea.svg" alt="Femme en pleine création"> <div class="txt"> <p>Votre identité graphique raconte une partie de votre histoire et ouvre grand la porte de votre univers. Racines s’occupe de l’ambiance !</p> <p><b>Création de <strong>logo</strong>, <strong>identité visuelle</strong>, <strong>charte graphique</strong>…</b></p> </div> <p class="btn"><a href="creation.html" class="CTA CTA2">En savoir plus</a></p> </div> <div class="fiche wow up"> <div class="tete"> <h2>Print</h2> <p class="motscles">Tactile & tactique</p> </div> <img src="/static/img/illus_print.svg" alt="Homme pensif tenant une impression à la main"> <div class="txt"> <p>Les flux d’informations filent et se défilent. Le papier reste, et se glisse même dans la poche. Racines imprime votre marque dans les esprits !</p> <p><b>Création de <strong>supports imprimés</strong>, <strong>cartes de visite</strong>, <strong>plaquettes</strong>…</b></p> </div> <p class="btn"><a href="print.html" class="CTA CTA2">En savoir plus</a></p> </div> <div class="fiche wow up "> <div class="tete"> <h2>Sites web</h2> <p class="motscles">Home sweet home</p> </div> <img src="/static/img/illus_web.svg" alt="Femme devant un ordinateur, en train de coder"> <div class="txt"> <p>Vos visiteurs sont de passage ? Montrons leur qui vous êtes, surprenons-les ! <br>Racines va leur donner envie de rester chez vous.</p> <p><b><strong>Design</strong> et <strong>développement</strong> de <strong>sites web</strong></b></p> </div> <p class="btn"><a href="web.html" class="CTA CTA2">En savoir plus</a></p> </div> </div> </div> <div id="real" class="background fonce feuilleCont portfolioPause"> <div class="feuille feuillage3"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.46 142.33"> <g transform="translate(-5281.257 -2672.534)"> <path d="M1434.4,1010.769c16.376,11.059,15.8,19.661,15.656,26.349,0,0,7.834,1.087,10.4,1.654s26.809-18.125,20.1-11.638a56.745,56.745,0,0,0-12.5,17.818c6.841,2.328,9.641,8.554,7.314,19-2.529,11.319-15.171,18.8-23.324,16.979s-10.2-8.554-7.668-19.862c1.43-6.4,13.741-18.444,21.882-16.624a8.06,8.06,0,0,1,1.111.3l.035-5.423a50.518,50.518,0,0,0-10.752,5c-13.115,6.475-39.5,12.016-41.354,14.285a72.771,72.771,0,0,0-4.3,6.664c4.6,3.036,6.239,8.779,4.289,17.534-2.528,11.319-15.171,18.8-23.312,16.979s-10.208-8.554-7.68-19.862c1.43-6.4,13.741-18.444,21.882-16.624a15.558,15.558,0,0,1,3.745,1.335,41.578,41.578,0,0,1,2.812-6.593c-4.265,1.063-35.269,4.218-44.462,6.2a52.3,52.3,0,0,0-3.84,6.132c6.735,3.356,9.949,14.722,8.519,21.126-2.529,11.319-15.171,18.8-23.312,16.979s-10.126-11.9-7.6-23.206c1.43-6.4,12.17-17.451,20.311-15.632.2.036.39.083.579.13a17.985,17.985,0,0,1,1.063-4.466c-10.327,1.052-31.642,9.062-39.83,12.607a48.4,48.4,0,0,0-2.5,8.176,8.919,8.919,0,0,1-.673,2.056c6.593,2.966,7.314,13.422,5.86,19.945-2.15,9.606-13.765,16.423-19.543,15.135-8.141-1.819-13.765-10.693-11.236-22.012,1.394-6.227,14.391-14.97,22.6-13.765l1.855-8.33c-16.884,6.51-35.777,28.83-37.42,30.8,6.64,5.128,5.967,19.59,4.6,25.734-2.576,11.52-17.747,16.2-23.525,14.911-8.141-1.819-13.836-13.4-11.307-24.718,1.406-6.286,18.03-18.881,26.348-17.641l.213-.319c9.063-13.434,28.121-25.982,28.121-25.982l-9.287-2.068c-3.025,3.568-8.472,3.9-16.813,1.961-11.319-2.6-20.441-13.647-18.562-21.776s5.069-12.264,16.376-9.653c14,3.119,23.218,16.282,21.339,24.411a15.1,15.1,0,0,1-.7,2.257,94.519,94.519,0,0,0,11.473,2.363c8.909-6.747,39.121-15.466,39.121-15.466l-6.168-2.517c-2.954,3.935-8.484,4.372-17.132,2.375-11.319-2.611-20.441-13.659-18.562-21.788s5.92-16.1,17.239-13.493c6.392,1.477,22.355,20.133,20.476,28.251a14.149,14.149,0,0,1-.9,2.753c3.013.733,7.444,1.89,12.028,3.3,12.962-3.828,27.436-5.305,41.118-6.286-.733-.154-3.415-3.379-5.577-6.12-3.332,2.694-8.448,3.4-15.443,1.784-11.319-2.611-21.575-14.58-19.7-22.709s11.756-12.111,23.064-9.511c6.4,1.477,18.089,15.147,16.223,23.276a13.427,13.427,0,0,1-2.954,6.026l.532.355s2.777,2.635,9.405,6.132c18.172.024,42.76-10.622,50.948-14.167,0,0-2.41-1.217-6.12-2.706a61.729,61.729,0,0,1-7.668,3.935c-4.549,1.961-21.2,1.713-27.814-7.834C1404.893,1022.324,1413.6,1001.423,1434.4,1010.769Z" transform="translate(4028.999 1664.099)" fill="#bddcd2" /> </g> </svg> </div> <div class="container wow up"> <h2>Nos dernières réalisations</h2> <div class="caroussel col-lg-12 col-md-7 col-sm-7"> <div class="item"> <img src="/static/img/portfolio/Keik_Etiquettes_mini_1687958945.jpg" alt="Keik - Etiquette" srcset="/static/img/portfolio/Keik_Etiquettes_mini_1687958945@2x.jpg 2x"> <div class="fiche"> <p class="type">Etiquette</p> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 42.849 42.849"> <path d="M16.068,0V16.068H0V26.78H16.068V42.849H26.78V26.78H42.849V16.068H26.78V0Z" fill="#fdfdfd" /> </svg> <a href="projet_41.html"> </a> </div> </div> <div class="item"> <img src="/static/img/portfolio/Keik_Cdv_mini_1687958876.jpg" alt="Keik - Carte de visite" srcset="/static/img/portfolio/Keik_Cdv_mini_1687958876@2x.jpg 2x"> <div class="fiche"> <p class="type">Carte de visite</p> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 42.849 42.849"> <path d="M16.068,0V16.068H0V26.78H16.068V42.849H26.78V26.78H42.849V16.068H26.78V0Z" fill="#fdfdfd" /> </svg> <a href="projet_40.html"> </a> </div> </div> <div class="item"> <img src="/static/img/portfolio/Keik_Logo_mini_1687958821.jpg" alt="Keik - Logoype" srcset="/static/img/portfolio/Keik_Logo_mini_1687958821@2x.jpg 2x"> <div class="fiche"> <p class="type">Logoype</p> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 42.849 42.849"> <path d="M16.068,0V16.068H0V26.78H16.068V42.849H26.78V26.78H42.849V16.068H26.78V0Z" fill="#fdfdfd" /> </svg> <a href="projet_39.html"> </a> </div> </div> </div> <p><a href="portfolio.html" class="CTA CTA2 CTABlanc clair">Voir toutes les réalisations</a></p> </div> </div> <div id="apropos" class="feuilleCont"> <div class="feuille feuillage4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.335 183.757"> <g transform="matrix(-0.438, -0.899, 0.899, -0.438, 38.427, 239.517)"> <path d="M171.325,64.725c28.967-12.024-4.372,4.462-3.31,63.155,2.612,27.456-15.532,30.679-20.492,25.082s-11.037-17.884-12.4-25.076-6.357-17.29-9.231-15.34-6.18,12.427-5.193,22.472-6.3,28.572-16.513,27.874-14.359-11.3-13.967-14.941.294-10.495-3.231-8.752S77.069,159.054,70.9,162.1s-21.6,9.532-29.826-7.1,14.651-30.242,21.275-32.368c0,0,22.794-3.8,24.491-9.236s-15.174-6.3-15.273-13.145S82.1,83.858,103.2,89.937c14.413,3.648,19.079-11.308,11.965-12.39S83.609,73.6,86.089,60.878s16.152-18.336,34-11.064S149.934,73.577,171.325,64.725Z" transform="translate(0 0)" fill="#bddcd2" /> <path d="M191.081,67.925c6.168-3.05,9.627-9.36,2.48-12.725s-2.578,5.874-21.5,16.383c-9.235,5.716-12.3,8.383-20.755,6.813s-14.718-5.371-21.9-11.02-15.6-4.936-20.918-4.605-2.611,3.591,4.047,3.748,16.512,6.783,21.9,11.02,13.412,7.166,19.612,6.4-7.864,8.489-12.726,9.743-11.976.172-20.362,3.17-14.522,8.33-21.668,4.965-11.1-.263-3.948,3.1,6.265,3.8,10.671,1.622,8.8-2.59,2.479,3.684-7.961,16.274-13.247,18.889S61.3,144.746,57.78,146.489s-5.221,7.181,3.59,2.824,28.58-12.718,33.464-15.259,15.255-21.48,13.559-16.041c0,0-2.448,15.008-.1,24.2s4.046,3.749,3.981-.819-2.611-27.456,7.472-35.892c2.186-2.231,11.615-3.961,15.534-4.485s19.708-12.942,18.012-7.5.327,22.837-1.37,28.275-.358,5.926,2.284,4.62,3.035-4.951,2.97-9.518-1.274-26.967,4.437-30.941S191.081,67.925,191.081,67.925Z" transform="translate(-3.766 -1.907)" fill="#18404c" /> </g> </svg> </div> <div class="container"> <div class="row flex_center"> <div class="col-lg-8 col-lg-9 col-10 txt wow up"> <div class="img"></div> <div> <h2 class="txt_left">À propos</h2> <p>Pourquoi Racines s’appelle Racines ? Quel est l’intérêt d’être à la fois webdesigner et web-développeur ? Pourquoi le papier a-t-il encore sa place ? Ça veut dire quoi <strong>design et développement web écoresponsables à Bordeaux</strong> ? Pourquoi faut-il savoir lire entre les lignes de code ?<br><b>On vous raconte tout !</b></p> <p><a href="apropos.html" class="CTA CTA2">En savoir plus</a></p> </div> </div> </div> </div> </div> <div id="actus" class="background clair feuilleCont actualitesPause"> <div class="feuille feuillage5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.163 230.158"> <path d="M6.5,97.918c43.685,21.534,121.364,50.885,105.294,9.777,30.662,2.148,85.994,4.017,55.666-33.206C194.6,68.137,221.515,58.9,217.574,44.595s-52.658-4.888-53.081-10.688,14.8-36.05-5.272-31.656-47.345,26.766-48.984,25.422S115.652,2.55,106.774.252,56.732,11.184,27.5,48.289.02,89.655.02,89.655l28.786-3.567S34.853,69.614,41.557,61.85s9.9-5.112,3.3,5.569S34.588,85.665,34.588,85.665l40.033-8.758A85.764,85.764,0,0,1,86.24,57.121c6.7-7.784,1.98,7.129-.5,13.142s27.144-6.353,27.144-6.353L121.2,51.475l2.888,5.785,28.046-13.692s17.749,4.513,2.171,10.041-27.664,10.471-27.664,10.471l7.383,9.949-16.214-3.183-29.6,12.364a53.154,53.154,0,0,0,22.208,5.651c13.1.505,12.18,7.847-3.8,7.572S78.058,84.857,78.058,84.857L42.391,92.368a16.288,16.288,0,0,0,8.185,12.486c7.53,3.818-.922,7.341-7.127,1.984L27.942,93.383Z" transform="matrix(-0.819, -0.574, 0.574, -0.819, 178.542, 230.158)" fill="#00414e" /> </svg> </div> <div class="feuille feuillage6"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 202.745 191.398"> <path d="M-14.578,128.053c4.942,17.745-18.154,42.139-30.71,59.551a4.4,4.4,0,0,0,2.81,3.948c4.909-5.323,30.2-21.519,42.015-23.486S50.1,180.653,57.026,164.9s-20.434-18.953-14.094-33.258,64.859,9.938,71.311-6.008c5.162-12.757-21.587-26.542-35.607-31.841,3.807-17.579,65.988,12.644,72.567-7.749,4.332-13.43-24.778-21.836-24.964-30.908S168.52,16.012,154.685,2.541s-56.4,34.534-63.62,33.3S78.895.551,62.756,6.392s1.26,49.995-4.1,61.884S15.84,25.646,1.5,40.65,17.162,70.042,20.036,94.26s-29.08-11.2-35.41-6.456S-19.52,110.307-14.578,128.053Z" transform="translate(45.288 -0.154)" fill="#00414e" /> </svg> </div> <div class="container flex_v flex_center wow up"> <h2>Nos actualités</h2> <div class="articles col-xl-10 col-lg-8"> <div class="article"> <p>Nous n'avons pas encore d'article publié. Mais cela ne va pas tarder !</p> </div> </div> <!-- <p><a href="actualites.html" class="CTA CTA2 CTABlanc fonce">Voir toutes les actualités</a></p> --> </div> </div> <div class="CTA_findepage feuilleCont"> <div class="container"> <div class="row"> <div class="col-lg-8 flex_center wow up"> <img src="/static/img/illus_CTA_accueil.svg" alt="Deux personnes discutant"> <h2>Vous avez un projet ?</h2> <p>Vous êtes intéressé par nos services de <strong>graphisme et création de sites internet en Gironde</strong> ? Vous avez envie de nous rencontrer pour en parler ? Vous avez besoin d’un devis personnalisé ? Contactez-nous ! Nous nous ferons un plaisir de répondre à vos interrogations.</p> <p><a href="contact.html" class="CTA CTAPrincipal">Contactez-nous</a></p> </div> </div> </div> <div class="feuille feuillage7"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357.326 368.379"> <g transform="translate(-4761.015 -4337.879)"> <path d="M1262.19,478.3s18.13-23.016,22.77-38.227,9.26-24.391,18.53-30.717,19.31-10,23.35-25.7,6.5-30.686,26.7-42.96,19.8-10.592,19.8-10.592-17.02-13.172-39.31-5.639-20.4,10.1-27.69,14.067-27.49,10.215-38.89,28.8-7.79,22.605-12.02,30.108-11.63,16.4-12.12,23.013,16.76,33.993,15.86,48.291C1259.14,474.756,1257.37,485.317,1262.19,478.3Z" transform="translate(3745 4135)" fill="#bddcd2" /> <path d="M1218.17,474.757s-31.7-7.29-46.27-17.209-24.98-14.637-37.4-13.668-23.67,4.788-38.08-5.969-26.97-22.009-52.98-18.567-24.51,4.618-24.51,4.618,5.58-23.256,30.1-32.227,24.68-5.455,33.74-7.1,30.9-10.292,53.7-2.191,22.46,14.128,31.35,17.669,21.46,6.088,26.49,11.46,9.14,41.045,19.86,52.795C1218.35,469.567,1227.23,477.461,1218.17,474.757Z" transform="translate(3745 4135)" fill="#bddcd2" /> <path d="M1149.86,293.239c-14.56-24.911-35.91-47.934-18.77-79.082,18.37-27.852,66.62,2.758,82.15,18.178s39.68,46.185,45.14,86.8-19.45,44.9-22.53,46.232a167.816,167.816,0,0,1-17.56,6.793c-7.05,2.139-28.24,5.184-41.25-22.015S1156.69,304.946,1149.86,293.239Z" transform="translate(3745 4135)" fill="#bddcd2" /> <path d="M1251.869,545.663a1.5,1.5,0,0,1-1.453-1.131,52.345,52.345,0,0,1-.921-11.876,213.579,213.579,0,0,1,1.591-22.739c1.206-10.39,3.072-22.108,5.545-34.827,2.864-14.729,6.56-30.88,10.986-48a170.8,170.8,0,0,1,8.646-25.316,144.566,144.566,0,0,1,11.15-20.87,124.23,124.23,0,0,1,26.826-29.806,114.48,114.48,0,0,1,14.177-9.652,106.863,106.863,0,0,1,13.692-6.639,92.293,92.293,0,0,1,12.472-4,66.683,66.683,0,0,1,10.538-1.719,1.5,1.5,0,1,1,.224,2.992,78.1,78.1,0,0,0-22.124,5.511,103.86,103.86,0,0,0-13.306,6.452,111.478,111.478,0,0,0-13.8,9.4,121.237,121.237,0,0,0-26.177,29.09,141.564,141.564,0,0,0-10.917,20.436,167.788,167.788,0,0,0-8.493,24.87c-4.411,17.065-8.094,33.156-10.946,47.826-2.458,12.645-4.312,24.286-5.51,34.6-2.142,18.449-1.788,29.417-.743,33.53a1.5,1.5,0,0,1-1.455,1.87Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1244.534,513.421l-2.989-.259c.011-.129,1.115-13.085,1.3-33.049.106-11.722-.123-23.531-.68-35.1-.7-14.453-1.91-28.568-3.607-41.952-4.314-34.025-11.739-63.581-22.069-87.848a196,196,0,0,0-9.7-19.75,154.137,154.137,0,0,0-11.738-17.829,123.95,123.95,0,0,0-13.952-15.4,105.667,105.667,0,0,0-16.349-12.478l1.574-2.554a108.68,108.68,0,0,1,16.82,12.837,126.97,126.97,0,0,1,14.3,15.78A157.174,157.174,0,0,1,1209.4,294a199.069,199.069,0,0,1,9.853,20.061c10.438,24.529,17.935,54.363,22.281,88.673,1.706,13.463,2.925,27.659,3.623,42.191.559,11.624.788,23.488.68,35.265C1245.658,500.253,1244.546,513.291,1244.534,513.421Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1247.49,571.265a89.828,89.828,0,0,0,.55-9.129,154.726,154.726,0,0,0-1.33-23.069,158.654,158.654,0,0,0-7.58-32.019,145.645,145.645,0,0,0-18.2-35.448,136.426,136.426,0,0,0-34.13-34.092c-11.41-7.823-23.94-15.421-37.72-18.142a50.146,50.146,0,0,0-12.05-.872c-3.11.154-6.19.619-9.29.977a30.439,30.439,0,0,1-8.14.092c-7.85-1.25-15.15-5.3-22.3-8.563-7.99-3.648-16.34-7.221-25.19-7.923-7.04-.555-13.94,1.025-20.61,3.159a189.562,189.562,0,0,0-32.92,14.63c-.66.354-1.31.717-1.96,1.082-1.45.823-.02,2.958,1.41,2.142a202.606,202.606,0,0,1,24.62-11.947,96.311,96.311,0,0,1,19.68-6.092c8.06-1.381,15.93.056,23.54,2.86,8.13,2.987,15.68,7.163,23.71,10.3,4.51,1.785,9.19,3.2,14.08,3.094,6.3-.126,12.42-1.674,18.77-1.277,11.33.692,22.02,5.723,31.67,11.352a142.036,142.036,0,0,1,22.47,15.871,140.178,140.178,0,0,1,37.07,51.714,153.224,153.224,0,0,1,9.47,32.627,158.329,158.329,0,0,1,2.35,25.246c.03,2.732-.01,5.468-.15,8.2-.01.252-.03.509-.04.767s-.05.74-.04.63c0,0-.06.78-.08,1.089q-.06.858-.15,1.667l-.06.554c-.22,1.629,2.3,2.146,2.52.51Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1158.19,270.313a54.074,54.074,0,0,0,19.97-1.817c4.08-1.27,7.85-3.466,9.56-7.569,2.14-5.026,1.81-10.916.76-16.157s-2.75-10.856-5.91-15.188a1.288,1.288,0,0,0-1.77-.224,1.337,1.337,0,0,0-.5.819,1.288,1.288,0,0,0,.21.935c2.51,3.47,3.99,7.881,4.99,12,1.18,4.882,1.85,10.338.42,15.242a9.758,9.758,0,0,1-2.9,4.83,15.586,15.586,0,0,1-4.99,2.661,43.33,43.33,0,0,1-12.19,1.983,58.548,58.548,0,0,1-7.28-.035c-1.63-.124-2.04,2.4-.39,2.527Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1168.43,292.345a86.364,86.364,0,0,0,19.16-1.2c4.34-.775,8.87-1.942,12.56-4.481a16.77,16.77,0,0,0,4.48-5.035,54.052,54.052,0,0,0,4.83-9.2c2.75-6.831,4.08-14.618,1.49-21.712-.57-1.542-2.95-.594-2.38.957,2.13,5.857,1.23,12.341-.83,18.081a49.947,49.947,0,0,1-4.26,8.918,18.909,18.909,0,0,1-4.33,5.541c-3.17,2.412-7.3,3.516-11.15,4.253a79.684,79.684,0,0,1-12.47,1.318c-1.66.068-3.32.085-4.98.067-.75,0-.52,0-1.2-.018l-.52-.019c-1.63-.082-2.05,2.448-.4,2.527Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1184.84,323.129c3.16.209,6.33.26,9.49.153a68.162,68.162,0,0,0,18.09-2.592,33.077,33.077,0,0,0,13.24-8.329,49.42,49.42,0,0,0,10.07-13.759c2.27-4.716,3.97-10.56,1.94-15.681a1.312,1.312,0,0,0-.69-.7,1.29,1.29,0,0,0-1.69.671,1.241,1.241,0,0,0-.01.982c1.62,4.024.32,8.655-1.34,12.451a45.766,45.766,0,0,1-9.07,13.217,31.758,31.758,0,0,1-11.98,8.272,58.1,58.1,0,0,1-17.21,2.809,88.948,88.948,0,0,1-10.48-.075c-1.63-.124-2.04,2.4-.39,2.527Z" transform="translate(3745 4134)" fill="#003945" /> <path d="M1198.3,351.876a59.886,59.886,0,0,0,15.07.7c9.4-.627,19.14-3.458,26.09-10.147a33.521,33.521,0,0,0,9.22-17.124c.36-1.613-2.18-1.995-2.54-.4a31.262,31.262,0,0,1-7.55,14.788,30.871,30.871,0,0,1-11.77,7.554c-7.31,2.726-15.43,3.32-23.03,2.72a47.44,47.44,0,0,1-5.09-.617c-1.62-.314-2.02,2.213-.4,2.528Z" transform="translate(3745 4134)" fill="#003945" /> </g> </svg> </div> </div> </section> <div class="totop dnone"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 30 30"> <path d="M2.407,19.491.882,18a1.572,1.572,0,0,1,0-2.27L14.233,2.719a1.673,1.673,0,0,1,2.329,0l13.351,13.01a1.572,1.572,0,0,1,0,2.27l-1.525,1.486a1.681,1.681,0,0,1-2.357-.027L18.149,11.4V30.64A1.625,1.625,0,0,1,16.5,32.246H14.3a1.625,1.625,0,0,1-1.649-1.607V11.4L4.764,19.464a1.669,1.669,0,0,1-2.357.027Z" transform="translate(-0.397 -2.246)" fill="#00414E" /> </svg> </div><div class="ecoindex"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 8.818 22.236"> <path class="contenant" data-name="Tracé 3286" d="M3.982,0h.736c.173.046.349.081.518.138a2.793,2.793,0,0,1,1.9,2.715V14.308a.41.41,0,0,0,.136.339,4.24,4.24,0,0,1,1.384,3.847,4.336,4.336,0,0,1-8.526.353c-.06-.257-.087-.523-.13-.786v-.347a1.213,1.213,0,0,0,.036-.167A4.292,4.292,0,0,1,1.46,14.624a.476.476,0,0,0,.131-.313C1.6,12.908,1.6,11.5,1.6,10.1c0-2.466-.008-4.933.009-7.4A2.586,2.586,0,0,1,2.948.4,6.353,6.353,0,0,1,3.982,0m2.3,8.684V6.21c0-1.15.008-2.3,0-3.451A1.912,1.912,0,0,0,2.67,1.884a2.4,2.4,0,0,0-.23,1.2q0,5.7,0,11.394a.889.889,0,0,1-.345.74,3.336,3.336,0,0,0-1.166,3.3,3.476,3.476,0,0,0,4.692,2.621A3.518,3.518,0,0,0,7.807,17.3,3.411,3.411,0,0,0,6.58,15.173a.779.779,0,0,1-.3-.672c.01-1.939,0-3.878,0-5.816" /> <path class="contenant" data-name="Tracé 3287" d="M8.229,9.307a1.014,1.014,0,0,1-.33-.074.555.555,0,0,1-.22-.272.377.377,0,0,1,.177-.447.858.858,0,0,1,.8.029.408.408,0,0,1,.125.468c-.064.2-.233.28-.553.3" /> <path class="contenant" data-name="Tracé 3288" d="M8.217,11.634c-.077-.013-.155-.021-.232-.039a.4.4,0,0,1-.322-.4.408.408,0,0,1,.344-.41,1.791,1.791,0,0,1,.451,0,.414.414,0,0,1,.016.817c-.083.019-.169.025-.258.037" /> <path class="contenant" data-name="Tracé 3289" d="M8.234,4.656A1.833,1.833,0,0,1,7.94,4.6a.384.384,0,0,1-.276-.394.368.368,0,0,1,.286-.385,1.416,1.416,0,0,1,.468-.03.426.426,0,0,1,.4.435.445.445,0,0,1-.426.411,1.268,1.268,0,0,1-.151,0v.016" /> <path class="contenant" data-name="Tracé 3290" d="M8.226,13.944a1.545,1.545,0,0,1-.254-.021.416.416,0,0,1-.305-.42.4.4,0,0,1,.338-.388,1.752,1.752,0,0,1,.428-.007.409.409,0,0,1,.382.434v0a.424.424,0,0,1-.434.394H8.23v.006" /> <path class="contenant" data-name="Tracé 3291" d="M8.251,6.125c.416-.006.633.215.536.54-.067.224-.237.309-.6.3-.294-.007-.468-.117-.518-.328a.42.42,0,0,1,.315-.505.23.23,0,0,1,.028-.006,1.562,1.562,0,0,1,.237,0" /> <path class="rond" data-name="Tracé 3292" d="M4.375,15.181a2.643,2.643,0,1,1-2.643,2.643,2.643,2.643,0,0,1,2.643-2.643" /> <line class="barre" x2="4.3752" y2="2.954" x1="4.3752" y1="17.8242" /> </svg> </div> <div class="modal"> <p class="titreModal">Page Accueil</p> <div class="greenIT"> <p><b>EcoIndex :</b></p> <div class="note"> <p><b>A</b></p> </div> </div> <p><b>En visitant cette page, vous avez consommé :</b></p> <ul> <li>2,01 cl d'eau</li> <li>1,34 g de gaz à effet de serre (équivalent CO<sub>2</sub>) </li> </ul> </div><div class="RGPD dnone"> <p class="h4"></p> <p class="texte"></p> <p class="note"></p> <div class="boutons"> <a class="CTA CTA2 clair">Refuser</a> <a class="CTA CTA2 fonce"></a> </div> </div><footer> <section class="container"> <img src="/static/img/racines_logo_blanc.svg" alt="Logo Racines en blanc"> <div class="plan"> <div class="haut"> <div> <p class="titres">Services</p> <p><a href="/creation.html">Création</a></p> <p><a href="/print.html">Print</a></p> <p><a href="/web.html">Web</a></p> </div> <div> <p class="titres">Entreprise</p> <p class="portfolioPause"><a href="/portfolio.html">Portfolio</a></p> <p><a href="/apropos.html">À propos</a></p> <p><a href="/admin.html">Accès admin</a></p> </div> <div> <p class="titres">Contact</p> <p><a href="/contact.html">Contactez-nous</a></p> </div> </div> <div class="bas"> <div class="mentions"> <p><a href="/mentionslegales.html">Mentions légales</a></p> <p><a href="/conditions.html">CGV</a></p> </div> <p>Site Internet <a href="/web.html">éco-conçu par Racines</a></p> </div> </div> </section> </footer> <!-- Javascript --> <script src="/static/js/anim.js?ver=2.1" data-cfasync="false"></script> </body> </html>