master
commit
f8e4132abb
47 changed files with 3029 additions and 0 deletions
@ -0,0 +1,30 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="fr"> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
|
||||||
|
<title>Net'n Dev</title> |
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet"> |
||||||
|
|
||||||
|
<link type="text/css" rel="stylesheet" href="en_construction/css/style.css" /> |
||||||
|
|
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
|
||||||
|
<div id="notfound"> |
||||||
|
<div class="notfound"> |
||||||
|
<div class="notfound-404"> |
||||||
|
<h1>La page est en création</h1> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</body> |
||||||
|
<!-- This templates was made by Colorlib (https://colorlib.com) --> |
||||||
|
|
||||||
|
</html> |
||||||
@ -0,0 +1,108 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: "SofiaProBold"; |
||||||
|
src: url("../ressources/fonts/SofiaProBold.ttf"); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "SofiaProLight"; |
||||||
|
src: url("../ressources/fonts/SofiaProLight.ttf"); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
html { |
||||||
|
overflow-x:hidden; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
overflow-x: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
h4 { |
||||||
|
font-size: 130%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
font-family: SofiaProLight; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.navbar.scrolled { |
||||||
|
background-color: #121212 !important; |
||||||
|
transition: background-color 200ms linear; |
||||||
|
} |
||||||
|
|
||||||
|
.nav-item{ |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
/* Colors */ |
||||||
|
|
||||||
|
.primary-color-bg { |
||||||
|
background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.secondary-color-bg { |
||||||
|
background-color: #090909; |
||||||
|
} |
||||||
|
|
||||||
|
.thirdy-color-bg { |
||||||
|
background-color: #232323 |
||||||
|
} |
||||||
|
|
||||||
|
.blue-color { |
||||||
|
background-color: #0076BB; |
||||||
|
} |
||||||
|
|
||||||
|
.dark-blue-color { |
||||||
|
background-color: #005180; |
||||||
|
} |
||||||
|
|
||||||
|
/* Texts */ |
||||||
|
|
||||||
|
|
||||||
|
.text-title { |
||||||
|
color: #0076BB; |
||||||
|
} |
||||||
|
|
||||||
|
.text-subtitle { |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.container-fluid { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.space-1 { |
||||||
|
height: 20px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.space-2 { |
||||||
|
height: 50px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
#particles-js { |
||||||
|
width: 100%; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 1000px) { |
||||||
|
#particles-js { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,179 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: "SofiaProBold"; |
||||||
|
src: url("../ressources/fonts/SofiaProBold.ttf"); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "SofiaProLight"; |
||||||
|
src: url("../ressources/fonts/SofiaProLight.ttf"); |
||||||
|
} |
||||||
|
|
||||||
|
.primary-slider { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.primary-slider::-webkit-scrollbar { width: 0 !important } |
||||||
|
|
||||||
|
html { |
||||||
|
overflow-x:hidden; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
overflow-x: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
h4 { |
||||||
|
font-size: 130%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
font-family: SofiaProLight; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
/* Main container */ |
||||||
|
|
||||||
|
@media (max-width: 600px) { |
||||||
|
#title { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
#sub-title { |
||||||
|
text-align: justify; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* Cartes */ |
||||||
|
|
||||||
|
@media (max-width: 1000px) { |
||||||
|
#card3 { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* Images */ |
||||||
|
|
||||||
|
.mobile-img { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.desktop-img { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
@media (max-width: 1000px) { |
||||||
|
.desktop-img { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.mobile-img { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Colors */ |
||||||
|
|
||||||
|
.primary-color-bg { |
||||||
|
background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.secondary-color-bg { |
||||||
|
background-color: #090909; |
||||||
|
} |
||||||
|
|
||||||
|
.thirdy-color-bg { |
||||||
|
background-color: #232323 |
||||||
|
} |
||||||
|
|
||||||
|
.blue-color { |
||||||
|
background-color: #0076BB; |
||||||
|
} |
||||||
|
|
||||||
|
.dark-blue-color { |
||||||
|
background-color: #005180; |
||||||
|
} |
||||||
|
|
||||||
|
/* texts */ |
||||||
|
|
||||||
|
.text-title { |
||||||
|
color: #0076BB; |
||||||
|
} |
||||||
|
|
||||||
|
.text-subtitle { |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.text-content { |
||||||
|
color: white; |
||||||
|
text-align: justify; |
||||||
|
} |
||||||
|
|
||||||
|
.text-services-title { |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.text-services-content { |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.text-profil-title { |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
/* Bootstrap css */ |
||||||
|
|
||||||
|
.navbar { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar.scrolled { |
||||||
|
background-color: #121212 !important; |
||||||
|
transition: background-color 200ms linear; |
||||||
|
} |
||||||
|
|
||||||
|
.nav-item{ |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
.container-fluid { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.space-1 { |
||||||
|
height: 20px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.space-2 { |
||||||
|
height: 50px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* elements */ |
||||||
|
|
||||||
|
#main-bg { |
||||||
|
background-image: url("../ressources/images/background.jpeg"); |
||||||
|
height: 100vh; |
||||||
|
background-position: center; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: cover; |
||||||
|
} |
||||||
|
|
||||||
|
#title { |
||||||
|
font-size: 500%; |
||||||
|
color: white; |
||||||
|
font-family: SofiaProBold; |
||||||
|
} |
||||||
|
|
||||||
|
/* Plugin particles */ |
||||||
|
#particles-js { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
@media (max-width: 1000px) { |
||||||
|
#particles-js { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,213 @@ |
|||||||
|
|
||||||
|
|
||||||
|
<!-- |
||||||
|
nous contacter |
||||||
|
faire un linkedin |
||||||
|
pop formulaire pour contact |
||||||
|
#00FFC1 |
||||||
|
|
||||||
|
Dans les site (produits), ajouter un call to action pout scroll |
||||||
|
--> |
||||||
|
|
||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>Net'n Dev</title> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/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 class="secondary-color-bg"> |
||||||
|
<div id="main-bg" class="container-fluid"> |
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark secondary-color-bg 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="#">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="services.html">Services</a> |
||||||
|
</li> |
||||||
|
<li class="nav-item"> |
||||||
|
<a class="nav-link" href="#A_propos">À propos</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 class="container d-flex align-items-center" style="height: 100vh"> |
||||||
|
<div class="col-xl-6 col-md-12"> |
||||||
|
<p id="title" class="index.html">Net'n Dev</p> |
||||||
|
<p id="sub-title" class="text-white">Un collaborateur à l'écoute de l'évolution du marché, qui sait analyser et proposer des solutions adaptées à votre structure afin de créer une dynamique numérique.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="container-fluid primary-color-bg" id="A_propos"> |
||||||
|
<div class="container"> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="col-12 d-flex justify-content-center"> |
||||||
|
<div class="row mt-5 mb-5 d-flex justify-content-center align-items-center"> |
||||||
|
<div class="col-lg-4 col-xs-12"> |
||||||
|
<img class="img-fluid desktop-img" src="ressources/images/description_img.jpg" alt="Nos idées"> |
||||||
|
<img class="img-fluid mobile-img" src="ressources/images/description_image.jpg" alt="Nos idées"> |
||||||
|
</div> |
||||||
|
<div class="col-lg-6 col-xs-12"> |
||||||
|
<div> |
||||||
|
<h3 class="text-title">À propos</h3> |
||||||
|
<p class="text-content">Net'n Dev est le produit de deux équipes, le développement et l'infogérance qui travaille en symbiose pour aller toujours plus loin. Cette grande équipe s'investit dans la recherche et l'innovation tout en gardant à l'esprit les relations humaines. Nous sommes prêts à répondre à vos exigences et vos défis !</p> |
||||||
|
</div> |
||||||
|
<div class="space-2"></div> |
||||||
|
<div> |
||||||
|
<h3 class="text-title">Nos objectifs</h3> |
||||||
|
<p class="text-content text-justify">Nous voulons garder une proximité et une confiance avec nos partenaires, qu'ils soient clients, fournisseurs ou acteurs tiers du marché. Pour ce faire, nous exigeons <bold>transparence et réactivité.</bold><br><br>Net'n Dev contribue à l'évolution et à l'accompagnement du monde de demain.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="space-1"></div> |
||||||
|
</div> |
||||||
|
<div class="container-fluid secondary-color-bg" id="services"> |
||||||
|
<div id="particles-js" style="position:absolute;"></div> |
||||||
|
<div class="container"> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="col-12"> |
||||||
|
<div class="col-12 text-center"> |
||||||
|
<h3 class="text-title">Nos services</h3> |
||||||
|
<h1 class="text-subtitle">Services les plus demandés</h1> |
||||||
|
<div class="space-1"></div> |
||||||
|
</div> |
||||||
|
<div class="row d-flex justify-content-center"> |
||||||
|
<div class="col-lg-4 col-sm-6 mt-4"> |
||||||
|
<div class="card"> |
||||||
|
<div class="view overlay"> |
||||||
|
<img class="card-img-top" src="ressources/images/serveur_img.jpg" |
||||||
|
alt="Card image réseaux et sécurité"> |
||||||
|
<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 text-justify">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-lg-4 col-sm-6 mt-4"> |
||||||
|
<div class="card"> |
||||||
|
<div class="view overlay"> |
||||||
|
<img class="card-img-top" src="ressources/images/site_img.jpg" |
||||||
|
alt="Card image site"> |
||||||
|
<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 text-justify">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-lg-4 col-sm-6 mt-4" id="card3"> |
||||||
|
<div class="card"> |
||||||
|
<div class="view overlay"> |
||||||
|
<img class="card-img-top" src="ressources/images/supervision_img.jpg" |
||||||
|
alt="Card image supervision et métrologie"> |
||||||
|
<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 Métrologie</h4> |
||||||
|
|
||||||
|
<p class="card-text white-text mb-4 text-justify">Anticiper, prévenir et être averti 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> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="d-flex justify-content-center"> |
||||||
|
<a type="button" href="services.html" class="btn blue-color">Tous les services</a> |
||||||
|
</div> |
||||||
|
<div class="space-1"></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">Nous contacter</h2> |
||||||
|
<p class="text-center w-responsive mx-auto mb-5 text-white">Vous pouvez nous joindre au <a href="tel:+33681996472">+33 681 996 472</a> ou par mail : <a href="mailto:contact@net-n-dev.fr">contact@net-n-dev.fr</a></p> |
||||||
|
</section> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modal fade bottom" id="modalCookie1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
||||||
|
aria-hidden="true" data-backdrop="true"> |
||||||
|
<div class="modal-dialog modal-frame modal-bottom modal-notify modal-info" role="document"> |
||||||
|
<div class="modal-content"> |
||||||
|
<div class="modal-body"> |
||||||
|
<div class="row d-flex justify-content-center align-items-center"> |
||||||
|
<p class="pt-3 pr-2">Nous utilisons des cookies afin d'améliorer votre experience sur notre site :)</p> |
||||||
|
<a type="button" class="btn btn-primary">En savoir plus |
||||||
|
<i class="fas fa-book ml-1"></i> |
||||||
|
</a> |
||||||
|
<a type="button" class="btn btn-outline-primary waves-effect" data-dismiss="modal">Pas de soucis</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</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"> |
||||||
|
<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 type="text/javascript" src="js/script.js"></script> |
||||||
|
|
||||||
|
</html> |
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,113 @@ |
|||||||
|
|
||||||
|
particlesJS('particles-js', |
||||||
|
{ |
||||||
|
"particles": { |
||||||
|
"number": { |
||||||
|
"value": 60, |
||||||
|
"density": { |
||||||
|
"enable": false, |
||||||
|
"value_area": 0 |
||||||
|
} |
||||||
|
}, |
||||||
|
"color": { |
||||||
|
"value": "#0076BB" |
||||||
|
}, |
||||||
|
"shape": { |
||||||
|
"type": "edge", |
||||||
|
"stroke": { |
||||||
|
"width": 0, |
||||||
|
"color": "#000000" |
||||||
|
}, |
||||||
|
"polygon": { |
||||||
|
"nb_sides": 5 |
||||||
|
}, |
||||||
|
"image": { |
||||||
|
"src": "img/github.svg", |
||||||
|
"width": 100, |
||||||
|
"height": 100 |
||||||
|
} |
||||||
|
}, |
||||||
|
"opacity": { |
||||||
|
"value": 0.5, |
||||||
|
"random": false, |
||||||
|
"anim": { |
||||||
|
"enable": false, |
||||||
|
"speed": 1, |
||||||
|
"opacity_min": 0.1, |
||||||
|
"sync": false |
||||||
|
} |
||||||
|
}, |
||||||
|
"size": { |
||||||
|
"value": 5, |
||||||
|
"random": true, |
||||||
|
"anim": { |
||||||
|
"enable": true, |
||||||
|
"speed": 20, |
||||||
|
"size_min": 0.1, |
||||||
|
"sync": false |
||||||
|
} |
||||||
|
}, |
||||||
|
"line_linked": { |
||||||
|
"enable": true, |
||||||
|
"distance": 224.4776885211732, |
||||||
|
"color": "#ffffff", |
||||||
|
"opacity": 0.4, |
||||||
|
"width": 1 |
||||||
|
}, |
||||||
|
"move": { |
||||||
|
"enable": true, |
||||||
|
"speed": 1, |
||||||
|
"direction": "none", |
||||||
|
"random": true, |
||||||
|
"straight": false, |
||||||
|
"out_mode": "out", |
||||||
|
"bounce": false, |
||||||
|
"attract": { |
||||||
|
"enable": false, |
||||||
|
"rotateX": 600, |
||||||
|
"rotateY": 481.0236182596568 |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
"interactivity": { |
||||||
|
"detect_on": "canvas", |
||||||
|
"events": { |
||||||
|
"onhover": { |
||||||
|
"enable": false, |
||||||
|
"mode": "repulse" |
||||||
|
}, |
||||||
|
"onclick": { |
||||||
|
"enable": true, |
||||||
|
"mode": "push" |
||||||
|
}, |
||||||
|
"resize": true |
||||||
|
}, |
||||||
|
"modes": { |
||||||
|
"grab": { |
||||||
|
"distance": 400, |
||||||
|
"line_linked": { |
||||||
|
"opacity": 1 |
||||||
|
} |
||||||
|
}, |
||||||
|
"bubble": { |
||||||
|
"distance": 400, |
||||||
|
"size": 40, |
||||||
|
"duration": 2, |
||||||
|
"opacity": 8, |
||||||
|
"speed": 3 |
||||||
|
}, |
||||||
|
"repulse": { |
||||||
|
"distance": 200, |
||||||
|
"duration": 0.4 |
||||||
|
}, |
||||||
|
"push": { |
||||||
|
"particles_nb": 4 |
||||||
|
}, |
||||||
|
"remove": { |
||||||
|
"particles_nb": 2 |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
"retina_detect": true |
||||||
|
} |
||||||
|
); |
||||||
Binary file not shown.
@ -0,0 +1,149 @@ |
|||||||
|
/** |
||||||
|
* @author mrdoob / http://mrdoob.com/
|
||||||
|
*/ |
||||||
|
|
||||||
|
var Stats = function () { |
||||||
|
|
||||||
|
var startTime = Date.now(), prevTime = startTime; |
||||||
|
var ms = 0, msMin = Infinity, msMax = 0; |
||||||
|
var fps = 0, fpsMin = Infinity, fpsMax = 0; |
||||||
|
var frames = 0, mode = 0; |
||||||
|
|
||||||
|
var container = document.createElement( 'div' ); |
||||||
|
container.id = 'stats'; |
||||||
|
container.addEventListener( 'mousedown', function ( event ) { event.preventDefault(); setMode( ++ mode % 2 ) }, false ); |
||||||
|
container.style.cssText = 'width:80px;opacity:0.9;cursor:pointer'; |
||||||
|
|
||||||
|
var fpsDiv = document.createElement( 'div' ); |
||||||
|
fpsDiv.id = 'fps'; |
||||||
|
fpsDiv.style.cssText = 'padding:0 0 3px 3px;text-align:left;background-color:#002'; |
||||||
|
container.appendChild( fpsDiv ); |
||||||
|
|
||||||
|
var fpsText = document.createElement( 'div' ); |
||||||
|
fpsText.id = 'fpsText'; |
||||||
|
fpsText.style.cssText = 'color:#0ff;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px'; |
||||||
|
fpsText.innerHTML = 'FPS'; |
||||||
|
fpsDiv.appendChild( fpsText ); |
||||||
|
|
||||||
|
var fpsGraph = document.createElement( 'div' ); |
||||||
|
fpsGraph.id = 'fpsGraph'; |
||||||
|
fpsGraph.style.cssText = 'position:relative;width:74px;height:30px;background-color:#0ff'; |
||||||
|
fpsDiv.appendChild( fpsGraph ); |
||||||
|
|
||||||
|
while ( fpsGraph.children.length < 74 ) { |
||||||
|
|
||||||
|
var bar = document.createElement( 'span' ); |
||||||
|
bar.style.cssText = 'width:1px;height:30px;float:left;background-color:#113'; |
||||||
|
fpsGraph.appendChild( bar ); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
var msDiv = document.createElement( 'div' ); |
||||||
|
msDiv.id = 'ms'; |
||||||
|
msDiv.style.cssText = 'padding:0 0 3px 3px;text-align:left;background-color:#020;display:none'; |
||||||
|
container.appendChild( msDiv ); |
||||||
|
|
||||||
|
var msText = document.createElement( 'div' ); |
||||||
|
msText.id = 'msText'; |
||||||
|
msText.style.cssText = 'color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px'; |
||||||
|
msText.innerHTML = 'MS'; |
||||||
|
msDiv.appendChild( msText ); |
||||||
|
|
||||||
|
var msGraph = document.createElement( 'div' ); |
||||||
|
msGraph.id = 'msGraph'; |
||||||
|
msGraph.style.cssText = 'position:relative;width:74px;height:30px;background-color:#0f0'; |
||||||
|
msDiv.appendChild( msGraph ); |
||||||
|
|
||||||
|
while ( msGraph.children.length < 74 ) { |
||||||
|
|
||||||
|
var bar = document.createElement( 'span' ); |
||||||
|
bar.style.cssText = 'width:1px;height:30px;float:left;background-color:#131'; |
||||||
|
msGraph.appendChild( bar ); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
var setMode = function ( value ) { |
||||||
|
|
||||||
|
mode = value; |
||||||
|
|
||||||
|
switch ( mode ) { |
||||||
|
|
||||||
|
case 0: |
||||||
|
fpsDiv.style.display = 'block'; |
||||||
|
msDiv.style.display = 'none'; |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
fpsDiv.style.display = 'none'; |
||||||
|
msDiv.style.display = 'block'; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
}; |
||||||
|
|
||||||
|
var updateGraph = function ( dom, value ) { |
||||||
|
|
||||||
|
var child = dom.appendChild( dom.firstChild ); |
||||||
|
child.style.height = value + 'px'; |
||||||
|
|
||||||
|
}; |
||||||
|
|
||||||
|
return { |
||||||
|
|
||||||
|
REVISION: 12, |
||||||
|
|
||||||
|
domElement: container, |
||||||
|
|
||||||
|
setMode: setMode, |
||||||
|
|
||||||
|
begin: function () { |
||||||
|
|
||||||
|
startTime = Date.now(); |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
end: function () { |
||||||
|
|
||||||
|
var time = Date.now(); |
||||||
|
|
||||||
|
ms = time - startTime; |
||||||
|
msMin = Math.min( msMin, ms ); |
||||||
|
msMax = Math.max( msMax, ms ); |
||||||
|
|
||||||
|
msText.textContent = ms + ' MS (' + msMin + '-' + msMax + ')'; |
||||||
|
updateGraph( msGraph, Math.min( 30, 30 - ( ms / 200 ) * 30 ) ); |
||||||
|
|
||||||
|
frames ++; |
||||||
|
|
||||||
|
if ( time > prevTime + 1000 ) { |
||||||
|
|
||||||
|
fps = Math.round( ( frames * 1000 ) / ( time - prevTime ) ); |
||||||
|
fpsMin = Math.min( fpsMin, fps ); |
||||||
|
fpsMax = Math.max( fpsMax, fps ); |
||||||
|
|
||||||
|
fpsText.textContent = fps + ' FPS (' + fpsMin + '-' + fpsMax + ')'; |
||||||
|
updateGraph( fpsGraph, Math.min( 30, 30 - ( fps / 100 ) * 30 ) ); |
||||||
|
|
||||||
|
prevTime = time; |
||||||
|
frames = 0; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
return time; |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
update: function () { |
||||||
|
|
||||||
|
startTime = this.end(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
}; |
||||||
|
|
||||||
|
if ( typeof module === 'object' ) { |
||||||
|
|
||||||
|
module.exports = Stats; |
||||||
|
|
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,17 @@ |
|||||||
|
$(document).ready(function() { |
||||||
|
|
||||||
|
$(document).scroll(function () { |
||||||
|
var $nav = $(".navbar"); |
||||||
|
$nav.toggleClass('scrolled', $(this).scrollTop() > $(window).height()/3); |
||||||
|
}); |
||||||
|
|
||||||
|
var h = $("#services").height(); |
||||||
|
$("#particles-js").height(h); |
||||||
|
|
||||||
|
$(window).resize(function() { |
||||||
|
console.log("lqejf"); |
||||||
|
var h = $("#services").height(); |
||||||
|
$("#particles-js").height(h); |
||||||
|
}); |
||||||
|
|
||||||
|
}); |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="fr"> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
|
||||||
|
<title>Net'n Dev</title> |
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet"> |
||||||
|
|
||||||
|
<link type="text/css" rel="stylesheet" href="en_construction/css/style.css" /> |
||||||
|
|
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
|
||||||
|
<div id="notfound"> |
||||||
|
<div class="notfound"> |
||||||
|
<div class="notfound-404"> |
||||||
|
<h1>La page est en création</h1> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</body> |
||||||
|
<!-- This templates was made by Colorlib (https://colorlib.com) --> |
||||||
|
|
||||||
|
</html> |
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 465 KiB |
|
After Width: | Height: | Size: 447 KiB |
|
After Width: | Height: | Size: 376 KiB |
|
After Width: | Height: | Size: 404 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 330 KiB |
|
After Width: | Height: | Size: 209 KiB |
|
After Width: | Height: | Size: 390 KiB |
|
After Width: | Height: | Size: 256 KiB |
@ -0,0 +1,212 @@ |
|||||||
|
|
||||||
|
|
||||||
|
<!-- |
||||||
|
nous contacter |
||||||
|
faire un linkedin |
||||||
|
pop formulaire pour contact |
||||||
|
#00FFC1 |
||||||
|
|
||||||
|
Dans les site (produits), ajouter un call to action pout scroll |
||||||
|
--> |
||||||
|
|
||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>Net'n Dev</title> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<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/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 class="secondary-color-bg"> |
||||||
|
<div id="main-bg" class="container-fluid"> |
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark secondary-color-bg 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="#">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="services.html">Services</a> |
||||||
|
</li> |
||||||
|
<li class="nav-item"> |
||||||
|
<a class="nav-link" href="#A_propos">À propos</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 class="container d-flex align-items-center" style="height: 100vh"> |
||||||
|
<div class="col-xl-6 col-md-12"> |
||||||
|
<p id="title" class="index.html">Net'n Dev</p> |
||||||
|
<p id="sub-title" class="text-white">Un collaborateur à l'écoute de l'évolution du marché, qui sait analyser et proposer des solutions adaptées à votre structure afin de créer une dynamique numérique.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="container-fluid primary-color-bg" id="A_propos"> |
||||||
|
<div class="container"> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="col-12 d-flex justify-content-center"> |
||||||
|
<div class="row mt-5 mb-5 d-flex justify-content-center align-items-center"> |
||||||
|
<div class="col-lg-4 col-xs-12"> |
||||||
|
<img class="img-fluid desktop-img" src="ressources/images/description_img.jpg" alt=""> |
||||||
|
<img class="img-fluid mobile-img" src="ressources/images/description_image.jpg" alt=""> |
||||||
|
</div> |
||||||
|
<div class="col-lg-6 col-xs-12"> |
||||||
|
<div> |
||||||
|
<p class="text-title">À propos</p> |
||||||
|
<p class="text-content">Net'n Dev est le produit de deux équipes, le développement et l'infogérance qui travaille en symbiose pour aller toujours plus loin. Cette grande équipe s'investie dans la recherche et l'innovation tout en gardant à l'esprit les relations humaines. Nous sommes prêts à répondre à vos exigences et vos défis !</p> |
||||||
|
</div> |
||||||
|
<div class="space-2"></div> |
||||||
|
<div> |
||||||
|
<p class="text-title">Nos objectifs</p> |
||||||
|
<p class="text-content text-justify">Nous voulons garder une proximité et une confiance avec nos partenaires, qu'ils soient clients, fournisseurs ou acteurs tiers du marché. Pour ce faire, nous exigeons <bold>transparence et réactivité.</bold><br><br>Net'n Dev contribus à l'évolution et à l'accompagnement du monde de demain.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="space-1"></div> |
||||||
|
</div> |
||||||
|
<div class="container-fluid secondary-color-bg" id="services"> |
||||||
|
<div id="particles-js" style="position:absolute;"></div> |
||||||
|
<div class="container"> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="col-12"> |
||||||
|
<div class="col-12 text-center"> |
||||||
|
<p class="text-title">Nos services</p> |
||||||
|
<h1 class="text-subtitle">Services les plus demandés</h1> |
||||||
|
<div class="space-1"></div> |
||||||
|
</div> |
||||||
|
<div class="row d-flex justify-content-center"> |
||||||
|
<div class="col-lg-4 col-sm-6 mt-4"> |
||||||
|
<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 text-justify">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-lg-4 col-sm-6 mt-4"> |
||||||
|
<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 text-justify">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-lg-4 col-sm-6 mt-4" id="card3"> |
||||||
|
<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 text-justify">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> |
||||||
|
<div class="space-1"></div> |
||||||
|
<div class="d-flex justify-content-center"> |
||||||
|
<a type="button" href="services.html" class="btn blue-color">Tous les services</a> |
||||||
|
</div> |
||||||
|
<div class="space-1"></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="modal fade bottom" id="modalCookie1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
||||||
|
aria-hidden="true" data-backdrop="true"> |
||||||
|
<div class="modal-dialog modal-frame modal-bottom modal-notify modal-info" role="document"> |
||||||
|
<div class="modal-content"> |
||||||
|
<div class="modal-body"> |
||||||
|
<div class="row d-flex justify-content-center align-items-center"> |
||||||
|
<p class="pt-3 pr-2">Nous utilisons des cookies afin d'améliorer votre experience sur notre site :)</p> |
||||||
|
<a type="button" class="btn btn-primary">En savoir plus |
||||||
|
<i class="fas fa-book ml-1"></i> |
||||||
|
</a> |
||||||
|
<a type="button" class="btn btn-outline-primary waves-effect" data-dismiss="modal">Pas de soucis</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</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 type="text/javascript" src="js/script.js"></script> |
||||||
|
|
||||||
|
</html> |
||||||
@ -0,0 +1,212 @@ |
|||||||
|
<!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> |
||||||
@ -0,0 +1,212 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
||||||
|
<title>Net'n Dev</title> |
||||||
|
<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 réseaux et sécurité"> |
||||||
|
<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 site"> |
||||||
|
<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 supervision et métrologie"> |
||||||
|
<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 Métrologie</h4> |
||||||
|
|
||||||
|
<p class="card-text white-text mb-4">Anticiper, prévenir et être averti 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 vidéosurveillance"> |
||||||
|
<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 besoins.</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 logiciel"> |
||||||
|
<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 ifnogérance"> |
||||||
|
<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">Vous pouvez nous joindre au <a href="tel:+33681996472">+33 681 996 472</a> ou par mail : <a href="mailto:contact@net-n-dev.fr">contact@net-n-dev.fr</a></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"> |
||||||
|
<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> |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||||
|
<urlset |
||||||
|
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" |
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" |
||||||
|
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 |
||||||
|
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> |
||||||
|
<url> |
||||||
|
<loc>https://net-n-dev.fr/</loc> |
||||||
|
<lastmod>2020-08-20T10:23:00+00:00</lastmod> |
||||||
|
<changefreq>monthly</changefreq> |
||||||
|
<priority>1.00</priority> |
||||||
|
</url> |
||||||
|
</urlset> |
||||||
Loading…
Reference in new issue