1 2 3<!doctype html> 4<head> 5 <meta charset="UTF-8"> 6 <title>Jordan Moquette SA</title> 7 <link rel="icon" href="medias/logo.png" type="image/x-icon"/> 8 <!--[if lt IE 9]> 9
9<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
9 10 <![endif]--> 11 12 <link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/> 13 <link rel="stylesheet" type="text/css" href="css/styles.css"/> 14
14<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
14 15 16 17 <!-- These files are needed for FancyBox --> 18 <link href="js/jquery.fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/> 19
19<script src="js/jquery.fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
19 20 <!-- These files are needed to display the FancyBox buttons at the top, including slideshow control --> 21 <link href="js/jquery.fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.5" rel="stylesheet" type="text/css"/> 22
22<script type="text/javascript" src="js/jquery.fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.5"></script>
22 23 24 <!-- These files are needed for SlimBox --> 25 <link href="js/jquery.slimbox2/jquery.slimbox2.css" rel="stylesheet" type="text/css"/> 26
26<script src="js/jquery.slimbox2/jquery.slimbox2.js" type="text/javascript"></script>
26 27 28 <!-- These files are needed for ColorBox --> 29 <link href="js/jquery.colorbox/colorbox.css" rel="stylesheet" type="text/css"/> 30
30<script src="js/jquery.colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
30 31 32
32<script src="js/jquery.blockUI.js" type="text/javascript"></script>
32 33 34 <!-- These files are the PWI files --> 35 <link href="css/pwi.css" rel="stylesheet" type="text/css"/> 36
36<script src="js/jquery.pwi.js" type="text/javascript"></script>
36 37 38 <!-- Needed for the Google Maps overview map --> 39
39<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
39 40 41
41<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.pack.js" type="text/javascript"></script>
41 42 43
43<script type="text/javascript"> 44 var $viewerSelected = "fancybox"; 45 var $url=document.URL.split("?", 2); 46 if ($url.length == 2) { 47 var $queryParams = $url[1].split("&"); 48 for ($queryParam in $queryParams) { 49 var $split = $queryParams[$queryParam].split("=", 2); 50 if ($split[0] === "viewer") { 51 $viewerSelected = $split[1]; 52 } 53 } 54 } 55 56 $(document).ready(function() { 57 var $viewerShow, $viewerJs, $viewerName; 58 $('#FancyboxCode').hide(); 59 switch($viewerSelected) 60 { 61 case "fancybox": 62 $viewerName = "FancyBox"; 63 $viewerCss = "js/jquery.fancybox/jquery.fancybox.css"; 64 $viewerJs = "js/jquery.fancybox/jquery.fancybox.pack.js"; 65 $('#FancyboxCode').show(); 66 break; 67 case "slimbox": 68 $viewerName = "SlimBox2"; 69 $viewerCss = "js/jquery.slimbox2/jquery.slimbox2.css"; 70 $viewerJs = "js/jquery.slimbox2/jquery.slimbox2.js"; 71 break; 72 case "colorbox": 73 $viewerName = "ColorBox"; 74 $viewerCss = "js/jquery.colorbox/colorbox.css"; 75 $viewerJs = "js/jquery.colorbox/jquery.colorbox-min.js"; 76 break; 77 default: 78 alert("Unknown viewer selected"); 79 $viewerName = "unknown"; 80 $viewerCss = "unknown"; 81 $viewerJs = "unknown"; 82 break; 83 } 84 85 $("#jqueryVersion").text($().jquery); 86 $("#viewername").text($viewerName); 87 $("#viewernameCss").text($viewerCss); 88 $("#viewernameJs").text($viewerJs); 89 $("a#inline").fancybox({closeClick: false}); 90 91 var settings = { 92 username: 'jdiderik', 93 popupPlugin: $viewerSelected, 94 albumThumbSize:104, 95 albumMaxResults:4 96 }; 97 $("#showPictures").pwi(settings); 98 99 100 // validate signup form on keyup and submit 101 var validator = $("#contactform").validate({ 102 rules: { 103 contactname: { 104 required: true, 105 minlength: 2 106 }, 107 email: { 108 required: true, 109 email: true 110 }, 111 subject: { 112 required: true, 113 minlength: 2 114 }, 115 message: { 116 required: true, 117 minlength: 10 118 } 119 }, 120 messages: { 121 contactname: { 122 required: "Ecrivez votre nom SVP", 123 minlength: jQuery.format("Votre nom doit être composé de minimum de {0} caractères") 124 }, 125 email: { 126 required: "Une adresse email valide est requise", 127 minlength: "Une adresse email valide est requise" 128 }, 129 subject: { 130 required: "Vous devez écrire un sujet!", 131 minlength: jQuery.format("Minimum {0} caractères") 132 }, 133 message: { 134 required: "Vous devez écrire un message!", 135 minlength: jQuery.format("Minimum {0} caractères") 136 } 137 }, 138 // set this class to error-labels to indicate valid fields 139 success: function(label) { 140 label.addClass("checked"); 141 } 142}); 143// hide #back-top first 144$("#back-top").hide(); 145 146 // fade in #back-top 147 $(function () { 148 $(window).scroll(function () { 149 if ($(this).scrollTop() > 50) { 150 $('#back-top').fadeIn(); 151 } else { 152 $('#back-top').fadeOut(); 153 } 154 }); 155 156 // scroll body to 0px on click 157 $('#back-top a').click(function () { 158 $('body,html').animate({ 159 scrollTop: 0 160 }, 800); 161 return false; 162 }); 163}); 164}); 165</script>
165 166</head> 167<body> 168 169 <!--start container--> 170 <div id="container"> 171 172 <!--start header--> 173 <header> 174 175 <!--start logo--> 176 <a href="#" id="logo"><img src="medias/logo.png" width="308" height="100" alt="Logo"/></a> 177 <!--end logo--> 178 179 <!--start menu--> 180 181 <nav> 182 <ul> 183 <li><a href="#" class="current">Accueil</a></li> 184 <li><a href="#qui-sommes-nous">Qui sommes-nous ?</a></li> 185 <li><a href="#services">Services</a></li> 186 <li><a href="#nousTrouver">Contact</a></li> 187 </ul> 188 </nav> 189 <!--end menu--> 190 191 <!--end header--> 192 </header> 193 194 <!--start intro--> 195 196 <div id="intro"> 197 <img src="medias/header.jpg" alt="baner"> 198 </div> 199 <!--end intro--> 200 201 202 203 <!--start holder--> 204 205 <div class="holder_content"> 206 207 <section class="group1"> 208 <h3><a name="services">Votre sol en de bonnes mains!</a></h3> 209 <p> 210 Notre équipe de professionnels se tient à votre disposition pour des devis et conseils de professionnels. 211 Nous sommes spécialisés sur tout ce qui touche à votre sol, Moquettes, Linoleum, PVC et Parquet 212 </p> 213 214 <article class="holder_gallery"> 215 <a class="photo_hover2" href="#"><img src="images/rep.jpg" width="300" height="225" alt="picture1"/></a> 216 <h2 style="width:575px;">Moquettes</h2> 217 <p> 218 NOUS PROPOSONS UN GRAND CHOIX DE MOQUETTES, PARMI LESQUELLES:<br /> 219 <li>Velours 220 <li>Bouclé 221 <li>Feutre 222 <li>Coco Sisal 223 224 </p> 225 </article> 226 227 <article class="holder_gallery"> 228 <a class="photo_hover2" href="#"><img src="images/showroom1.jpg" width="300" height="225" alt="picture1"/></a> 229 <h2 style="width:575px;">Parquets</h2> 230 <p> 231 NOUS PROPOSONS UN GRAND CHOIX DE PARQUETS, PARMI LESQUELS:<br /> 232 <li>Mosaïques 233 <li>Massif 234 <li>Flottant 235 </p> 236 </article> 237 238 </article> 239 240 </article> 241 242 <article class="holder_gallery"> 243 <a class="photo_hover2" href="#"><img src="images/showroom2.jpg" width="300" height="225" alt="picture1"/></a> 244 <h2 style="width:575px;">Linos</h2> 245 <p> 246 NOUS PROPOSONS UN GRAND CHOIX DE LINOLEUM ET PVC, PARMI LESQUELS:<br /> 247 <li>PVC homogène</li> 248 <li>PVC souple (vinyles)<br /><br /></li> 249 Pour de plus amples renseignements sur le type de produits que vous recherchez, contactez-nous 250 </p> 251 </article> 252 253 254 <article class="holder_gallery_team"> 255 <img src="images/robert.jpg" width="160" height="204" alt="picture1"/> 256 <h2>Robert Jordan</h2> 257 <p> 258 Administrateur<br /> 259 Administration<br /> 260 </p> 261 </article> 262 263 264 265 <article class="holder_gallery_team"> 266 <img src="images/charly.jpg" width="160" height="204" alt="picture1"/> 267 <h2>Charly Jordan</h2> 268 <p> 269 Co-Administrateur<br /> 270 Technique<br /> 271 </p> 272 </article> 273 274 275 </section> 276 277 <aside class="group2"> 278 <h3><a name="qui-sommes-nous">Qui sommes-nous ?</a></h3> 279 280 <article class="holder_news"> 281 <h4>Jordan Moquette SA</h4> 282 <p>Depuis 1959, notre équipe de professionnels qualifiés et passionnés par leur métier est à votre service. 283 284 </p> 285 </article> 286 <article class="holder_news"> 287 <h4>Horaires d'ouverture</h4> 288 <p> 289 Lundi à jeudi: 08h30 à 12h00 et 13h30 à 17h30 <br /> 290 Vendredi: 07h30 à 12h00 et 13h30 à 17h00<br /> 291 Le Samedi sur rendez-vous de 08h30 à 12h00 292 </p> 293 </article> 294 <h3><a name="contact">Nous contacter</a></h3> 295 <article class="contactUs"> 296 <p> 297 Tel +41 21 921 64 49<br /> 298 Fax +41 21 921 18 75 299 <p> 300 301 302 <form method="post" action="/index.php" id="contactform"> 303 <div class="stage clear"> 304 <input type="text" name="contactname" placeholder="nom" id="contactname" value="" class="required" role="input" aria-required="true" /> 305 </div> 306 307 <div class="stage clear"> 308 <input type="text" name="email" id="email" placeholder="email" value="" class="required email" role="input" aria-required="true" /> 309 </div> 310 311 <div class="stage clear"> 312 <input type="text" name="subject" id="subject" placeholder="sujet" value="" class="required" role="input" aria-required="true" /> 313 </div> 314 315 <div class="stage clear"> 316 <textarea rows="8" name="message" id="message" placeholder="message" class="required" role="textbox" aria-required="true"></textarea> 317 </div> 318 319 <p class="requiredNote"><em>*</em> Champs requis</p> 320 321 <input type="submit" value="Envoyer l'email" name="submit" id="submitButton" title="Cliquez ici pour envoyer le message." /> 322 </form> 323 </article> 324 <!-- <h3><a name="contact">Références</a></h3> 325 <article class="showPictures"> --> 326 327 <!-- <div id="showPictures"></div> --> 328 <!-- </article> --> 329 </aside> 330 331 <section class="group3"> 332 <h3><a name="nousTrouver">Où nous trouver ?</a></h3> 333 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2748.4038063361268!2d6.836434315786897!3d46.460508979125294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x478e9cd14b72ba0b%3A0xd564c49b4f8fce80!2sJordan+Moquette+S.A.!5e0!3m2!1sfr!2sch!4v1485339606461" width="950" height="600" frameborder="0" style="border:0" allowfullscreen></iframe> 334 </section> 335 336</div> 337<!--end holder--> 338<!--start footer--> 339<footer> 340 <div class="container"> 341 <p id="back-top"> 342 <a href="#top"><span></span>Retour en Haut</a> 343 </p> 344 <a href="http://www.malera.com"><img src="images/malera.png" alt="site conçu et hébergé par malera" title="site conçu et hébergé par malera" ></a> 345 <a id="face" href="https://www.facebook.com/"><img src="images/FacebookMini4.png" alt="Facebook de Jordan Moquette SA" title="Facebook de Jordan Moquette SA" ></a> 346 </footer> 347 <!--end footer--> 348</div> 349<!--end container--> 350 351<!-- Free template distributed by http://freehtml5templates.com --> 352<div class="clear_footer"></div> 353</body> 354</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.