diff --git a/ressources/services.html b/ressources/services.html
deleted file mode 100644
index 15a0ee9..0000000
--- a/ressources/services.html
+++ /dev/null
@@ -1,212 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-     <meta charset="UTF-8">
-    <title>Net'n Dev</title>
-    <meta charset="ISO-8859-1">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.2.1/dist/css/splide.min.css"> <!-- for devs, check this website:  https://splidejs.com/ -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.2.1/dist/css/themes/splide-skyblue.min.css">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.14.0/css/mdb.min.css" rel="stylesheet">
-
-    <link rel="stylesheet" type="text/css" href="css/services_style.css">
-    <script src="https://code.jquery.com/jquery-3.4.1.slim.js" integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI=" crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.2.1/dist/js/splide.min.js"></script>
-  </head>
-  <body>
-    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="box-shadow:none">
-      <div class="container">
-        <div class="col-12 d-flex justify-content-center">
-          <div class="col-12 row d-flex justify-content-between">
-            <a class="navbar-brand" href="index.html">Net'n Dev</a>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
-              <ul class="navbar-nav">
-
-                <li class="nav-item">
-                  <a class="nav-link" href="index.html">Accueil</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link " href="#" data-toggle="modal" data-target="#ModalContact">Contact</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div id="particles-js" style="position:fixed"></div>
-    <div class="container-fluid">
-      <div class="container-fluid secondary-color-bg">
-        <div class="space-2"></div>
-        <div class="container">
-          <div class="space-1"></div>
-          <div class="col-12">
-
-            <div class="row d-flex justify-content-center">
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/serveur_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Réseaux et sécurité</h4>
-
-                    <p class="card-text white-text mb-4">Répartition de charge, intégrité de vos données, redondance de vos réseaux. Faites déléguer l'évolution et la maintenance de vos infrastructures informatique.</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/site_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Site Web</h4>
-
-                    <p class="card-text white-text mb-4">Création sur mesure ou reprise de vos anciennes solutions Web. Suivi personnalisé lors de la réalisation. Pour tous types de sites (vitrine, e-commerce, intranet, ...).</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/supervision_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Supervision et Metrologie</h4>
-
-                    <p class="card-text white-text mb-4">Anticiper, prévenir et être alerter de vos besoins futurs. Graphiques , tendances , alertes vous garantiront le fonctionnement de votre SI sur le long terme.</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/camera_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Vidéosurveillance</h4>
-
-                    <p class="card-text white-text mb-4">Surveiller les zones sensibles. Être alerté en cas d'intrusion sur vos sites. Détecter un effet de foule ou la chute d'une personne. Nous répondons à vos besoin.</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/software_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Conception logiciel</h4>
-
-                    <p class="card-text white-text mb-4">Vous avez une idée de logiciel ? Vous souhaitez optimiser votre temps, créer une application à votre image. nous pouvons mettre en place vos idées !</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="col-xl-4 col-md-6">
-                <div class="space-2"></div>
-                <div class="card">
-                  <div class="view overlay">
-                    <img class="card-img-top" src="ressources/images/informatique_img.jpg"
-                      alt="Card image cap">
-                    <a>
-                      <div class="mask rgba-white-slight"></div>
-                    </a>
-                  </div>
-                  <div class="card-body dark-blue-color white-text rounded-bottom">
-                    <a class="activator waves-effect mr-4"><i class="fas fa-share-alt white-text"></i></a>
-                    <h4 class="card-title">Gestion informatique</h4>
-
-                    <p class="card-text white-text mb-4">Besoin de gérer vos PC, serveurs. Créer un VPN pour le télétravail et vos utilisateurs ? Renouveler votre parc vieillissant. Contactez-nous.</p>
-                    <a href="#!" class="white-text d-flex justify-content-end">
-                      <h5><i class="fas fa-angle-double-right"></i></h5>
-                    </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-    </div>
-    <div class="container">
-      <div class="modal fade" id="ModalContact" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
-        aria-hidden="true" style="overflow:hidden;">
-        <div class="modal-dialog modal-dialog-centered" role="document" style="overflow:hidden;">
-          <div class="modal-content">
-            <div class="modal-body elegant-color">
-              <section>
-                 <h2 class="h1-responsive font-weight-bold text-center my-4 text-white">Formulaire de contact</h2>
-                 <p class="text-center w-responsive mx-auto mb-5 text-white">Formulaire en cours de réalisation. Vous pouvez nous joindre au 06.81.99.64.72 ou par mail : contact@net-n-dev.fr</p>
-             </section>
-           </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-      <div class="space-2"></div>
-    <footer class="page-footer primary-color-bg" style="z-index:99999">
-      <div class="container">
-        <div class="footer-copyright text-center py-3" style="color: grey">© 2020 Copyright:
-          <a href="https://net-n-dev.fr/" style="color: grey"> Net'n Dev</a>
-        </div>
-      </div>
-    </footer>
-
-  </body>
-  <script src="js/particles.js"></script>
-  <script src="js/app.js"></script>
-  <script src="js/script.js"></script>
-</html>
