Sei sulla pagina 1di 8

<html>

<head>
<meta charset="utf-8"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximumscale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../../maxcdn.bootstrapcdn.com/font-awesome/4
.3.0/css/font-awesome.min.css"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>St groupe service (s.a.r.l)</title>
</head>
<body>
<div class="preloader">
<div class="container-fluid">
<div class="spinner">
<span class="ball-1"></span>
<span class="ball-2"></span>
<span class="ball-3"></span>
<span class="ball-4"></span>
</div>
</div>
</div>
<header>
<div class="container">
<div class="logo">
<a href="index.aspx">
<img src="img/logo.png" alt=""/>
</a>
</div>
<div class="nav-menu-icon">
<a href="#"><i></i></a>
</div>
<nav>
<ul>
<li><a href="index.aspx">Home</a></li>
<li><a href="sitewebservices.aspx">Services<span class="fa f
a-times open-drop"></span></a>
<ul class="dropmenu">
<li><a href="sitewebservices.aspx">Site web services
</a></li>
<li><a href="rseauxservices.aspx">Rseaux Services</a><
/li>
<li><a href="maintenancesservices.aspx">Maintenances
Services</a></li>
<li><a href="camrasurveillance.aspx">Camra Surveillanc
e</a></li>
<li><a href="consommable.aspx">Consommable</a></li>
<li><a href="fourniturebureau.aspx">Fourniture De Bu
reau</a></li>
</ul>
</li>
<li><a href="portfolio.aspx">Portfolio</a></li>
<li><a href="contacts.aspx">Contacts</a></li>

</ul>
</nav>
</div>
</header>
<div class="main-baner">
<div class="accordions">
<div class="acor-slide bg-red">
<div class="caption-slider">
<div class="min-title vertical-center">
<span>Groupe service (S.A.R.L) 100% pour vous</span>
<h1>rseaux services</h1>
<ul class="title-list">
<li>
<img src="img/check.png" alt=""/>Connexion rseau<
/li>
<li>
<img src="img/check.png" alt=""/>Liaisons point-point</li>
<li>
<img src="img/check.png" alt=""/>Serveurs DNS</l
i>
<li>
<img src="img/check.png" alt=""/>Gestion quipemen
ts rseaux</li>
<li>
<img src="img/check.png" alt=""/>Synchronisation
horaire</li>
<li>
<img src="img/check.png" alt=""/>Monitoring des
performances</li>
<li>
<img src="img/check.png" alt=""/>Adresses rseaux<
/li>
</ul>
<a href="rseauxservices.aspx" class="button-2 bg-white">Dt
ail</a>
</div>
<div class="main-img vertical-center">
<img src="img/slide_2_img.png" alt=""/>
<div class="baner-price">
<div class="vertical-center">
<span> partir de</span>
<b>1000 Dhs</b>
<span></span>
</div>
</div>
</div>
</div>
<div class="hide-caption vertical-center">
<img src="img/slide_2_sm.png" alt=""/>
<h3>Slectionner le meilleur offre</h3>
<span>rseaux services</span>
<div class="acor-arrow">
<img src="img/arrow.png" alt=""/>
</div>
</div>
</div>
<div class="acor-slide bg-yellow anime">
<div class="caption-slider">

<div class="min-title vertical-center">


<span>Groupe service (S.A.R.L) 100% pour vous</span>
<h1>site web services</h1>
<ul class="title-list">
<li>
<img src="img/check.png" alt=""/>Site web (stati
que, dynamique, boutique en ligne)</li>
<li>
<img src="img/check.png" alt=""/>Graphisme bas su
r votre identit </li>
<li>
<img src="img/check.png" alt=""/>Responsive desi
gn</li>
<li>
<img src="img/check.png" alt=""/>Formulaire de c
ontact vers votre adresse email</li>
<li>
<img src="img/check.png" alt=""/>Boutons de part
age des rseaux sociaux</li>
</ul>
<a href="sitewebservices.aspx" class="button-2 bg-white"
>Dtail</a>
</div>
<div class="main-img vertical-center">
<img src="img/slide_1_img.png" alt=""/>
<div class="baner-price">
<div class="vertical-center">
<span> partir de</span>
<b>5000 Dhs</b>
<span></span>
</div>
</div>
</div>
</div>
<div class="hide-caption vertical-center">
<img src="img/slide_1_sm.png" alt=""/>
<h3>Slectionner le meilleur offre</h3>
<span>web services</span>
<div class="acor-arrow">
<img src="img/arrow.png" alt=""/>
</div>
</div>
</div>
<div class="acor-slide bg-orange">
<div class="caption-slider">
<div class="min-title vertical-center">
<span>Groupe service (S.A.R.L) 100% pour vous</span>
<h1>Maintenances services</h1>
<ul class="title-list">
<li>
<img src="img/check.png" alt=""/>Maintenance inf
ormatique</li>
<li>
<img src="img/check.png" alt=""/>Assistance info
rmatique</li>
<li>
<img src="img/check.png" alt=""/>Conseil et suiv
i de votre parc informatique</li>
</ul>
<a href="maintenancesservices.aspx" class="button-2 bg-w

hite">Dtail</a>
</div>
<div class="main-img vertical-center">
<img src="img/slide_3_img.png" alt=""/>
<div class="baner-price">
<div class="vertical-center">
<span> partir de</span>
<b>300 Dhs</b>
<span></span>
</div>
</div>
</div>
</div>
<div class="hide-caption vertical-center">
<img src="img/slide_3_sm.png" alt=""/>
<h3>Slectionner le meilleur offre</h3>
<span>Maintenances services</span>
<div class="acor-arrow">
<img src="img/arrow.png" alt=""/>
</div>
</div>
</div>
</div>
</div>
<div class="main-section service bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 co
l-sm-12">
<div class="second-title">
<h2>notre service</h2>
<p>groupe service est une socit autoris au maroc, Notre obj
ectif est d'accompagner les particuliers et les professionnels dans la recherche
d'un service informatique adapte a leur besoin.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_1.png" alt="" />
<h6>Site Web Services</h6>
<a href="sitewebservices.aspx" class="button-1">PLUS ...
</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_2.png" alt="" />
<h6>Rseaux Services</h6>
<a href="rseauxservices.aspx" class="button-1">PLUS ...</
a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_3.png" alt="" />
<h6>Maintenances Services</h6>
<a href="maintenancesservices.aspx" class="button-1">PLU
S ...</a>
</div>

</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_5.png" alt="" />
<h6>Camra Surveillance</h6>
<a href="camrasurveillance.aspx" class="button-1">PLUS ..
.</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_4.png" alt="" />
<h6>Consommable</h6>
<a href="consommable.aspx" class="button-1">PLUS ...</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="serv-block border-blue">
<img src="img/serv_icon_6.png" alt="" />
<h6>Fourniture De Bureau</h6>
<a href="fourniturebureau.aspx" class="button-1">PLUS ..
.</a>
</div>
</div>
</div>
</div>
<div class="main-section testimonials bg-red">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 co
l-sm-12">
<div class="second-title col-white">
<h2>Les directeurs de "Groupe Service"</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="swiper-container testi-slider" data-autoplay
="5000" data-loop="0" data-speed="1000" data-slides-per-view="responsive" data-x
s-slides="1" data-sm-slides="2" data-md-slides="3" data-lg-slides="3" data-add-s
lides="3" id="slider-testi">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="test-block"
>
<div class="test
i-people">
<div class
="testi-people-txt">
<h5>
<b>Abrouk Abdelali</b></h5>
<s
pan>Directeur Gnral</span>
</div>
</div>
</div>
</div>
<div class="swiper-sli

de">
<div class="test-block"
>
<div class="test
i-people">
<div class
="testi-people-txt">
<h5>
<b>Lamjahdi Abdelhadi</b></h5>
<s
pan>Directeur Adjoint</span>
</div>
</div>
</div>
</div>
<div class="swiper-sli
de">
<div class="test-block"
>
<div class="test
i-people">
<div class
="testi-people-txt">
<h5>
<b>Zouhair Jerradi</b></h5>
<s
pan>Directeur Technique</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="test-block"
>
<div class="test
i-people">
<div class
="testi-people-txt">
<h5>
<b>Mohamed Lamkaddem</b></h5>
<s
pan>Directeur Commercial</span>
</div>
</div>
</div>
</div>
</div>
<div class="pagination"></div>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-dark">
<div class="top-footer-info">

<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="top-f-block">
<a href="#">Raison Social: 347655</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="top-f-block text-center">
<a href="#">Patente: 32292494</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="top-f-block text-center">
<a href="#">I.F: 18753657</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="top-f-block text-right">
<a href="#">CNSS: 4841252</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="footer-title">
<a href="index.aspx">
<img src="img/logo.png" alt=""/>
</a>
<p class="font-13">groupe service est une socit autoris au
maroc, Notre objectif est d'accompagner les particuliers et les professionnels d
ans la recherche d'un service informatique adapte a leur besoin.</p>
<div class="footer-folow">
<a target="_blank" href="https://www.linkedin.com/in
/groupe-service-s-a-r-l-39766611b" class="fa fa-linkedin bg-blue-2"></a>
<a target="_blank" href="https://plus.google.com/u/0
/109547923680145643533" class="fa fa-google-plus bg-red-2"></a>
<a target="_blank" href="https://twitter.com/GroupeS
ervice" class="fa fa-twitter bg-twitter"></a>
<a target="_blank" href="https://www.youtube.com/cha
nnel/UC0CWoKENqoxdyj31e3R2xvg" class="fa fa-youtube bg-red-3"></a>
<a target="_blank" href="https://www.facebook.com/Gr
oupeServiceOfficiel" class="fa fa-facebook bg-facebook"></a>
</div>
</div>
</div>
</div>
</div>
<div class="copyright bg-dark-2">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul>
<li><a href="index.aspx">Home</a></li>
<li><a href="sitewebservices.aspx">Service</a></li>
<li><a href="portfolio.aspx">Portfolio</a></li>

<li><a href="contacts.aspx">Contacts</a></li>
</ul>
<span> 2016 All Rights Reserved. <span class="tt"><a targ
et="_blank" href="https://www.facebook.com/profile.php?id=100000072257318">Lamja
hdi Abdelhadi</a></span></span>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/idangerous.swiper.min.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.zaccordion.min.js"></script>
<script src="js/canvasjs.min.js"></script>
<script src="js/chart.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/all.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNo
de.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analyti
cs.js', 'ga');
ga('create', 'UA-77120173-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>

Potrebbero piacerti anche