-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
131 lines (129 loc) · 9.35 KB
/
services.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Services • Yoann Buchet</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<link href="./css/style.css" rel="stylesheet" type="text/css"/>
<link href="./css/zoombox.css" rel="stylesheet" type="text/css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header class="menu">
<div id="logo">
<h1 class="title">Yoann Buchet</h1>
<h2 class="subtitle">Multiservices</h2>
</div>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="services.html" class="active">Services</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="tarifs.html">Tarifs</a></li>
<li><a href="livreor.php">Livre d'or</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</header>
<section id="service">
<h1 class="titre"></h1>
<article>
<div class="tabs">
<a href="#" id="first-tab" class="active">Rénovation intérieure</a>
<a href="#">Rénovation extérieure</a>
<a href="#">Entretien des espaces verts</a>
<a href="#">Transport</a>
</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-slide">
<h2 class="titre">Peinture</h2>
<a class="zoombox zgallery1" title="Du simple coup de pinceau à la rénovation complète de votre intérieur, plus de 1400 couleurs vous attendent pour un nouveau chez-vous!" href="img/Services/full/peinture.jpg"><img src="img/Services/90px/peinture.jpg" alt=""></a>
<p class="slide">Du simple coup de pinceau à la rénovation complète de votre intérieur, plus de 1400 couleurs vous attendent pour un nouveau chez-vous !</p>
<h2 class="titre">Parquet</h2>
<a class="zoombox zgallery1" title="De la pose d'un parquet flottant à la rénovation d'un parquet massif, vous découvrirez une large gamme de finitions pour personnaliser votre sol." href="img/Services/full/parquet.jpg"><img src="img/Services/90px/parquet.jpg" alt=""></a>
<p class="slide">De la pose d'un parquet flottant à la rénovation d'un parquet massif, vous découvrirez une large gamme de finitions pour personnaliser votre sol.</p>
<h2 class="titre">Isolation</h2>
<a class="zoombox zgallery1" title="L'économie d'énergie est un sujet primordial. Laissez vous guider par des conseils personnalisés et accédez à une isolation efficace et économique." href="img/Services/full/isolation.jpg"><img src="img/Services/90px/isolation.jpg" alt=""></a>
<p class="slide">L'économie d'énergie est un sujet primordial. Laissez vous guider par des conseils personnalisés et accédez à une isolation efficace et économique.</p>
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
<h2 class="titre">Peinture</h2>
<a class="zoombox zgallery2" title="Peinture" href="img/Services/full/terrasse.jpg"><img src="img/Services/90px/terrasse.jpg" alt=""></a>
<p class="slide">Terrasse, véranda, abri de jardin, bandeaux de toiture... Tous ces éléments donnent du cachet à votre maison. Que vous souhaitiez lasurer, peindre, créer ou rénover, de nombreuses possibilités vous attendent !</p>
<h2 class="titre">Volets</h2>
<a class="zoombox zgallery2" title="Volets" href="img/Services/full/volets.jpg"><img src="img/Services/90px/volets.jpg" alt=""></a>
<p class="slide">Battants, pliants, roulants, coulissants, ils méritent un entretien soigneusement suivi. Choisissez parmis 1400 couleurs et donnez leur une seconde vie !</p>
<h2 class="titre">Extérieur</h2>
<a class="zoombox zgallery2" title="Terrasse, dalles" href="img/Services/full/pave.jpg"><img src="img/Services/90px/pave.jpg" alt=""></a>
<p class="slide">Pavés déplacés, dalles cassées, terrasse vieillissante... Du nettoyage à la réfection, nous réaliserons ensemble l'extérieur dont vous rêvez.</p>
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
<h2 class="titre">Pelouse</h2>
<a class="zoombox zgallery3" title="Pelouse" href="img/Services/full/pelouse.jpg"><img src="img/Services/90px/pelouse.jpg" alt=""></a>
<p class="slide">Tonte de votre pelouse, finition des bordures, évacuation des déchets verts... Il ne vous restera plus qu'à profiter du soleil d'été !</p>
<h2 class="titre">Haie</h2>
<a class="zoombox zgallery3" title="Haie" href="img/Services/full/haie.jpg"><img src="img/Services/90px/haie.jpg" alt=""></a>
<p class="slide">Thuyas, Forsythia, Laurier, Noisetier, Aubépine...Autant de variétés qui méritent une attention particulière pour s'épanouir !</p>
<h2 class="titre">Élagage</h2>
<a class="zoombox zgallery3" title="Élagage" href="img/Services/full/elagage.jpg"><img src="img/Services/90px/elagage.jpg" alt=""></a>
<p class="slide">L'élagage de vos arbres fruitiers, érables, sapins, chênes...</p>
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
<h2 class="titre">Transport</h2>
<a class="zoombox zgallery4" title="Transport" href="img/Services/full/transport.jpg"><img src="img/Services/90px/transport.jpg" alt=""></a>
<p class="slide" id="court">Quel que soit le volume et la distance à parcourir, optez pour un transport rapide et de qualité !</p>
<h2 class="titre">Évacuation</h2>
<a class="zoombox zgallery4" title="Évacuation" href="img/Services/full/evacuation.jpg"><img src="img/Services/90px/evacuation.jpg" alt=""></a>
<p class="slide">Abri de jardin, cave, grenier, garage, appartement... Laissez vous guider de l'évacuation jusqu'au nettoyage.</p>
<h2 class="titre">Installation</h2>
<a class="zoombox zgallery4" title="Installation" href="img/Services/full/livraison.jpg"><img src="img/Services/90px/livraison.jpg" alt=""></a>
<p class="slide">La livraison et l'installation de vos meubles, électroménager, informatique...</p>
</div>
</div>
</div>
</div>
</article>
</section>
<footer>
<p>Yoann-Buchet.fr © 2013 - 2014 | Tous droits réservés</p>
<p>Entreprise</p>
</footer>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/idangerous.swiper-2.1.min.js"></script>
<script>
var tabsSwiper = new Swiper('.swiper-container',{
mode: 'vertical',
onlyExternal : true,
speed:500
})
$(".tabs a").on('touchstart mousedown',function(e){
e.preventDefault()
$(".tabs .active").removeClass('active')
$(this).addClass('active')
tabsSwiper.swipeTo( $(this).index() )
})
$(".tabs a").click(function(e){
e.preventDefault()
})
</script>
<script type="text/javascript" src="./js/zoombox.js"></script>
<script type="text/javascript">
jQuery(function($){
$('a.zoombox').zoombox();
});
</script>
</body>
</html>