parent
aa1e723667
commit
72052d4ebc
1 changed files with 0 additions and 212 deletions
@ -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> |
|
||||||
Loading…
Reference in new issue