<!DOCTYPE html>
<html lang="fr" data-theme="light" data-mobile="true">
<head>
    <meta charset="UTF-8">
    <title>MIKII | Agence e-commerce</title>
    <meta name="description" content="MIKII, votre agence e-commerce Magento : innovante, passionnée et dynamique. Créons ensemble votre site e-commerce intuitif, sur mesure et taillé pour la réussite.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./dist/style.min.css?v=1.5">
    <link rel="stylesheet" href="https://use.typekit.net/fpg0laf.css">
    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
    <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
    <link rel="apple-touch-icon" sizes="180x180" href="./assets/ico/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./assets/ico/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./assets/ico/favicon-16x16.png">
    <meta name="apple-mobile-web-app-title" content="MIKII">
    <meta name="application-name" content="MIKII">
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-C1VX34N6Q0"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-C1VX34N6Q0');
    </script>
</head>
<body>

<span id="darkLightRound"></span>

<div class="cursor">
    <div class="cursor__ball cursor__ball--big ">
        <svg class="circle" height="50" width="50">
            <circle cx="25" cy="25" r="25" stroke-width="0"></circle>
        </svg>
        <button class="theme-toggle" id="theme-toggle" title="Toggles light & dark" aria-label="auto" aria-live="polite">
            <svg class="sun-and-moon" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24">
                <mask class="moon" id="moon-mask">
                    <rect x="0" y="0" width="100%" height="100%" fill="white" />
                    <circle cx="24" cy="10" r="6" fill="black" />
                </mask>
                <circle class="sun" cx="12" cy="12" r="6" mask="url(#moon-mask)" fill="currentColor" />
                <g class="sun-beams" stroke="currentColor">
                    <line x1="12" y1="1" x2="12" y2="3" />
                    <line x1="12" y1="21" x2="12" y2="23" />
                    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
                    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
                    <line x1="1" y1="12" x2="3" y2="12" />
                    <line x1="21" y1="12" x2="23" y2="12" />
                    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
                    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
                </g>
            </svg>
        </button>
    </div>
</div>

<div id="content">
    <div class="wrapper">
        <div class="blockHeader">
            <span id="logoContainer" class="button hoverable_light">
                <svg id="logo" class="js__dark-mode-toggle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 244.4 226" style="enable-background:new 0 0 244.4 226;" xml:space="preserve"> <path d="M113,0C50.6,0,0,50.6,0,113s50.5,113,113,113s113-50.5,113-113C225.9,50.6,175.4,0,113,0z M80.8,130.1 c0,8.9-7.2,16-16,16s-16-7.2-16-16v-17.9c0-8.9,7.2-16,16-16s16,7.2,16,16V130.1z M164.2,146.1c-8.8,0-16-7.2-16-16v-22.5 c0-4.9-4-8.9-8.9-8.9c-4.7,0-8.5,3.6-8.8,8.2v23.2c0,8.9-7.2,16-16,16s-16-7.2-16-16v-22.5c0-4.9-4-8.9-8.9-8.9 c-4.7,0-8.5,3.6-8.8,8.2c0-13.7,11.1-24.8,24.8-24.8s24.8,11.1,24.8,24.8c0-13.7,11.1-24.8,24.8-24.8S180,93.2,180,106.9l0,23.2 C180,139,173,146.1,164.2,146.1z"/> <g> <path d="M228.8,2.5c1.8-1.7,3.9-2.5,6.5-2.5c2.6,0,4.7,0.8,6.5,2.5c1.8,1.7,2.7,3.9,2.7,6.3s-0.9,4.6-2.7,6.3 c-1.7,1.7-3.9,2.6-6.5,2.6s-4.7-0.9-6.5-2.6c-1.8-1.7-2.6-3.8-2.6-6.3S227,4.3,228.8,2.5z M230.4,13.7c1.3,1.3,3,1.9,4.9,1.9 c2,0,3.6-0.6,4.9-1.9s2-2.9,2-4.8c0-1.9-0.7-3.6-2-4.9c-1.3-1.3-3-1.9-4.9-1.9c-2,0-3.6,0.6-4.9,1.9c-1.3,1.3-2,2.9-2,4.9 C228.4,10.8,229,12.4,230.4,13.7z M239.1,11l0.1,1.2c0,0.5,0.1,0.8,0.3,1h-2.8c-0.1-0.2-0.2-0.6-0.2-1l-0.1-1 c0-0.4-0.1-0.6-0.3-0.8s-0.4-0.2-0.8-0.2h-1.1v2.9h-2.6V4.4h4.3c1,0,1.9,0.2,2.4,0.7c0.6,0.5,0.9,1.1,0.9,2c0,0.9-0.4,1.5-1.2,2 C238.7,9.4,239.1,10,239.1,11z M234.3,6.6v1.7h1.3c0.6,0,0.9-0.3,0.9-0.9c0-0.6-0.3-0.8-0.9-0.8H234.3z"/> </g> </svg>
            </span>
            <a id="contact" class="button hoverable_hide" href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/mikii-agence-web/appel-decouverte'}); document.documentElement.setAttribute('data-mobile', 'true'); return false;" hover-text=""><span>Contactez-nous</span></a>
        </div>
        <div class="blockMain">
            <h1 class="mainTitle">Nous sommes une agence <span class="nowrap">e-commerce,</span> créatrice de sites marchands taillés pour la <strong>réussite*</strong></h1>
        </div>
        <div class="blockFooter">
            <div class="copyright">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 315 75.4" style="enable-background:new 0 0 315 75.4" xml:space="preserve"> <path d="M125.3 10.5C125.3 4.7 130 0 135.8 0s10.5 4.7 10.5 10.5v54.4c0 5.8-4.7 10.5-10.5 10.5s-10.5-4.7-10.5-10.5V10.5zM167.1 10.5c0-5.8 4.7-10.5 10.5-10.5s10.5 4.7 10.5 10.5v18.9l26-24.7c3.1-2.9 5.5-4.7 9.2-4.7 5.6 0 9.2 4.5 9.2 9.3 0 3.6-1.9 6.3-4.8 9.1l-16.5 14.1L230.8 59c1.8 2.4 2.6 4.4 2.6 6.7 0 5.6-4.5 9.5-9.8 9.5-4.1 0-6.6-1.4-9.1-4.8l-18.2-25.1-8.4 7.6v12c0 5.8-4.7 10.5-10.5 10.5s-10.5-4.7-10.5-10.5V10.5h.2zM252.3 10.5C252.3 4.7 257 0 262.8 0s10.5 4.7 10.5 10.5v54.4c0 5.8-4.7 10.5-10.5 10.5s-10.5-4.7-10.5-10.5V10.5zM294 10.5C294 4.7 298.7 0 304.5 0S315 4.7 315 10.5v54.4c0 5.8-4.7 10.5-10.5 10.5S294 70.7 294 64.9V10.5zM73.1 0c-8 0-15.3 3.1-20.9 8-5.6-5-12.8-8-20.9-8C14 0 0 14 0 31.3v33.5c0 5.8 4.7 10.5 10.5 10.5S21 70.6 21 64.8v-36c0-5.8 4.7-10.5 10.5-10.5S42 23 42 28.8v36c0 5.8 4.7 10.5 10.5 10.5S63 70.6 63 64.8v-36c0-5.8 4.7-10.5 10.5-10.5S84 23 84 28.8v36c0 5.8 4.7 10.5 10.5 10.5S105 70.6 105 64.8V31.3C104.4 14.1 90.4 0 73.1 0z"/> </svg> © 2009-2024
            </div>
            <div class="socials">
                <p class="baseLine">*et <span class="alot">beaucoup</span> trop occupés à les <span id="changing-word">bichonner</span> <br>pour s’occuper du nôtre ! <span class="moji">🫢</span></p>
            </div>
        </div>
    </div>
</div>

<script src='./assets/js/TweenMax.min.js'></script>
<script src="./dist/main.bundle.js"></script>

</body>
</html>
