recycled.cloud/fr/index.part

<section class="Flex-Container_03">
    <div class="Flex-item_01">
        <img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
    <div class="Flex-item_02">
        <h1>Services Cloud</h1>
        <h2 id="local_recycled" class="MT_20">100% Locaux, 100% Recycl&eacute;s, <br>100% Engag&eacute;s</h2>
        <p id="local_recycled_2">Enti&egrave;rement suisses et avec tous les curseurs environnementaux pouss&eacute;s au max.
        </p>
        <a href="manifesto.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
                <h5>Lire le Manifesto</h5>
            </button></a>
    </div>
</section>
<section class="Flex-Container_04">

    <div>
        <h2 class="Flex-item_02_2 ">Des Solutions Vertes pour Vos Projets</h2>
    </div>
    <div class="Flex-Container_05">
        <article class="Flex-item_03" style="align-items: center;">
            <div>
                <img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
                <div>
                    <h3>Backup &amp; Protect</h3>
                    <p>Sauvegarde et Cyber Protection <br>g&eacute;r&eacute;es pour vous, sans tracas.</p>
                </div>
                <a href="backup.html" class="Flex-item_03_1">
                    <button type="button" style="border: none;">
                        <h5 id="btn_BK" class=" button_01 ">D&eacute;tails des Sauvegardes...</h5>
                    </button></a>
            </div>
        </article>
        </article>
        <article class=" Flex-item_04 ">
            <div style=" justify-content: center;">
                <img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
                <div>
                    <h3>Machines Virtuelles</h3>
                    <p id="VM_02">Construisez votre infrastructure <br>en Suisse en toute confiance, <br> avec du support local.
                    </p>
                </div>
                <a href="virtual-machine.html" class="Flex-item_03_1">
                    <button type="button" style="border: none;">
                        <h5 id="btn_VM" class=" button_01 ">
                            D&eacute;tails des VM...</h5>
                    </button></a>
            </div>
        </article>
        <article class=" Flex-item_04 ">
            <div style=" justify-content: center;">
                <img id="logo_04_03" src="assets/globe_low_carbon_website.svg" alt="Sites web Bas-Carbone logo">
                <div>
                    <h3>Sites web Bas-Carbone</h3>
                    <p id="VM_03">Dessinez et hébergez votre site <br> avec une toute petite empreinte <br> carbone et une vitesse incroyable.
                    </p>
                </div>
                <a href="become-client.html" class="Flex-item_03_1">
                    <button type="button" style="border: none;">
                        <h5 id="btn_VM" class=" button_01 ">
                            Devenir Client</h5>
                    </button></a>
            </div>
        </article>
    </div>
</section>
<section class="Flex-Container_06">
    <article class="Flex-item_05">
        <div>
            <h2 id="Manifesto">Manifesto</h2>
        </div>
        <p id="Manifesto_p_01">Nous minimisons l'impact n&eacute;gatif de l'informatique sur l'environnement en recyclant les serveurs abandonn&eacute;s et nous vous offrons un cloud sur mesure et des serveurs virtuels
            <strong>100% locaux</strong> (Suisse),
            <strong>100% recycl&eacute;s</strong> et
            <strong>100% engag&eacute;s.</strong></p>
        <p id="Manifesto_p_02" class="MB_60 ">C'est ce que nous savons faire et c'est ce que nous aimons faire. Et nous le faisons avec le plus de sens possible.</p>
        <a href="manifesto.html">
            <div class="Flex-item_05_1">
                <h6 id="link_RM" class="MB_60">Lire le Manifesto complet</h6>
                <div id="wcb" class="carbonbadge"></div>
            </div>
        </a>
    </article>
    <article class="Flex-Container_07">
        <div class="Flex-Container_07_1">
            <h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
        </div>
        <div class="Flex-Container_07_2">
            <h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
            </h4>

            <div>
                <a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
                        <h5>Contactez-nous</h5>
                    </button></a>
            </div>
        </div>
    </article>
</section>
<section class="Flex-Container_08">
    <div>
        <h2 id="title_hcyh">Comment pouvez-vous aider ?</h2>
    </div>
    <article class="Flex-item_09">
        <aside class="Flex-item_10">
            <h4>Donnez votre <br> &eacute;quippement inutilis&eacute;</h4>
            <img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
            <p class="Flex-item_10_1"> ou assurez-vous de ne pas <br> en acheter un nouveau <br> pour rien.
            </p>

        </aside>
        <aside class="Flex-item_10 ">
            <h4>Faites passer le mot !</h4>
            <img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
            <p class="Flex-item_10_1">Il nous reste de la <br> place disponible sur<br> notre infrastructure actuelle.
            </p>

        </aside>
        <aside id="JS" class="Flex-item_10">
            <h4 class="Flex-item_10_5">Rejoignez-nous</h4>
            <img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
            <p class="Flex-item_10_1">Nous accueillons volontiers <br> de nouveaux membres, <br> pour nous aider à faire <br> tourner l'infrastructure.
            </p>
        </aside>
    </article>
</section>
<section class="Flex-Container_09">
    <div>
        <h2 id="BP_04">Backup &amp; Protect</h2>
    </div>
    <article class="Flex-item_11">
        <div class="Flex-item_12">
            <img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
            <p class="Flex-item_12_1"><strong> Sauvergarde &amp; Cyber-Protection g&eacute;r&eacute;es sans
                    soucis</strong></p>
        </div>
        <div>
            <p class="Flex-item_12_2 ">Une solution bas&eacute;e sur des logiciels ouverts (open source) pour conserver vos donn&eacute;es dans un second lieu sûr, en dehors de vos propres installations.
            </p>
            <ul class="Flex-item_13">
                <li>
                    <p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
                </li>
                <li>
                    <p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
                    </p>
                </li>
                <li>
                    <p> Vous pouvez red&eacute;marrer votre activit&eacute; en cas d'incident majeur<br> dans vos locaux (incendie, inondation, ransongiciel...).
                    </p>
                </li>
            </ul>
        </div>
    </article>
    <div class="Flex-item_14">
        <a href="backup.html">
            <h6 id="link_LMB">D&eacute;tails des Sauvegardes</h6>
        </a>
        <a href="become-client.html">
            <button id="btn_BC_02" class="button_01 ">
                <h5>Devenir Client</h5>
            </button></a>
    </div>
</section>
<section class="Flex-Container_09">
    <div>
        <h2 id="BP_04">Machines Virtuelles</h2>
    </div>
    <article class="Flex-item_11">
        <div class="Flex-item_12_3 ">
            <img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
            <p class="Flex-item_12_1"><strong>Construisez votre infrastructure en Suisse en toute confiance,

                    <br>avec du support local.</strong></p>
        </div>
        <div>
            <p class="Flex-item_12_2 ">L'h&eacute;bergement de machines virtuelles pour vos serveurs, sur notre Recycled Cloud.
            </p>
            <ul class="Flex-item_13">
                <li>
                    <p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
                </li>
                <li>
                    <p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
                    </p>
                </li>
                <li>
                    <p>Vous pouvez cr&eacute;er une nouvelle machine virtuelle en fonction de vos <br> besoins pour d&eacute;ployer un serveur de messagerie ou pour h&eacute;berger vos applications.
                    </p>
                </li>
            </ul>
        </div>
    </article>
    <div class="Flex-item_14">
        <a href="virtual-machine.html">
            <h6 id="link_LMVM">D&eacute;tails des Machines <br>Virtuelles</h6>
        </a>
        <a href="become-client.html">
            <button id="btn_BC_02" class="button_01 ">

                <h5>Devenir Client</h5>
            </button></a>
    </div>
</section>
<section class="Flex-Container_10">
    <div>
        <h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
        <p id="Call_us">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
                class="Flex-item_15">un message</a></p>
    </div>
</section>
<section class="Flex-Container_11 ">
    <h2 class="Flex-item_16">Emplacements</h2>
    <div id="row_01">
        <div class="Flex-item_16_1">
            <img id="Location_Map" src="assets/Map_FR.svg" alt="Location Map">
        </div>
        <div></div>
        <p class="Flex-item_17">* Le &quot;refroidissement naturel&quot; signifie que nous n'utilisons pas de climatisation. Soyez assur&eacute; que votre projet fonctionnera &agrave; l'aide d'une &eacute;nergie naturelle et durable, avec la plus faible empreinte carbone.
        </p>
    </div>
    </div>
    </section>