<!------

                                                                                                                                                                                           
                                                    dddddddd                                               bbbbbbbb                                                                        
RRRRRRRRRRRRRRRRR                                   d::::::d     HHHHHHHHH     HHHHHHHHH                   b::::::b                                                                        
R::::::::::::::::R                                  d::::::d     H:::::::H     H:::::::H                   b::::::b                                                                        
R::::::RRRRRR:::::R                                 d::::::d     H:::::::H     H:::::::H                   b::::::b                                                                        
RR:::::R     R:::::R                                d:::::d      HH::::::H     H::::::HH                    b:::::b                                                                        
  R::::R     R:::::R    eeeeeeeeeeee        ddddddddd:::::d        H:::::H     H:::::H      eeeeeeeeeeee    b:::::bbbbbbbbb        eeeeeeeeeeee    rrrrr   rrrrrrrrr      ggggggggg   ggggg
  R::::R     R:::::R  ee::::::::::::ee    dd::::::::::::::d        H:::::H     H:::::H    ee::::::::::::ee  b::::::::::::::bb    ee::::::::::::ee  r::::rrr:::::::::r    g:::::::::ggg::::g
  R::::RRRRRR:::::R  e::::::eeeee:::::ee d::::::::::::::::d        H::::::HHHHH::::::H   e::::::eeeee:::::eeb::::::::::::::::b  e::::::eeeee:::::eer:::::::::::::::::r  g:::::::::::::::::g
  R:::::::::::::RR  e::::::e     e:::::ed:::::::ddddd:::::d        H:::::::::::::::::H  e::::::e     e:::::eb:::::bbbbb:::::::be::::::e     e:::::err::::::rrrrr::::::rg::::::ggggg::::::gg
  R::::RRRRRR:::::R e:::::::eeeee::::::ed::::::d    d:::::d        H:::::::::::::::::H  e:::::::eeeee::::::eb:::::b    b::::::be:::::::eeeee::::::e r:::::r     r:::::rg:::::g     g:::::g 
  R::::R     R:::::Re:::::::::::::::::e d:::::d     d:::::d        H::::::HHHHH::::::H  e:::::::::::::::::e b:::::b     b:::::be:::::::::::::::::e  r:::::r     rrrrrrrg:::::g     g:::::g 
  R::::R     R:::::Re::::::eeeeeeeeeee  d:::::d     d:::::d        H:::::H     H:::::H  e::::::eeeeeeeeeee  b:::::b     b:::::be::::::eeeeeeeeeee   r:::::r            g:::::g     g:::::g 
  R::::R     R:::::Re:::::::e           d:::::d     d:::::d        H:::::H     H:::::H  e:::::::e           b:::::b     b:::::be:::::::e            r:::::r            g::::::g    g:::::g 
RR:::::R     R:::::Re::::::::e          d::::::ddddd::::::dd     HH::::::H     H::::::HHe::::::::e          b:::::bbbbbb::::::be::::::::e           r:::::r            g:::::::ggggg:::::g 
R::::::R     R:::::R e::::::::eeeeeeee   d:::::::::::::::::d     H:::::::H     H:::::::H e::::::::eeeeeeee  b::::::::::::::::b  e::::::::eeeeeeee   r:::::r             g::::::::::::::::g 
R::::::R     R:::::R  ee:::::::::::::e    d:::::::::ddd::::d     H:::::::H     H:::::::H  ee:::::::::::::e  b:::::::::::::::b    ee:::::::::::::e   r:::::r              gg::::::::::::::g 
RRRRRRRR     RRRRRRR    eeeeeeeeeeeeee     ddddddddd   ddddd     HHHHHHHHH     HHHHHHHHH    eeeeeeeeeeeeee  bbbbbbbbbbbbbbbb       eeeeeeeeeeeeee   rrrrrrr                gggggggg::::::g 
                                                                                                                                                                                   g:::::g 
                                                                                                                                                                       gggggg      g:::::g 
                                                                                                                                                                       g:::::gg   gg:::::g 
                                                                                                                                                                        g::::::ggg:::::::g 
                                                                                                                                                                         gg:::::::::::::g  
                                                                                                                                                                           ggg::::::ggg    
                                                                                                                                                                              gggggg       

  
2020 - 2021 RedHeberg - Tous droits réservés
Site Disign by Afi (https://twitter.com/dev_afi)
Founder of RedHeberg: Alexandre R
                                                                                                                                                                              
------->
<meta charset="UTF-8" />
<header>
  
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.css" integrity="sha512-CnGOdr9J+PIA2ORABU36QTdxnDROUaiAfrRZ/t4qchNIGtOIR2oThs86YByDeQbxE8qSxubIul/9+3/YtbJzPw==" crossorigin="anonymous" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="assets/img/logo/favicon.png">

<title>RedHeberg - Accueil</title>
<meta name="title" content="RedHeberg — L'hébergeur qu'il vous faut !">
<meta name="description" content=" Nous bénéficions de machines très performantes pour accueillir nos différentes offres sans latence.">

<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="RedHeberg — L'hébergeur qu'il vous faut !">
<meta property="og:description" content=" Nous bénéficions de machines très performantes pour accueillir nos différentes offres sans latence.">
<meta property="og:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">

<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="RedHeberg — L'hébergeur qu'il vous faut !">
<meta property="twitter:description" content=" Nous bénéficions de machines très performantes pour accueillir nos différentes offres sans latence.">
<meta property="twitter:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">

</header>

  <link href="./assets/css/static.css" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="./assets/js/nav.js"></script>

<div class="relative bg-gray-900">
  <div class="max-w-7xl mx-auto px-4 sm:px-6">
    <div class="flex justify-between items-center py-6 md:justify-start md:space-x-10">
      <div class="flex justify-start lg:w-0 lg:flex-1">
        <a href="https://redheberg.fr">
          <img class="transition delay-150 duration-300 ease-in-out transform hover:scale-125 h-8 w-auto sm:h-10" src="./assets/img/logo/logo.png" alt="">
        </a>
      </div>
      <div class="-mr-2 -my-2 md:hidden">
        <button type="button" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
          <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
          </svg>
        </button>
      </div>
      <nav class="hidden md:flex space-x-10">
        <div class="relative">
          <button id="btn-1" type="button" class="group rounded-md text-gray-500 inline-flex items-center text-base font-medium hover:text-gray-400 focus:outline-none ">
            <span>Nos Offres</span>

            <svg class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>

          <div id="menu-1" class="hidden absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2">
            <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
              <div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
                


                <a href="price-web.html" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                  </svg>
                            <div class="ml-4">
                              <p class="text-base font-medium text-gray-900">
                                Service d'Hébergement Web
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Un service incroyablement rapide et une protection DDOS pour soutenir vos services sans relâche.
                              </p>
                            </div>
                          </a>
                        
                          <a href="price-vps.html#vps-kvm" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                            <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                            </svg>
                            <div class="ml-4">
                              <p class="text-base font-medium text-gray-900">
                                Service d'Hébergement VPS KVM
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Un serveur virtuel avec un panel dédié et un potentiel énorme.
                              </p>
                            </div>
                          </a>
                        
                          <a href="price-vps.html#vps-lxc" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                            <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path>
                              </svg>
                            <div class="ml-4">
                              <p class="text-base font-medium text-gray-900">
                                Service d'Hébergement VPS LXC
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Un serveur virtuel avec un énorme stockage.
                              </p>
                            </div>
                          </a>

                          <a href="price-vps.html#vps-stockage" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
                  </svg>
                            <div class="ml-4">
                              <p class="text-base font-medium text-gray-900">
                                Service d'Hébergement VPS Stockage
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Un serveur virtuel avec un énorme stockage.
                              </p>
                            </div>
                          </a>
                        
                      </div>
                      <div class="px-5 py-5 bg-gray-50 space-y-6 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8">
                        
                        <div class="flow-root">
                          <a href="#" class="-m-3 p-3 flex items-center rounded-md text-base font-medium text-gray-900 hover:bg-gray-100">
                              <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
                                </svg>
                            <span class="ml-3">Statuts des services</span>
                          </a>
                        </div>
                        
                          <div class="flow-root">
                            <a target="_blank" href="https://discord.gg/4tNAHrCwnC" class="-m-3 p-3 flex items-center rounded-md text-base font-medium text-gray-900 hover:bg-gray-100">
                              <svg class="flex-shrink-0 h-6 w-6 text-gray-400" x-description="Heroicon name: phone" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z" />
                                </svg>
                              <span class="ml-3">Support Discord</span>
                            </a>
                          </div>
              </div>
            </div>
          </div>
        </div>

        <a href="#" class="text-base font-medium text-gray-500 hover:text-gray-400">
          Documentation
        </a>

        <div class="relative">
          <button id="btn-2" type="button" class="group rounded-md text-gray-500 inline-flex items-center text-base font-medium hover:text-gray-400 focus:outline-none">
            <span>À propos</span>

            <svg class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>

          <div id="menu-2" class="hidden absolute z-10 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0">
            <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
              <div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">

                <a target="_blank" href="https://discord.gg/4tNAHrCwnC" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 245 240" stroke="currentColor" aria-hidden="true">
                    <style>.st0{fill:#EF4444;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
                  <div class="ml-4">
                    <p class="text-base font-medium text-gray-900">
                      Notre Discord
                    </p>
                    <p class="mt-1 text-sm text-gray-500">
                      Obtenez toutes l'aide que vous avez besoin.
                    </p>
                  </div>
                </a>

                <a href="https://redheberg.fr/pdf/mentions.pdf" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
                  </svg>
                  <div class="ml-4">
                    <p class="text-base font-medium text-gray-900">
                      Mentions Légales
                    </p>
                  </div>
                </a>

                <a href="https://redheberg.fr/cgu-cgv.pdf" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                    </svg>
                  <div class="ml-4">
                    <p class="text-base font-medium text-gray-900">
                      Conditions générales d'utilisation
                    </p>
                  </div>
                </a>

                <a href="https://redheberg.fr/cgu-cgv.pdf" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
                  <svg class="flex-shrink-0 h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" />
                    </svg>
                  <div class="ml-4">
                    <p class="text-base font-medium text-gray-900">
                      Conditions générales de vente
                    </p>
                  </div>
                </a>

              </div>
              <div class="px-5 py-5 bg-gray-50 sm:px-8 sm:py-8">
                <div>
                  <h3 class="text-sm tracking-wide font-medium text-gray-500 uppercase">
                    News
                  </h3>
                  <ul class="mt-4 space-y-4">

                    <li class="text-base truncate">
                      <a href="#" class="font-medium text-gray-900 hover:text-gray-700">
                        Découvrez la nouvel Offre Web
                      </a>
                    </li>

                    <li class="text-base truncate">
                      <a href="#" class="font-medium text-gray-900 hover:text-gray-700">
                        Happy2021 - Obtenez -10% avec ce code
                      </a>
                    </li>

                  </ul>
                </div>
                <div class="mt-5 text-sm">
                  <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500"> Voir les autres news <span aria-hidden="true">&rarr;</span></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </nav>
      <div class="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
        <button class="text-gray-400 hover:text-white focus:outline-none ">
          <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <a href="https://redheberg.fr/panel/cart.php?a=view"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
          </svg>
        </button>
        <a href="https://redheberg.fr/panel/clientarea.php" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 ml-8 whitespace-nowrap text-base font-medium text-gray-500 hover:text-gray-400">
          Connexion
        </a>
        <a href="https://redheberg.fr/panel/register.php" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 ml-8 whitespace-nowrap inline-flex items-center justify-center px-4 py-2 rounded-md shadow-sm text-base font-medium text-white bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 ">
          Inscription
        </a>
      </div>
    </div>
  </div>

  <div class="my-24 hero bg-gray-900 py-16">
      <div class="container px-4 sm:px-8 lg:px-16 xl:px-20 mx-auto">
          <div class="hero-wrapper grid grid-cols-1 md:grid-cols-12 gap-8 items-center">

              <div class="hero-text col-span-6">
                  <h1 class=" font-bold text-4xl md:text-6xl max-w-xl text-gray-50 leading-tight">Découvrez le futur de l'Hébergement.</h1>
                  <hr class=" w-12 h-1 bg-orange-500 rounded-full mt-8">
                  <p class="text-gray-50 text-base leading-relaxed mt-8 font-semibold">L'Hébergement rapide et puissant qu'il vous faut se trouve chez RedHeberg.</p>
                  <div class="get-app flex space-x-5 mt-10 justify-center md:justify-start">
                  </div>
              </div>

              <div class="hero-image col-span-6">
                <img src="./assets/img/preset/static-main.png">
              </div>
          </div>
      </div>
  </div>
      
</body>
  
      <main class="my-8 bg-gray-900">
        
      <div class="py-2 container px-5 mx-auto">
        <div id="vps-kvm-text" class="py-10 lg:w-1/4 w-full mb-6 lg:mb-0">
          <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-white">Offre d'Hébergement</h1>
          <div class="h-1 w-20 bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 rounded"></div>
        </div>
      </div>

          <div class="container mx-auto px-6">

              <div class="hidden transition bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 delay-150 duration-300 ease-in-out transform hover:scale-105 h-64 rounded-md overflow-hidden bg-cover bg-center" style="background-image: url('./assets/img/preset/const-vps-lxc.jpg')" >
                  <div class=" flex items-center h-full">
                      <div class="px-10 max-w-xl">
                          <h2 class="text-2xl text-white font-semibold">Offre Serveur dédier</h2>
                          <p class="mt-2 text-gray-100">Un serveur dédier avec un énorme stockage et une énorme puissance.</p>
                            <button href="#" class="flex items-center justify-center mt-4 px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-indigo-600 bg-white hover:bg-indigo-50">
                              Très Prochainement
                            </button>
                      </div>
                  </div>
              </div>

              <div class="md:flex mt-8 md:-mx-4">
                  <div class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 w-full h-64 md:mx-4 rounded-md overflow-hidden bg-cover bg-center md:w-1/2" style="background-image: url('./assets/img/preset/const-web.jpg')">
                      <div class="bg-gray-900 bg-opacity-50 flex items-center h-full">
                          <div class="px-10 max-w-xl">
                              <h2 class="text-2xl text-white font-semibold">Offre Web</h2>
                              <p class="mt-2 text-gray-400">Un service incroyablement rapide et une protection DDOS pour soutenir vos services sans relâche.</p>
                            <form action="price-web.html">
                              <button class="flex items-center mt-4 text-white text-sm uppercase font-medium rounded hover:underline focus:outline-none">
                                  <span>Voir les offres</span>
                                  <svg class="h-5 w-5 mx-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
                              </button>
                            </form>
                          </div>
                      </div>
                  </div>
                  <div class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 w-full h-64 mt-8 md:mx-4 rounded-md overflow-hidden bg-cover bg-center md:mt-0 md:w-1/2" style="background-image: url('./assets/img/preset/cons-vps-stockage.png')">
                      <div class="bg-gray-900 bg-opacity-50 flex items-center h-full">
                          <div class="px-10 max-w-xl">
                              <h2 class="text-2xl text-white font-semibold">Offre VPS Stockage</h2>
                              <p class="mt-2 text-gray-400">La puissance est entre vos main. Un serveur virtuel avec un panel dédié et un potentiel énorme.</p>
                              <form action="price-vps.html#vps-stockage">
                              <button class="flex items-center mt-4 text-white text-sm uppercase font-medium rounded hover:underline focus:outline-none">
                                  <span>Voir les offres</span>
                                  <svg class="h-5 w-5 mx-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
                              </button>
                            </form>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="md:flex mt-8 md:-mx-4">
                <div class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 w-full h-64 md:mx-4 rounded-md overflow-hidden bg-cover bg-center md:w-1/2" style="background-image: url('./assets/img/preset/const-vps-kvm.png')">
                    <div class="bg-gray-900 bg-opacity-50 flex items-center h-full">
                        <div class="px-10 max-w-xl">
                            <h2 class="text-2xl text-white font-semibold">Offre VPS KVM</h2>
                            <p class="mt-2 text-gray-400">La puissance est entre vos main. Un serveur virtuel avec un panel dédié et un potentiel énorme.</p>
                          <form action="price-vps.html#vps-kvm">
                            <button class="flex items-center mt-4 text-white text-sm uppercase font-medium rounded hover:underline focus:outline-none">
                                <span>Voir les offres</span>
                                <svg class="h-5 w-5 mx-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
                            </button>
                          </form>
                        </div>
                    </div>
                </div>
                <div class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 w-full h-64 mt-8 md:mx-4 rounded-md overflow-hidden bg-cover bg-center md:mt-0 md:w-1/2" style="background-image: url('./assets/img/preset/lxc.jpg')">
                    <div class="bg-gray-900 bg-opacity-50 flex items-center h-full">
                        <div class="px-10 max-w-xl">
                            <h2 class="text-2xl text-white font-semibold">Offre VPS LXC</h2>
                            <p class="mt-2 text-gray-400">La puissance est entre vos main. Un serveur virtuel avec un panel dédié et un potentiel énorme.</p>
                            <!------ NE TOUCHER PAS AU "#VPS-Windows" ! Vous pouvez modifier se qu'il y a avant.-------->
                          <form action="price-vps.html#vps-lxc">
                            <button type="submit" class="flex items-center mt-4 text-white text-sm uppercase font-medium rounded hover:underline focus:outline-none">
                                <span>Voir les offres</span>
                                <svg class="h-5 w-5 mx-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
                            </button>
                        </form>
                        </div>
                    </div>
                </div>
          </div>
      </main>

      <section class="mt-64 text-gray-600 body-font">
        <div class="py-2 container px-5 mx-auto">
          <div id="vps-kvm-text" class=" lg:w-1/2 w-full mb-6 lg:mb-0">
            <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-white"> Pourquoi choisir RedHeberg ?</h1>
            <div class="h-1 w-20 bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 rounded"></div>
          </div>
        </div>
        <div class="container mx-auto flex px-5 md:flex-row flex-col items-center">
          <div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
            <p class="mb-8 text-gray-50 leading-relaxed">Nous bénéficions de machines très performantes pour accueillir nos différentes offres sans latence. </p>
          </div>
        </div>

        <div class="mb-64 container px-5 mx-auto">
          <div class="text-gray-600 body-font flex flex-wrap -m-4">
            <div class="p-4 md:w-1/3">
              <div class="flex rounded-lg h-full border-2 border-gray-800 p-8 flex-col transition delay-150 duration-300 ease-in-out transform hover:scale-105">
                <div class="flex items-center mb-3">
                  <div class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-white flex-shrink-0">
                    <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
                      <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
                    </svg>
                  </div>
                </div>
                <div class="flex-grow">
                  <p class="leading-relaxed text-gray-50 text-base">
                    Nous évoluons de jour en jour ainsi que la structure de RedHeberg.
                    </p>
                </div>
              </div>
            </div>
            <div class="p-4 md:w-1/3">
              <div class="flex rounded-lg h-full border-2 border-gray-800 p-8 flex-col transition delay-150 duration-300 ease-in-out transform hover:scale-105">
                <div class="flex items-center mb-3">
                  <div class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-white flex-shrink-0">
                    <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
                      <circle cx="6" cy="6" r="3"></circle>
                      <circle cx="6" cy="18" r="3"></circle>
                      <path d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12"></path>
                    </svg>
                  </div>
                </div>
                <div class="flex-grow">
                  <p class="leading-relaxed text-gray-50 text-base">
                    La qualité de nos différents services doit être la meilleure possible !
                    </p>
                </div>
              </div>
            </div>
            <div class="p-4 md:w-1/3">
              <div class="flex rounded-lg h-full border-2 border-gray-800 p-8 flex-col transition delay-150 duration-300 ease-in-out transform hover:scale-105">
                <div class="flex items-center mb-3">
                  <div class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-white flex-shrink-0">
                    <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
                      <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
                      <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                  </div>
                </div>
                <div class="flex-grow">
                  <p class="leading-relaxed text-gray-50 text-base">
                    Notre équipe est composée de plusieurs supports qui sauront vous satisfaire.
                    </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <div class="pt-12 px-6">
        <div class="w-full border-gray-300 border-t lg:w-11/12 md:w-11/12 lg:mx-auto md:mx-auto">
            <div class="container mx-auto py-12">
                <div class="xl:flex lg:flex md:flex pt-6">
                    <div class="w-11/12 xl:w-3/6 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0">
                        <div class="flex items-center mb-6 xl:mb-0 lg:mb-0">
                          <img class="transition delay-150 duration-300 ease-in-out transform hover:scale-125 h-8 w-auto sm:h-10" src="./assets/img/logo/logo.png" alt="">
                            <p class="ml-3 text-gray-50 font-bold text-xl">RedHeberg</p>
                        </div>
                    </div>
                    <div class="w-11/12 xl:w-1/6 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0 pt-3 xl:flex xl:justify-end pl-3 sm:pl-0">
                        <ul>
                            <li class="text-white font-bold text-xl mr-24 mb-6">Nos Offres</li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="price-web.html">Web</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="price-vps.html#vps-kvm">VPS KVM</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="price-vps.html#vps-lxc">VPS LXC</a>
                              </li>
                              <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                  <a href="price-vps.html#vps-stockage">VPS Stockage</a>
                            </li>
                        </ul>
                    </div>
                    <div class="w-11/12 xl:w-1/6 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0 pt-3 xl:flex xl:justify-end pl-3 sm:pl-0">
                        <ul>
                            <li class="text-white font-bold text-xl mb-6 mr-24">Informations</li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="javascript:void(0)">News</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="https://fr.trustpilot.com/review/redheberg.fr">Trustpilot</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="https://redheberg.fr/panel/index.php?rp=/knowledgebase">Documentation</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                              <a href="https://redheberg.fr/panel/clientarea.php">Espace Client</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                              <a href="https://status.redheberg.fr">Statut de nos services</a>
                            </li>
                        </ul>
                    </div>
                    <div class="w-11/12 xl:w-1/6 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0 pt-3 xl:flex xl:justify-end pl-3 sm:pl-0">
                        <ul>
                            <li class="text-white font-bold text-xl mb-6">À propos</li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="https://redheberg.fr/pdf/mentions.pdf">Mentions Légales</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="https://redheberg.fr/cgu-cgv.pdf">Conditions générales d'utilisation</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="">Conditions générales de vente</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="javascript:void(0)">Sécurité</a>
                            </li>
                            <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                                <a href="javascript:void(0)">À propos des cookies</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="xl:flex flex-wrap justify-between xl:mt-24 mt-16 pb-6 pl-3 sm:pl-0">
                    <div class="w-11/12 xl:w-2/6 mx-auto lg:mx-0 xl:mx-0 mb-6 xl:mb-0">
                        <p class="text-gray-200 text-base">2020 - 2021 RedHeberg - Tous droits réservés</p>
                        <p class="flex items-center text-gray-200 text-base"><span>Design with</span> <svg class="h-5 w-5 mx-2 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
                        </svg> <span>by <a class="underline" target="_blank" href="https://twitter.com/dev_afi">Afi</a></span>
                    </div>
                    <div class="w-11/12 xl:w-2/6 mx-auto lg:mx-0 xl:mx-0 mb-6 lg:mb-0 xl:mb-0">
                        <ul class="xl:flex lg:flex md:flex sm:flex justify-between">
                            <li class="text-gray-400 hover:text-gray-300 text-base mb-4 sm:mb-0">
                                <a href="javascript:void(0)"></a>
                            </li>
                            <li class="text-gray-400 hover:text-gray-300 text-base mb-4 sm:mb-0">
                                <a href="javascript:void(0)"></a>
                            </li>
                            <li class="text-gray-400 hover:text-gray-300 text-base mb-4 sm:mb-0">
                                <a href="javascript:void(0)"></a>
                            </li>
                            <li class="text-gray-400 hover:text-gray-300 text-base mb-4 sm:mb-0">
                                <a href="javascript:void(0)"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="w-11/12 xl:w-1/6 lg:w-1/6 sm:w-11/12 mx-auto lg:mx-0 xl:mx-0 mb-6 lg:mb-0 xl:mb-0 mt-8 lg:mt-8 xl:mt-0">
                        <div class="flex justify-start sm:justify-start xl:justify-end space-x-6 pr-2 xl:pr-0 lg:pr-0 md:pr-0 sm:pr-0">
                            <div>
                                <a href="javascript:void(0)">
                                    <svg aria-label="Twitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#718096" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter">
                                        <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>