<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="fr"> <![endif]-->
<html lang="fr">
<head>
<title>Annuaire gratuit de référencement professionnel de sites web pour optimiser le SEO</title>
<meta name="description" content="Annuaire gratuit de référencement professionnel listant des liens de sites web internets français pour améliorer et optimiser le SEO et l'autorité de votre domaine par catégorie et branche" />
<link rel="canonical" href="http://web-directory.net" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon-precomposed" href="http://web-directory.net/favicon/favicon-152.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="http://web-directory.net/favicon/favicon-144.png">
<link rel="icon" type="image/png" href="http://web-directory.net/favicon/favicon.png">
<!-- css -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/css/select2.min.css">
<link rel="stylesheet" href="http://web-directory.net/templates/css/styles.css">
<link rel="stylesheet" href="http://web-directory.net/templates/icons/icons8/css/styles.min.css">
<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/js/select2.min.js"></script>
<script src="http://web-directory.net/lib/head.js"></script>
<!-- baseurl -->
<script>
var baseurl = 'http://web-directory.net';
// add CSRF token in the headers of all requests
$.ajaxSetup({
headers: {
'X-CSRF-Token': 'dc080a60d577a22701e741dbcc63c74d',
'X-AJAX-Setup': 1
}
});
</script>
<!-- geolocation -->
<script>
if ('geolocation' in navigator && !localStorage.clear_loc) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
var url = 'http://web-directory.net/inc/nearest-location.php';
// debug
console.log(lat + ', ' + lng);
// ajax post
$.post(url, {
lat: lat,
lng: lng
}, function(data) {
// parse json response
data = JSON.parse(data);
// create cookie
createCookie('city_id', data.city_id, 90);
// reload
location.reload(true);
});
});
}
</script>
<!-- Owl carousel -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css" />
</head>
<body class="tpl-index">
<nav class="navbar navbar-default">
<div class="navbar-inner">
<div class="navbar-header">
<div id="logo">
<a href="http://web-directory.net/"><img src="http://web-directory.net/imgs/logo.png"></a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="glyphicon glyphicon-menu-hamburger"></span>
</button>
</div>
<div class="nav-clearer"></div>
<div class="right-block">
<!-- collapsible block -->
<div class="collapse navbar-collapse" id="bs-navbar">
<div class="collapse-header clearfix">
<!-- member drop down menu -->
<ul class="nav navbar-nav navbar-right" id="main-menu">
<!-- create listing link -->
<li>
<a href="http://web-directory.net/user/select-plan" class="btn btn-ghost">
<i class="fa fa-pencil" aria-hidden="true"></i>
Créer annonce</a>
</li>
<!-- all categories link -->
<li>
<a href="http://web-directory.net/all-categories" class="btn btn-ghost">
<i class="fa fa-flag" aria-hidden="true" class="btn btn-ghost"></i> Catégories</a>
</li>
<!-- coupons link -->
<li>
<a href="http://web-directory.net/coupons" class="btn btn-ghost">
<i class="fa fa-tags" aria-hidden="true"></i>
Coupons</a>
</li>
<!-- change city link -->
<li>
<a href="http://web-directory.net/#"
data-toggle="modal"
data-target="#change-city-modal" class="btn btn-ghost">
<i class="fa fa-location-arrow" aria-hidden="true"></i> Changer Ville </a>
</li>
<!-- advanced search link -->
<li>
<a href="http://web-directory.net/plugins/custom_fields/advanced-search" class="btn btn-ghost"><i class="fa fa-search" aria-hidden="true"></i> Chercher</a>
</li>
<!-- advanced search link -->
<li class="dropdown">
<a href="#" class="dropdown-toggle btn btn-ghost" data-toggle="dropdown" role="button"> <i class="fa fa-globe" style="padding:0;vertical-align:middle"></i>Traduction<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="http://web-directory.net/de/">Deutsch</a></li>
<li><a href="http://web-directory.net/en/">English</a></li>
<li><a href="http://web-directory.net/es/">Español</a></li>
<li><a href="http://web-directory.net/">Français</a></li>
<li><a href="http://web-directory.net/pt/">Português</a></li>
<li><a href="http://web-directory.net/ru/">русский</a></li>
</ul>
</li>
<!-- sign in / user drop down link -->
<li class="sign-in">
<a href="http://web-directory.net/user/login" class="btn btn-ghost btn-sign-in"><i class="fa fa-sign-in" aria-hidden="true"></i> Se connecter</a>
</li>
</ul><!-- .nav navbar-nav navbar-right #main-menu -->
</div><!-- .collapse-header .clearfix -->
</div><!-- .navbar-collapse -->
</div><!-- .right-block -->
<div class="clearfix"></div>
</div><!-- .navbar-inner -->
</nav>
<div class="search-block">
<div class="search-block-inner">
<form id="main-search-form" method="GET" action="http://web-directory.net/_searchresults.php" role="search">
<div class="clearfix">
<input id="query-input" name="query" type="text" autocomplete="off"
placeholder="Je cherche...">
<div id="city-input-wrapper">
<select id="city-input" name="city_id">
<option value="0">Choisissez votre ville</option>
</select>
</div>
<button type="submit" class="btn btn-orange"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
<div class="wrapper">
<div class="full-block">
<div class="home-main-cats">
<div class="main-cat-block block-1">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/auto/n-0-1-1">
<img src="https://img.icons8.com/color/48/000000/sedan.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/auto/n-0-1-1">
Auto </a>
</div>
</div>
<div class="main-cat-block block-2">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/demenageurs-et-entreposage/n-0-280-1">
<img src="https://img.icons8.com/color/48/000000/small-business.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/demenageurs-et-entreposage/n-0-280-1">
Déménageurs et entreposage </a>
</div>
</div>
<div class="main-cat-block block-3">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/bar-et-restaurant/n-0-29-1">
<img src="https://img.icons8.com/color/48/000000/spaghetti.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/bar-et-restaurant/n-0-29-1">
Bar et restaurant </a>
</div>
</div>
<div class="main-cat-block block-4">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/produits-et-fournitures-de-bureau/n-0-291-1">
<img src="https://img.icons8.com/color/48/000000/product.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/produits-et-fournitures-de-bureau/n-0-291-1">
Produits et fournitures de bureau </a>
</div>
</div>
<div class="main-cat-block block-5">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/animaux-de-compagnie-et-animaux/n-0-300-1">
<img src="https://img.icons8.com/color/48/000000/dog.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/animaux-de-compagnie-et-animaux/n-0-300-1">
Animaux de compagnie et animaux </a>
</div>
</div>
<div class="main-cat-block block-6">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/beaute/n-0-57-1">
<img src="https://img.icons8.com/color/48/000000/barbershop.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/beaute/n-0-57-1">
Beauté </a>
</div>
</div>
<div class="main-cat-block block-7">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/service-professionnel/n-0-317-1">
<img src="https://img.icons8.com/color/50/000000/businessman.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/service-professionnel/n-0-317-1">
Service professionnel </a>
</div>
</div>
<div class="main-cat-block block-8">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/ordinateur/n-0-74-1">
<img src="https://img.icons8.com/color/48/000000/laptop--v2.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/ordinateur/n-0-74-1">
Ordinateur </a>
</div>
</div>
<div class="main-cat-block block-9">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/regime-alimentaire-et-sante/n-0-83-1">
<img src="https://img.icons8.com/color/48/000000/organic-food.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/regime-alimentaire-et-sante/n-0-83-1">
Régime alimentaire et santé </a>
</div>
</div>
<div class="main-cat-block block-10">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/electronique/n-0-88-1">
<img src="https://img.icons8.com/color/48/000000/electronics.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/electronique/n-0-88-1">
Électronique </a>
</div>
</div>
<div class="main-cat-block block-11">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/immobilier/n-0-345-1">
<img src="https://img.icons8.com/color/48/000000/home.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/immobilier/n-0-345-1">
Immobilier </a>
</div>
</div>
<div class="main-cat-block block-12">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/divertissement/n-0-99-1">
<img src="https://img.icons8.com/color/48/000000/clapperboard--v1.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/divertissement/n-0-99-1">
Divertissement </a>
</div>
</div>
<div class="main-cat-block block-13">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/recreation-et-sport/n-0-356-1">
<img src="https://img.icons8.com/color/48/000000/sport.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/recreation-et-sport/n-0-356-1">
Récréation et sport </a>
</div>
</div>
<div class="main-cat-block block-14">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/finance/n-0-113-1">
<img src="https://img.icons8.com/color/48/000000/money.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/finance/n-0-113-1">
Finance </a>
</div>
</div>
<div class="main-cat-block block-15">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/fitness/n-0-133-1">
<img src="https://img.icons8.com/color/48/000000/dumbbell.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/fitness/n-0-133-1">
Fitness </a>
</div>
</div>
<div class="main-cat-block block-16">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/ecole/n-0-390-1">
<img src="https://img.icons8.com/color/48/000000/reading-ebook.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/ecole/n-0-390-1">
École </a>
</div>
</div>
<div class="main-cat-block block-17">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/maison/n-0-144-1">
<img src="https://img.icons8.com/color/48/000000/home.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/maison/n-0-144-1">
Maison </a>
</div>
</div>
<div class="main-cat-block block-18">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/magasins/n-0-420-1">
<img src="https://img.icons8.com/color/48/000000/shopping-bag.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/magasins/n-0-420-1">
Magasins </a>
</div>
</div>
<div class="main-cat-block block-19">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/assurance/n-0-176-1">
<img src="https://img.icons8.com/color/48/000000/guarantee.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/assurance/n-0-176-1">
Assurance </a>
</div>
</div>
<div class="main-cat-block block-20">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/juridique/n-0-185-1">
<img src="https://img.icons8.com/color/48/000000/law.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/juridique/n-0-185-1">
Juridique </a>
</div>
</div>
<div class="main-cat-block block-21">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/voyages/n-0-452-1">
<img src="https://img.icons8.com/color/48/000000/yacht.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/voyages/n-0-452-1">
Voyages </a>
</div>
</div>
<div class="main-cat-block block-22">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/cours-et-formation/n-0-206-1">
<img src="https://img.icons8.com/color/48/000000/training.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/cours-et-formation/n-0-206-1">
Cours et formation </a>
</div>
</div>
<div class="main-cat-block block-23">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/marche/n-0-218-1">
<img src="https://img.icons8.com/color/48/000000/shop.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/marche/n-0-218-1">
Marché </a>
</div>
</div>
<div class="main-cat-block block-24">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/mariage-et-fetes/n-0-476-1">
<img src="https://img.icons8.com/color/48/000000/love.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/mariage-et-fetes/n-0-476-1">
Mariage et fêtes </a>
</div>
</div>
<div class="main-cat-block block-25">
<div class="main-cat-icon">
<a href="http://web-directory.net/fr/list/medical/n-0-227-1">
<img src="https://img.icons8.com/color/48/000000/hospital.png"> </a>
</div>
<div class="main-cat-name">
<a href="http://web-directory.net/fr/list/medical/n-0-227-1">
Médical </a>
</div>
</div>
<div class="clear"></div>
</div><!-- home-main-categories -->
</div><!-- .full-block -->
<h2>Entreprises en vedette</h2>
<div class="position-relative" style="position:relative">
<!-- Carousel controls -->
<a class="slide-btn slidePrev text-primary shadow-1">
<i class="fa fa-chevron-left text-muted"></i>
</a>
<a class="slide-btn slideNext text-primary shadow-1">
<i class="fa fa-chevron-right text-muted"></i>
</a>
<style>
.owl-carousel .featured-item {
width: 100%;
}
.owl-carousel .featured-item .featured-item-rating img {
display: inline-block;
width: 16px;
}
.slide-btn {
width: 48px;
height: 48px;
line-height: 48px;
border: 0;
position: absolute;
margin-top: -24px;
text-align: center;
top: 45%;
z-index: 120;
cursor: pointer;
background-color: #fff;
border-radius: 30px;
}
a.slide-btn:not([href]):not([tabindex]) {
color: #fff;
cursor: pointer;
}
.slideNext {
right: -24px;
position: absolute;
}
.slidePrev {
left: -24px;
position: absolute;
}
</style>
<div class="owl-carousel">
<div class="featured-item">
<a href="http://web-directory.net/paris-342/place/1/wordpress" title="Wordpress">
<div class="featured-item-pic" id="1">
<img src="http://web-directory.net/pictures/place-full/1/21.09.07.08.12-1631027554.53-30215919.jpg">
</div><!-- .featured-item-pic -->
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>Wordpress</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Améliorer votre compréhension de Trust Flow en utilisant l'indice de <a href="http://web-directory.net/paris-342/place/1/wordpress"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div><!-- .featured-item-desc -->
</div><!-- .featured-item -->
<div class="featured-item">
<a href="http://web-directory.net/aast-344/place/2/agence-immovogel" title="Agence Immovogel">
<div class="featured-item-pic" id="2">
<img src="http://web-directory.net/imgs/empty.png">
</div><!-- .featured-item-pic -->
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>Agence Immovogel</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Agence Immovogel : une agence immobilière de premier plan.
Introduction
Vous êtes <a href="http://web-directory.net/aast-344/place/2/agence-immovogel"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div><!-- .featured-item-desc -->
</div><!-- .featured-item -->
<div class="featured-item">
<a href="http://web-directory.net/la-brede-344/place/3/lakota-immobilier" title="LAKOTA IMMOBILIER">
<div class="featured-item-pic" id="3">
<img src="http://web-directory.net/imgs/empty.png">
</div><!-- .featured-item-pic -->
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>LAKOTA IMMOBILIER</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Groupement d'agences immobilières de la région bordelaise
Agence immobilière de Bordeaux:
Lakota <a href="http://web-directory.net/la-brede-344/place/3/lakota-immobilier"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div><!-- .featured-item-desc -->
</div><!-- .featured-item -->
</div>
</div>
<h2>Listages récents</h2>
<div class="home-trending-venues">
<div class="featured-item">
<a href="http://web-directory.net/marolles-341/place/4/httpspointcreationfr" title="https://pointcreation.fr/">
<div class="featured-item-pic" id="4">
<img src="http://web-directory.net/imgs/empty.png">
</div>
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>https://pointcreation.fr/</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Où poser une plaque commémorative
où poser une plaque commémorative
Il <a href="http://web-directory.net/marolles-341/place/4/httpspointcreationfr"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div>
</div>
<div class="featured-item">
<a href="http://web-directory.net/la-brede-344/place/3/lakota-immobilier" title="LAKOTA IMMOBILIER">
<div class="featured-item-pic" id="3">
<img src="http://web-directory.net/imgs/empty.png">
</div>
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>LAKOTA IMMOBILIER</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Groupement d'agences immobilières de la région bordelaise
Agence immobilière de Bordeaux:
Lakota <a href="http://web-directory.net/la-brede-344/place/3/lakota-immobilier"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div>
</div>
<div class="featured-item">
<a href="http://web-directory.net/aast-344/place/2/agence-immovogel" title="Agence Immovogel">
<div class="featured-item-pic" id="2">
<img src="http://web-directory.net/imgs/empty.png">
</div>
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>Agence Immovogel</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Agence Immovogel : une agence immobilière de premier plan.
Introduction
Vous êtes <a href="http://web-directory.net/aast-344/place/2/agence-immovogel"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div>
</div>
<div class="featured-item">
<a href="http://web-directory.net/paris-342/place/1/wordpress" title="Wordpress">
<div class="featured-item-pic" id="1">
<img src="http://web-directory.net/pictures/place-full/1/21.09.07.08.12-1631027554.53-30215919.jpg">
</div>
<div class="featured-item-rating" data-rating="">
<!-- raty plugin placeholder -->
</div>
<h3>Wordpress</h3>
</a>
<div class="featured-item-description" style="padding-top:24px">
Améliorer votre compréhension de Trust Flow en utilisant l'indice de <a href="http://web-directory.net/paris-342/place/1/wordpress"><strong style="font-size: 1.2rem;">Lire plus</strong></a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="footer-inner">
<div class="footer-inner-left">
<a href="http://web-directory.net">Business Directory</a>
</div>
<div class="footer-inner-right">
<ul>
<li><a href="http://web-directory.net/p/1/about">About</a></li><li><a href="http://web-directory.net/p/2/privacy-policy">Privacy Policy</a></li> <li><a href="http://web-directory.net/_contact">Contact</a></li>
<li>App icons by <a href="https://icons8.com/icons">icons8</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- modal city selector -->
<div class="modal fade" id="change-city-modal" role="dialog" aria-labelledby="change-city-modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Fermer</span></button>
<h3 class="modal-title" id="myModalLabel">Choisissez votre ville</h3>
</div>
<div class="modal-body">
<form id="city-change-form" method="post">
<div class="block">
<select id="city-change" name="city-change">
<option value="0">Choisissez votre ville</option>
</select>
<span id="current-location-link"></span>
</div>
</form>
</div><!-- .modal-body -->
<div class="modal-footer">
<button type="button" class="btn btn-blue" data-dismiss="modal">Fermer</button>
<button type="button" class="btn btn-default" data-dismiss="modal" id="clear-city">Effacer ville</button>
</div>
</div><!-- .modal-content -->
</div><!-- .modal-dialog -->
</div><!-- end modal -->
<!-- css -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i">
<!-- external javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://web-directory.net/templates/lib/raty/jquery.raty.js"></script>
<script src="http://web-directory.net/lib/jquery-autocomplete/jquery.autocomplete.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/fr.js"></script>
<!-- city selector in navbar -->
<script>
$('#city-input').select2({
ajax: {
url: 'http://web-directory.net/_return_cities_select2.php',
dataType: 'json',
delay: 250,
data: function (params) {
return {
query: params.term,
page: params.page
};
}
},
escapeMarkup: function (markup) { return markup; },
minimumInputLength: 1,
dropdownAutoWidth : true,
placeholder: "Choisissez une ville",
allowClear: true,
language: "fr"
});
// change x mark
$(document).ready(function(){
$('.select2-selection__clear').empty().html('<small class="text-muted"><i class="fa fa-minus-square-o" aria-hidden="true"></i></small>');
});
</script>
<!-- preselect city in search bar -->
<!-- location modal -->
<script>
$('#city-change').select2({
ajax: {
url: 'http://web-directory.net' + '/_return_cities_select2.php',
dataType: 'json',
delay: 250,
data: function (params) {
return {
query: params.term, // search term
page: params.page
};
}
},
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
minimumInputLength: 1,
dropdownAutoWidth : true,
placeholder: "Choisissez une ville",
language: "fr"
});
$(document.body).on('change', '#city-change', function(){
delete_cookie('city_name');
createCookie('city_id', this.value, 90);
location.reload(true);
});
// insert html for use current location link
if ('geolocation' in navigator && localStorage.clear_loc) {
var current_location_link = '<br><a href="#">Utiliser la position actuelle</a>';
$('#current-location-link').append(current_location_link);
$(document.body).on('click', '#current-location-link a', function() {
localStorage.removeItem('clear_loc');
location.reload(true);
});
}
</script>
<!-- clear location -->
<script>
$(document.body).on('click', '#clear-city', function(e){
e.preventDefault();
delete_cookie('city_id');
delete_cookie('city_name');
localStorage.setItem('clear_loc', 1);
location.reload(true);
});
</script>
<!-- custom functions -->
<script>
function createCookie(name, value, days) {
var expires;
var cookie_path;
var path = "/";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
} else {
expires = "";
}
if (path != '') {
cookie_path = "; path=" + path;
} else {
cookie_path = "";
}
document.cookie = name + "=" + value + expires + cookie_path;
}
function delete_cookie(name) {
createCookie(name, "", -100);
}
</script>
<!-- Owl carousel -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
/*--------------------------------------------------
Raty
--------------------------------------------------*/
$.fn.raty.defaults.path = 'http://web-directory.net/templates/lib/raty/images';
$('.featured-item-rating').raty({
readOnly: true,
score: function(){
return this.getAttribute('data-rating');
}
});
/*--------------------------------------------------
Owlcarousel
--------------------------------------------------*/
(function(){
// get carousel element
var owl = $('.owl-carousel');
// carousel options
owl.owlCarousel({
loop: true,
margin: 30,
//autoplay: true,
//autoplayTimeout: 3000,
//autoplaySpeed: 1000,
responsive: {
0:{
items:1
},
465:{
items:2
},
715:{
items:3
},
1000:{
items:5,
}
}
});
// carousel navigation buttons
$('.slideNext').on('click', function() {
owl.trigger('next.owl.carousel');
})
$('.slidePrev').on('click', function() {
// With optional speed parameter
// Parameters has to be in square bracket '[]'
owl.trigger('prev.owl.carousel', [300]);
})
}());
</script></body>
</html>