<!------

                                                                                                                                                                                           
                                                    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 Design 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" src="./assets/img/logo/logo.png" />
    
    <title>RedHeberg - Offre Web</title>
    <meta name="title" content="RedHeberg —  Hébergement VPS et WEB">
    <meta name="description" content=" Nous proposons d'offres d'hébergement à un prix très abordable ainsi qu'une qualité remarquable.">
    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://redheberg.fr/assets/img/logo/logo.png">
    <meta property="og:title" content="RedHeberg —  Hébergement VPS et WEB">
    <meta property="og:description" content=" Nous proposons d'offres d'hébergement à un prix très abordable ainsi qu'une qualité remarquable.">
    <meta property="og:image" content="">
    
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://redheberg.fr/assets/img/logo/logo.png">
    <meta property="twitter:title" content="RedHeberg —  Hébergement VPS et WEB">
    <meta property="twitter:description" content=" Nous proposons d'offres d'hébergement à un prix très abordable ainsi qu'une qualité remarquable.">
    <meta property="twitter:image" content="">
    
    </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">
                                Hébergement Web
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Hébergement web rapide, sécurisé et simple à utiliser pour une assurer le succès de tous vos projets en ligne
                              </p>
                            </div>
                          </a>

                          <a href="price-rvd-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 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" />
                            </svg>
                          <div class="ml-4">
                            <p class="text-base font-medium text-gray-900">
                              Revendeur Web
                            </p>
                            <p class="mt-1 text-sm text-gray-500">
                              Un système de revente de site web propulsé par l'outil de gestion Plesk
                            </p>
                          </div>
                        </a>
                        
                        <a href="https://redheberg.fr/price-vps.html#vps-stockage" id="nav-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="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                          </svg>
                          <div class="ml-4">
                            <p class="text-base font-medium text-gray-900">
                              Hébergement VPS GAME
                            </p>
                            <p class="mt-1 text-sm text-gray-500">
                              La surpuissance du I9 9900K au prix d'un cookie
                            </p>
                          </div>
                        </a>

                          <a href="https://redheberg.fr/price-vps.html#vps-kvm" id="nav-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">
                                Hébergement VPS KVM
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                La puissance est entre vos main. Un serveur virtuel avec un panel dédié et un potentiel énorme
                              </p>
                            </div>
                          </a>
                        
                          <a href="https://redheberg.fr/price-vps.html#vps-lxc" id="nav-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">
                                Hébergement VPS LXC
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Un serveur virtuel sous Linux à prix avantageux et performant qui convient pour une utilisation standard
                              </p>
                            </div>
                          </a>

                          <a href="https://redheberg.fr/price-vps.html#vps-windows" id="nav-vps-windows" 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">
                                Hébergement VPS Windows
                              </p>
                              <p class="mt-1 text-sm text-gray-500">
                                Windows sous virtualisation KVM, VPS haute performance
                              </p>
                            </div>
                          </a>

                          <a href="price-fivem.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="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"> />
                            </svg>
                          <div class="ml-4">
                            <p class="text-base font-medium text-gray-900">
                              Hébergement FiveM
                            </p>
                            <p class="mt-1 text-sm text-gray-500">
                              Pterodactyl est prêt à accueillir vos projets FiveM 
                            </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="https://status.redheberg.fr" 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">Statut 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="https://redheberg.fr/panel/index.php?rp=/knowledgebase" 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 l'aide dont 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="price-web.html" class="font-medium text-gray-900 hover:text-gray-700">
                        Découvrez la nouvelle 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">
            <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="bg-cover bg-no-repeat" style="background-image: url('./assets/img/preset/const-vps-kvm.png')">
      <div class="bg-gray-900 bg-opacity-50" >
    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
      <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
        <span class="block text-indigo-400">Découvrez nos offres d'hébergement VPS</span>
        <span class="block text-white">À partir de 3.95€ /mois</span>
      </h2>
      <div class="mt-8 lex lg:mt-0 lg:flex-shrink-0">
        <div class="inline-flex rounded-md shadow">
          <a href="price-vps.html" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-gray-900 bg-gray-50 hover:bg-gray-100">
            Je découvre
          </a>
        </div>
       </div>
      </div>
    </div>
  </div>

<section class="text-gray-400 bg-gray-900 body-font overflow-hidden">
  <div class="py-24 container px-5 mx-auto">
    
<div class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 justify-between flex-wrap hidden sm:block bg-gradient-to-r from-purple-400 via-pink-500 to-red-500  rounded shadow">
  <div class="xl:w-full xl:mx-0 pl-5 pr-5 h-12">
      <ul class="flex">
          <li onclick="activeTab(this)" class="font-black text-sm text-gray-800 flex flex-col justify-between border-indigo-700 pt-3 rounded-t mr-10 font-normal">
            <p class="flex items-center mb-3 cursor-pointer"><span class="mr-1 w-4 h-4 inline-flex items-center justify-center">
              <svg 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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
              </svg>
            </span>Web</p>
              <div class="w-full h-1 bg-gray-800 rounded-t-md"></div>
          </li>
      </ul>
  </div>
</div>

<script>
  function activeTab(element) {
    let siblings = element.parentNode.querySelectorAll("li");
    for (let item of siblings) {
        item.children[1].classList.add("hidden");
        item.classList.add("text-white");
        item.classList.remove("text-gray-800");
    }
    element.children[1].classList.remove("hidden");
    element.classList.remove("text-white");
    element.classList.add("text-gray-800");
}

</script>

      <div id="vps-kvm-text" class="py-10 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">Revendeur Web</h1>
        <div class="h-1 w-20 bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 rounded"></div>
        <p class="my-2 text-sm font-medium title-font mb-2 text-grey-400" >Un système de revente de site web propulsé par l'outil de gestion Plesk.</p>
      </div>
      
      <div class="item-center justify-center flex flex-wrap -m-4">
      <div id="vps-kvm-card-1" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 p-4 xl:w-1/4 md:w-1/2 w-full">
        <div class="h-full p-6 rounded-lg border-2 border-gray-700 flex flex-col relative overflow-hidden">
          <h2 class="text-sm tracking-widest text-gray-400 title-font mb-1 font-medium">Revendeur Débutant</h2>
          <h1 class="text-5xl text-white leading-none flex items-center pb-4 mb-4 border-b border-gray-800">
            <span>1.95€</span>
            <span class="text-lg ml-1 font-normal text-gray-400">/mois</span>
          </h1>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Stockage : 50Go SSD
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Comptes Clients : 100
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Domaines : Illimités
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Sous-Domaines : Illimités
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>SSL Let's Encrypt : Inclus
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Anti-DDoS : Inclus
          </p>
          <p class="flex items-center text-gray-400 mb-6">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Offre upgradable : Possible
          </p>
          <a href="https://redheberg.fr/panel/index.php?rp=/store/rvd-web" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 flex items-center mt-auto text-white bg-gray-800 border-0 py-2 px-4 w-full focus:outline-none hover:bg-gray-700 rounded">Commander
            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-auto" viewBox="0 0 24 24">
              <path d="M5 12h14M12 5l7 7-7 7"></path>
            </svg>
          </a>
          <p class="text-xs text-gray-400 mt-3">Bande Passante : Illimités</p>
        </div>
      </div>
      <div id="vps-windows-card-4" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 p-4 xl:w-1/4 md:w-1/2 w-full">
        <div class="h-full p-6 rounded-lg border-2 border-gray-700 flex flex-col relative overflow-hidden">
          <h2 class="text-sm tracking-widest text-gray-400 title-font mb-1 font-medium">Revendeur Professionnel</h2>
          <h1 class="text-5xl text-white leading-none flex items-center pb-4 mb-4 border-b border-gray-800">
            <span>3.95€</span>
            <span class="text-lg ml-1 font-normal text-gray-400">/mois</span>
          </h1>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Stockage : 100Go SSD
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Comptes Clients : 200
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Domaines : Illimités
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Sous-Domaines : Illimités
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>SSL Let's Encrypt : Inclus
          </p>
          <p class="flex items-center text-gray-400 mb-2">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Anti-DDoS : Inclus
          </p>
          <p class="flex items-center text-gray-400 mb-6">
            <span class="w-4 h-4 mr-2 inline-flex items-center justify-center bg-gray-800 text-gray-500 rounded-full flex-shrink-0">
              <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3" viewBox="0 0 24 24">
                <path d="M20 6L9 17l-5-5"></path>
              </svg>
            </span>Offre upgradable : Possible
        </p>
        <a href="https://redheberg.fr/panel/index.php?rp=/store/rvd-web" class="transition delay-150 duration-300 ease-in-out transform hover:scale-105 flex items-center mt-auto text-white bg-gray-800 border-0 py-2 px-4 w-full focus:outline-none hover:bg-gray-700 rounded">Commander
          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-auto" viewBox="0 0 24 24">
            <path d="M5 12h14M12 5l7 7-7 7"></path>
          </svg>
        </a>
        <p class="text-xs text-gray-400 mt-3">Bande Passante : Illimités</p>
        </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-rvd-web.html">Revendeur 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-windows">VPS Windows</a>
                    </li>
                    <li class="text-base text-gray-200 hover:text-gray-300 mb-5">
                      <a href="price-vps.html#vps-stockage">VPS Game</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="https://redheberg.fr/cgu-cgv.pdf">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>Disign 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>