CINXE.COM

<!DOCTYPE html> <html lang="fr"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSNC28BR');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-W15VZRJV8V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-W15VZRJV8V'); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> UI/UX design - IHM - Design System - Bootstrap Theming</title> <meta name="viewport" content="user-scalable=no, user-scalable=no, initial-scale=1.0, maximum-scale=1, width=device-width"> <meta name="format-detection" content="telephone=no"> <meta name="google-site-verification" content="E5TcfsR-qIjNOTiyc8TWSflPa33JkUcdDUcmGVes5bQ" /> <link rel="stylesheet" href="https://jaetheme.com/wp-content/themes/paris/dist/css/bootstrap.css"> <link rel="icon" type="image/png" sizes="32x32" href="https://jaetheme.com/wp-content/themes/paris/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://jaetheme.com/wp-content/themes/paris/favicon-16x16.png"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Design d'interfaces ergonomiques, esth茅tiques et innovantes centr茅es UX. Sp茅cialiste en IHM, je con莽ois vos produits digitaux." /> <link rel="canonical" href="https://jaetheme.com/" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://jaetheme.com/","url":"https://jaetheme.com/","name":"UI/UX design - IHM - Design System - Bootstrap Theming","isPartOf":{"@id":"https://jaetheme.com/#website"},"datePublished":"2014-12-31T14:48:46+00:00","dateModified":"2024-10-15T05:34:18+00:00","description":"Design d'interfaces ergonomiques, esth茅tiques et innovantes centr茅es UX. Sp茅cialiste en IHM, je con莽ois vos produits digitaux.","breadcrumb":{"@id":"https://jaetheme.com/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://jaetheme.com/"]}]},{"@type":"BreadcrumbList","@id":"https://jaetheme.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://jaetheme.com/#website","url":"https://jaetheme.com/","name":"UI/UX design - IHM - Design System - Bootstrap Theming","description":"UI/UX design - IHM - Design System - Bootstrap Theming","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://jaetheme.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>  <link rel='stylesheet' id='wp-block-library-css' href='https://jaetheme.com/wp-includes/css/dist/block-library/style.min.css?ver=c6c5643f50fc222c5e5eadd039e6b6e0' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <script src="https://jaetheme.com/wp-content/themes/paris/js/bootstrap-2.js"></script> </head> <body class="home page-template page-template-page-index page-template-page-index-php page page-id-1199">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSNC28BR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="hd"> <div class="container-fluid hd"> <div class="row"> <div class="col-sm-12"> <p class="logo"><a href="https://jaetheme.com/" rel="home"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/jaetheme-ui-design.svg" width="166" height="42" alt="UI/UX designer freelance Nantes et Paris"/></a> </p> </div> </div> </div>  <nav class="navbar"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#jaemenu" aria-expanded="false"> <i class="fa fa-bars"></i></button> <a class="navbar-brand" href="https://jaetheme.com/" title="Retour 脿 la page d'accueil" rel="home"> <img src="https://jaetheme.com/wp-content/themes/paris/dist/img/jaetheme-ui-design.svg" width="166" height="42" alt="Jacques MARTINET - UI/UX designer freelance"/></a></div>  <div class="collapse navbar-collapse" id="jaemenu"> <nav id="ulnav" class="menu-menu-header-container"><ul id="main-nav" class="nav navbar-nav"><li id="menu-item-1779" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1779"><a href="https://jaetheme.com/ux-ui-designer-freelance/">UI/UX design</a></li> <li id="menu-item-1778" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1778"><a href="https://jaetheme.com/graphiste-freelance/">Graphic design</a></li> <li id="menu-item-1905" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1905"><a href="https://jaetheme.com/tutoriels-ui/">Tutoriels UI</a></li> <li id="menu-item-1906" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1906"><a href="https://jaetheme.com/sxo-seo-marketing/">SXO / Marketing</a></li> <li id="menu-item-1907" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1907"><a href="https://jaetheme.com/design-inclusif/">Design inclusif</a></li> <li id="menu-item-1777" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1777"><a href="https://jaetheme.com/references/">Portfolio 2024</a></li> <li id="menu-item-1797" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1797"><a href="https://jaetheme.com/contact/">A propos</a></li> </ul></nav> </div> </div> </nav>  </header>  <article id="bd" class="tpl-home"> <header class="home-header"> <div class="inside"> <h1> <strong>Designer d'IHM</strong> et cr茅ation de templates Bootstrap ergonomiques et Mobile First</h1> <p><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance.svg" alt="UI/UX designer freelance 脿 Paris" width="623" height="392"/> </p> </div> </header>  <div class="container container-presentation"> <div class="row row-apropos"> <div class="col-sm-2 hidden-xs text-center"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/j-martinet.svg" alt="UI/UX designer et int茅grateur Web freelance" width="115" height="115"/> </div> <div class="col-sm-10"> <p>Bonjour,<br> Je suis sp茅cialis茅 dans la cr茅ation d鈥檌nterfaces utilisateurs pour les applications mobiles et desktop. <br> 脌 partir des sp茅cifications techniques, je commence par la cr茅ation d'un wireframe, les 茅bauches sont ensuite finalis茅es graphiquement sous Figma via un design system que j'ai enti猫rement cr茅茅 (Conception + Design graphique + Framework CSS3). </p> <p> Mon travail est agr茅ment茅 d鈥檌llustrations dessin茅es avec Photoshop/Illustrator que je peux animer et reprendre en motion design (Animate CC/ After Effect). </p> <p> Mon app茅tence pour la communication visuelle, l'ergonomie, les r茅seaux sociaux, le design graphique et le motion permettent d鈥檕ffrir aux utilisateurs une exp茅rience UX significative et positive.</p> </div> </div> <div class="row skin-row-dashed"> <div class="col-sm-12"> <h2 class="t-inte">Des exemples de mon travail <span>(UI design + int茅grations HTML5/CSS3)</span></h2> </div> </div> <div class="row"> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/service-pilot.jpg" width="555" height="454" class="vign" alt="Ui design du site Service Pilot"/> <span>Webdesign du site Web Service Pilot.(anicenne version)</span> </p> </div> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/ux-design.jpg" width="555" height="454" class="vign" alt="UX design du module de recherche"/><span>Recherche ergonomique pour le module de recherche du site Decidento et cr茅ation graphique du module.</span> </p> </div> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/interface-utilisateur.jpg" width="555" height="454" class="vign" alt="Design encyclop茅die"/><span>UI design et int茅gration HTLM5/CSS3 en mode responsive design d'une application de recherche documentaire.</span></p> </div> </div> <div class="row"> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/material-design.jpg" width="555" height="454" class="vign" alt="UI design - Material design"/><span>UI design d'une interface utilisateur pour ENPC Center.</span></p> </div> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/application-web-mobile.jpg" width="555" height="454" class="vign" alt="Design Application Web/mobile"/><span>UI design et int茅gration HTML5/CSS3 de l'application Eval+ en mode responsive.</span></p> </div> <div class="col-sm-4"> <p class="p-img-hover"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/ux-ui-designer-freelance/enpc-center.jpg" width="555" height="454" class="vign" alt="Design du centre de contr么le"/><span>UI design et int茅gration HTML5/CSS3 en responsive design de l'application Web/mobile Enpc Center.</span> </p> </div> </div> </div>   <div class="jumbotron-arguments nomarginbottom"> <div class="inside"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <h2>Services</h2> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="block-content block-content-2"> <h3>UI/UX design sous Figma</h3> <p> Je cr茅e un design system avec Figma pour garantir une coh茅rence visuelle,<br> acc茅l茅rer le d茅veloppement, et faciliter les mises 脿 jour gr芒ce 脿 des composants r茅utilisables. </p> </div> </div> <div class="col-sm-6"> <div class="block-content block-content-7"> <h3>Th猫mes Bootstrap et codage CSS moderne</h3> <p>J'int猫gre vos templates Bootstrap en utilisant du CSS moderne, notamment du CSS s茅mantique et du CSS utility-first pour garantir des interfaces performantes, flexibles et facilement maintenables.</p> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="block-content block-content-6"> <h3>Illustrations full HD</h3> <p>Les <strong>pictos</strong>, <strong>illustrations</strong> et <strong>infographies</strong> sont au format vectoriel. Ce format full HD permet d'锚tre r茅utilisable pour du <strong>print</strong> ou du <strong>motion design</strong>.</p> </div> </div> <div class="col-sm-6"> <div class="block-content block-content-3"> <h3>Style Guide</h3> <p>Le Style Guide (ou Guidelines Visuelles) est une documentation qui regroupe toutes les r猫gles et 茅l茅ments visuels comme la typographie, les couleurs, les ic么nes, les espacements et autres composants graphiques et assure ainsi une coh茅rence graphique.</p> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="block-content block-content-5"> <h3>Print et documents d'entreprise</h3> <p>Toujours dans l'id茅e de diffuser de fa莽on <strong>claire</strong> et <strong>茅l茅gante</strong> vos informations, je design vos <strong>documents d'entreprise</strong> 脿 partir des 茅l茅ments graphiques que j'ai cr茅茅s : du kak茅monos aux affiches, vos produits digitaux seront diffus茅s sur tous les supports.</p> </div> </div> <div class="col-sm-6"> <div class="block-content block-content-4"> <h3>Animations Web</h3> <p>Cr茅ation de <strong>banni猫res Web ou d'illustrations anim茅es </strong>avec Animate CC et/ou After Effects. Exports Web au format Json (bodymovin/lottie), canvas avec create.js ou svg avec snap.js.</p> </div> </div> </div> </div> </div> </div>    <aside class="jumbotron-print text-center nomarginbottom"> <div class="inside"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h2>UI/UX design - IHM - Design System - Bootstrap Theming</h2> <ul> <li>Wireframe</li> <li>Figma</li> <li>Design System</li> <li>Int茅grations HTML5/CSS3</li> <li>Illustrations SVG</li> <li>Th猫mes Bootstrap</li> </ul> </div> </div> </div> </div> </aside>  </article>   <footer id="ft"> <div class="bd"> <div class="container"> <a href="#hd" id="gototop"><img src="https://jaetheme.com/wp-content/themes/paris/dist/img/top.svg" alt="" width="55" height="30" /></a> <div class="row mod-social"> <div class="col-sm-12 col-md-4 mod-contact"> <div class="" data-anime="true" data-scroll-reveal="move 30px enter bottom over 1s"> <div class="inner"> </div> </div> </div> <div class="col-sm-6 col-md-4 mod-social text-center"> <div class="block-melinker" data-anime="true" data-scroll-reveal="enter bottom over 1s"> <div class="inner"> <h3>Suivez mon actualit茅...</h3> <ul class="list-social"> <li><a href="https://www.linkedin.com/in/jacquesmartinet/" title="Retrouver mon profil sur LinkedIn [nouvelle fen锚tre]" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41"> <path class="st0" d="M22.1 19.2L22.1 19.2C22.1 19.1 22.1 19.2 22.1 19.2L22.1 19.2z"/> <path class="antracite" d="M0 0v41h41V0H0zM32.5 31.4h-5.1v-8.2c0-2.1-0.7-3.4-2.5-3.4 -1.4 0-2.2 0.9-2.6 1.8 -0.1 0.3-0.2 0.8-0.2 1.2v8.5h-5.1c0.1-13.8 0-15.3 0-15.3h5.1v2.2c0.7-1.1 1.9-2.5 4.5-2.5 3.3 0 5.8 2.2 5.8 6.9V31.4zM11.8 8.8c1.7 0 2.8 1.1 2.8 2.6 0 1.5-1.1 2.6-2.9 2.6h0c-1.7 0-2.8-1.2-2.8-2.6C8.9 10 10 8.8 11.8 8.8zM9.2 16.2h5.1v15.3H9.2V16.2z"/> </svg> </a> </li>   </ul> </div> </div> </div> <div class="col-sm-6 col-md-4 mod-tel"> <div class="block-melinker" data-anime="true" data-scroll-reveal="move 30px enter bottom over 1s reset"> <div class="inner"> <div class="list-localisation text-center"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="coping text-center"> <p>© Jaetheme 2024 - UI/UX designer sur Nantes, Angers et Saint Nazaire - Tous droits r茅serv茅s</p> </div> </div> </div> </div> </div> </footer>   </body></html>