<!doctype html>
<html class="no-js" lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Cafffeine ~ Agence d'experts en développement web et applications</title>
	<meta name="description" content="Cafffeine est une agence de passionnés en développement web et d'applications">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta property="og:title" content="Cafffeine">
	<meta property="og:description" content="Cafffeine est une agence de passionnés en développement web et d'applications">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://cafffeine.com/">
	<meta property="og:image" content="https://cafffeine.com/images/cafffeine-share-large.png">
	<meta property="fb:app_id" content="143619152987158">

	<!-- CSS Dependencies -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
	<link href="https://use.fontawesome.com/releases/v5.0.3/css/all.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">

	<link rel="stylesheet" href="css/cafffeine.css">

		<script async src="https://umami.webrocks.net/script.js" data-website-id="f723c919-2183-4687-9f94-5e3cd6fff231"></script>
</head>
<body class="cafffeine" data-spy="scroll" data-target="#navbar-main" data-offset="60">

	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" id="navbar-main">
		<div class="container">
			<a class="navbar-brand" href="#"><img src="/images/cafffeine-full.svg" alt="" height="30"></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarCollapse">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item"><a class="nav-link" href="#agence">Agence</a></li>
					<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
					<li class="nav-item"><a class="nav-link" href="#references">Références</a></li>
					<li class="nav-item"><a class="nav-link" href="#expertises">Expertises</a></li>
					<li class="nav-item"><a class="nav-link" href="#equipe">Équipe</a></li>
					<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<header>
		<div class="cafff-container">
			<div class="lightnings-container">
				<div class="cafff-layout--header--lightnings-white">
					<img src="images/v2/eclair.svg" alt="">
					<svg height="0" xmlns="http://www.w3.org/2000/svg">
						<filter id="drop-shadow">
							<feGaussianBlur in="SourceAlpha" stdDeviation="20"></feGaussianBlur>
							<feOffset dx="12" dy="-10" result="offsetblur"></feOffset>
							<feFlood flood-color="rgba(0,0,0,0.5)"></feFlood>
							<feComposite in2="offsetblur" operator="in"></feComposite>
							<feMerge>
								<feMergeNode></feMergeNode>
								<feMergeNode in="SourceGraphic"></feMergeNode>
							</feMerge>
						</filter>
					</svg>
				</div>
				<div class="cafff-layout--header--lightnings-red">
					<img src="images/v2/lightning-red-2.png" alt="">
					<img src="images/v2/lightning-red.png" alt="">
				</div>
			</div>
			<div class="cafff-layout--header-bg"></div>
			<div class="row">
				<div class="col-8">
					<h1><span>Placez la <strong>technologie</strong><br> au centre de votre<br><strong>transformation numérique</strong></span></h1>
				</div>
			</div>
		</div>
	</header>


	<!-- Agency Section -->
	<section class="section py-4" id="agence">
		<h3 class="section-title text-center my-5">L'agence</h3>
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-12 col-lg-3">
					Dans un monde impacté plus que jamais par la transformation numérique, nous sommes convaincus que c’est par la technologie que passe le bouleversement entre les marques et leur public.<br><br>
					Il suffit pour s’en convaincre d’observer toutes les entreprises innovantes du digital qui ont su mettre la technologie web au cœur de leur modèle. Les technologies web sont en constante évolution, elles nécessitent une <strong>maîtrise et une capacité d’adaptation</strong> très forte.
					Les agences, comme les entreprises n’ont pas toujours les moyens de suivre cette évolution et de faire preuve de suffisamment d’agilité stratégique ou opérationnelle pour s’assurer en permanence de l’excellence technologique.
				</div>
				<div class="col-12 col-lg-3">
					C’est à partir de ce constat que nous avons décidé, il y a plus de 6 ans, de créer Cafffeine et d'apporter une autre proposition de valeur au marché.<br><br>
					Nous ne sommes pas des "<i>Experts en Disruption Digitale</i>" ou des "<i>Webmarketing Evangelists</i>" ou encore des "<i>UX Humanists</i>".<br>
					Non, <strong>nous aimons les choses concrètes, appréhendables, compréhensibles</strong>.<br><br>
					<div class="text-center"><img src="/images/cafffeine-lightning.svg" alt="" width="50" class="mt-5" style="opacity:0.8"></div>
				</div>
				<div class="col-12 col-lg-3">
					Nous sommes une agence digitale experte en technologies.<br><br>
					Capable de travailler avec des méthodologies modernes, d'accompagner vos équipes en transparence et de délivrer un très <strong>haut niveau de qualité de code</strong>.
					Au final, nous sommes juste des <strong>passionnés</strong>.<br><br>
					Et c'est cette passion qui nous a permis d'accompagner depuis de nombreuses années déjà des agences et des marques dans la réalisation de <strong>projets digitaux innovants</strong>.<br><br>
				</div>
			</div>
		</div>
</section>

<!-- Numbers Section -->
<section class="section section-invert py-4">
	<div class="container">
		<h3 class="section-title text-center my-5">Quelques chiffres</h3>
		<div class="my-5 text-center">
			<div class="row">
				<div class="col-6 col-md-3">
					<i class="fa fa-folder fa-5x"></i>
					<h3 class="mb-0 mt-1">250+</h3>
					<p>Projets réalisés</p>
				</div>
				<div class="col-6 col-md-3">
					<i class="fa fa-users fa-5x"></i>
					<h3 class="mb-0 mt-1">50+</h3>
					<p>Clients</p>
				</div>
				<div class="col-6 col-md-3">
					<i class="fa fa-laptop fa-5x"></i>
					<h3 class="mb-0 mt-1">10+</h3>
					<p>Start-ups Propulsées</p>
				</div>
				<div class="col-6 col-md-3">
					<i class="fa fa-code-branch fa-5x"></i>
					<h3 class="mb-0 mt-1">35+</h3>
					<p>API Créées</p>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- Services Section -->
<div class="our-services section py-4" id="services">
	<h3 class="section-title text-center my-5">Services</h3>
	<div class="features py-4 mb-4">
		<div class="container">
			<div class="row">
				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-briefcase"></i></div>
					<div class="px-4">
						<h5>Conseil</h5>
						<p>
							• Stratégie digitale et plans d’actions associés<br>
							• Accompagnement définition de business model<br>
							• Accompagnement Transition numérique<br>
							• Gestion de projet
						</p>
					</div>
				</div>
				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-code"></i></div>
					<div class="px-4">
						<h5>Développement d'APIs</h5>
						<p>
							• Personnalisée, documentée et sécurisée<br>
							• Interfaçage avec d'autres APIs ou micro-services (Google, Facebook, Stripe, etc.)<br>
							• Utilisation de frameworks open-source adaptés à votre besoin (Symfony, Laravel, Slim / Express.js, Socket.io)
						</p>
					</div>
				</div>

				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-paint-brush"></i></div>
					<div class="px-4">
						<h5>Design / UX</h5>
						<p>
							• Création de wireframe / personas<br>
							• Direction artistique et rédaction<br>
							• Création de maquettes (site / appli)<br>
							• Tests utilisateurs et AB testing
						</p>
					</div>
				</div>
				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-th-list"></i></div>
					<div class="px-4">
						<h5>Développement d'Apps</h5>
						<p>
							• Web App, App Mobile Hybride ou PWA (Progressive Web App)<br>
							• Expertises en React, React Native, VueJS, Angular et Ionic<br>
							• Maîtrise de plusieurs CMS (dont Drupal, Wordpress, Ghost)
						</p>
					</div>
				</div>
				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-server"></i></div>
					<div class="px-4">
						<h5>Hébergement</h5>
						<p>
							• Hébergements sur serveurs dédiés Linux chez OVH<br>
							• Utilisation de services comme Amazon WS ou Google Cloud Platform<br>
							• Forte charge et haute disponibilité 24h/24 7j/7
						</p>
					</div>
				</div>
				<div class="feature py-4 col-md-6 d-flex">
					<div class="icon text-primary mr-3"><i class="fa fa-sitemap"></i></div>
					<div class="px-4">
						<h5>Méthode Agile SCRUM</h5>
						<p>
							• Un responsable produit (client) et un SCRUM Master (assure la fluidité de la méthodologie)<br>
							• Échanges quotidien<br>
							• Livraisons toutes les 3 à 4 semaines<br>
							• Flexibilité dans les priorités
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="text-center">
		<!-- <a href="#" class="btn btn-pill btn-primary">Tous nos services<i class="fa fa-chevron-right ml-3"></i></a> -->
	</div>
</div>
<!-- / Services Section -->

<!-- References Section -->
<section class="section section-invert py-4" id="references">

	<div class="container">
		<h3 class="section-title text-center m-5">Références</h3>

		<div class="grid">
			<ul class="references">
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/narmol.svg" alt="Logo Narmol">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site eCommerce</div>
							<div class="reference-text">Refonte Graphique<br>Prestashop 1.6<br>Hébergement</div>
						</div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/harley-davidson.svg" alt="Logo Harley Davidson">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Annonces Occasions</div>
							<div class="reference-text">Refonte sous Node.js<br>Web-App (VueJs)<br>Hébergement</div>
						</div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/groupe-technologia.png" alt="Logo Technologia">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Apps</div>
							<div class="reference-text">API PHP (Slim) et Node.js<br>Web-App (VueJs)<br>App Mobile Ionic<br>Hébergement</div>
						</div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/razel-bec.png" alt="Logo Razel-Bec">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Intranet</div>
							<div class="reference-text">API PHP (Laravel)<br>Web-App (VueJS)<br>Application Mobile</div>
						</div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/la-spa.png" alt="Logo La SPA">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site Officiel</div>
							<div class="reference-text">Front-end<br>Drupal 6</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="http://www.agencefove.com/" target="_blank">FOVE</a></div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/la-poste.png" alt="Logo La Poste">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site Officiel</div>
							<div class="reference-text">Front-End</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="https://www.digitaslbi.com/" target="_blank">DigitasLBi</a></div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/volkswagen.svg" alt="Logo Volkswagen">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">15 Sites France</div>
							<div class="reference-text">Front-End<br>Back-End (Slim, Symfony)<br>Drupal 6, 7</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="http://www.agencefove.com/" target="_blank">FOVE</a></div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/caisse-epargne.svg" alt="Logo Caisse d'Epargne">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site Officiel</div>
							<div class="reference-text">Front-end</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="https://www.digitaslbi.com/" target="_blank">DigitasLBi</a></div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/louis-vuitton.svg" alt="Logo Louis Vuitton">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site Officiel</div>
							<div class="reference-text">Front-End</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="https://www.digitaslbi.com/" target="_blank">DigitasLBi</a></div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/up-aeronautics.svg" alt="Logo UP Aeronautics">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Apps et Sites</div>
							<div class="reference-text">2 Web-Apps (AngularJS)<br>API PHP (Slim) et Node.js<br>Wordpress</div>
						</div>
					</div>
				</li>
				<li class="col-6 col-md-2">
					<div class="reference-cover">
						<img src="images/clients/harmonie-mutuelle.png" alt="Logo Harmonie Mutuelle">
					</div>
					<div class="reference-overlay">
						<div class="reference-overlay--content">
							<div class="reference-title">Site Officiel</div>
							<div class="reference-text">Front-End</div>
						</div>
						<div class="reference-client">Pour l'agence <a href="https://www.digitaslbi.com/" target="_blank">DigitasLBi</a></div>
					</div>
				</li>
			</ul>
			<div class="text-center mt-3"><h5>Et bien d'autres...</h5></div>
		</div>
	</div>
</section>

<!-- Expertises Section -->
<div class="expertises section py-4" id="expertises">
	<h3 class="section-title text-center my-5">Expertises</h3>
	<div class="py-4 mb-4">
		<div class="container">

			<div class="card-deck">
				<div class="card text-center">
					<h5 class="card-header">CMS</h5>
					<div class="card-body">
						<img src="/images/expertises/drupal.svg" alt="Logo Drupal" data-toggle="tooltip" data-placement="bottom" title="Drupal" class="expertises-logo">
						<img src="/images/expertises/wordpress.svg" alt="Logo Wordpress" data-toggle="tooltip" data-placement="bottom" title="Wordpress" class="expertises-logo">
					</div>
				</div>

				<div class="card text-center">
					<h5 class="card-header">Frameworks PHP</h5>
					<div class="card-body">
						<img src="/images/expertises/laravel.svg" alt="Logo Laravel" data-toggle="tooltip" data-placement="bottom" title="Laravel" class="expertises-logo">
						<img src="/images/expertises/symfony.svg" alt="Logo Symfony" data-toggle="tooltip" data-placement="bottom" title="Symfony" class="expertises-logo">
					</div>
				</div>
			</div>

			<div class="card-deck mt-5">
				<div class="card text-center">
					<h5 class="card-header">Javascript</h5>
					<div class="card-body">
						<img src="/images/expertises/nodejs.svg" alt="Logo Node.js" data-toggle="tooltip" data-placement="bottom" title="Node.js" class="expertises-logo">
                        <img src="/images/expertises/vuejs.png" alt="Logo Vue.js" data-toggle="tooltip" data-placement="bottom" title="Vue.js" class="expertises-logo">
                        <img src="/images/expertises/angular.svg" alt="Logo Angular" data-toggle="tooltip" data-placement="bottom" title="Angular" class="expertises-logo">
						<img src="/images/expertises/react.svg" alt="Logo React" data-toggle="tooltip" data-placement="bottom" title="React" class="expertises-logo">
					</div>
				</div>

				<div class="card text-center">
					<h5 class="card-header">Outils</h5>
					<div class="card-body">
						<img src="/images/expertises/gitlab.svg" data-toggle="tooltip" data-placement="bottom" title="GitLab, outil open-source de gestion de version" alt="Logo Gitlab" class="expertises-logo">
						<img src="/images/expertises/redmine.svg" data-toggle="tooltip" data-placement="bottom" title="Redmine, outil open-source de gestion de projets" alt="Logo Redmine" class="expertises-logo">
						<img src="/images/expertises/docker.svg" data-toggle="tooltip" data-placement="bottom" title="Docker, logiciel de déploiement d'applications dans des conteneurs logiciels" alt="Logo Docker" class="expertises-logo">
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- / Services Section -->

<!-- Team Section -->
<div class="section-team section-invert section py-4" id="equipe">
	<h3 class="section-title text-center m-5">L'équipe</h3>
	<div class="container py-4">
		<div class="row">
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/roxane.png" class="w-120" alt="Avatar de Roxane" />
				</div>
				<h5 class="mb-1">Roxane</h5>
				<span class="text-muted d-block mb-5">Présidente</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/thomas.png" class="w-120" alt="Avatar de Thomas" />
				</div>
				<h5 class="mb-1">Thomas</h5>
				<span class="text-muted d-block mb-5">Directeur Technique</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/camille.png" class="w-120" alt="Avatar de Camille" />
				</div>
				<h5 class="mb-1">Camille</h5>
				<span class="text-muted d-block mb-5">Développeuse</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/alexis.png" class="w-120" alt="Avatar d'Alexis" />
				</div>
				<h5 class="mb-1">Alexis</h5>
				<span class="text-muted d-block mb-5">Lead Développeur</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/fabien.png" class="w-120" alt="Avatar de Fabien" />
				</div>
				<h5 class="mb-1">Fabien</h5>
				<span class="text-muted d-block mb-5">Chef de Projets</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/thibaud.png" class="w-120" alt="Avatar de Thibaud" />
				</div>
				<h5 class="mb-1">Thibaud</h5>
				<span class="text-muted d-block mb-5">Développeur</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/pierre.png" class="w-120" alt="Avatar de Pierre" />
				</div>
				<h5 class="mb-1">Pierre</h5>
				<span class="text-muted d-block mb-5">Développeur</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/tator.png" class="w-120" alt="Avatar de Tator" />
				</div>
				<h5 class="mb-1">Tator</h5>
				<span class="text-muted d-block mb-5">Mascotte</span>
			</div>
			<div class="col-6 col-md-4 testimonial text-center">
				<div class="avatar rounded-circle with-shadows mb-2 ml-auto mr-auto">
					<img src="images/team/black/sarah.png" class="w-120" alt="Avatar de Sarah" />
				</div>
				<h5 class="mb-1">Sarah</h5>
				<span class="text-muted d-block mb-5">Graphiste Web</span>
			</div>
		</div>
	</div>
</div>
<!-- / Team Section -->

<!-- Footer Section -->
<footer class="bg-dark text-light pb-4" id="contact">
	<div class="footer-logo">
		<img src="/images/cafffeine.svg" height="60" alt="Logo Cafffeine">
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<h5>Venez nous rendre visite</h5>
				<p><a href="https://goo.gl/maps/y3rfz977Y4D2" target="_blank" class="text-white"><i class="fas fa-map-marker-alt"></i>  23 avenue Charles de Gaulle<br>78560 Le Port-Marly</a></p>
			</div>

			<div class="col-md-4 text-center">
				<h5>Contactez-nous</h5>
				<p>
					<a href="mailto:contact@cafffeine.com"><i class="fa fa-envelope"></i> <span>contact@cafffeine.com</span></a>
					<a href="tel:+33761111346‬"><i class="fa fa-phone"></i> <span>+33 7 61 11 13 46‬</span></a>
				</p>
			</div>

			<div class="col-md-1 text-center">
				<a href="http://www.lafrenchtech.com/" target="_blank"><img src="/images/french-tech-support-fr.svg" style="width:50px" alt="Cafffeine soutient la French Tech"></a><br>
			</div>

			<div class="col-md-3 text-right">
				<a href="https://www.ovhcloud.com/" target="_blank"><img src="/images/ovhcloud-standard-partner-blue.jpg" alt="Cafffeine, Standard Partner OVH" style="width:100%;max-width:300px"></a>
				<a href="https://www.jesuisnumerique.fr" target="_blank" style="margin-top: 10px;">jesuisnumerique.fr</a>
			</div>

		</div>
		<div class="nav justify-content-center">
			<div class="nav-item"><a class="nav-link" target="_blank" href="https://facebook.com/cafffeine.dev"><i class="fab fa-facebook"></i></a></div>
			<div class="nav-item"><a class="nav-link" target="_blank" href="https://www.linkedin.com/company/cafffeine/"><i class="fab fa-linkedin"></i></a></div>
		</div>
	</div>
</footer>
<!-- / Footer Section -->


<!-- JavaScript Dependencies -->
<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/popper-1.12.9.min.js"></script>
<script src="/js/bootstrap-4.0.0.min.js"></script>

<script>
(function($) {
	$('[data-toggle="tooltip"]').tooltip();

	$('a[href*=\\#]:not([href=\\#])').click(function()
	{
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
			|| location.hostname == this.hostname)
		{

			var target = $(this.hash),
				headerHeight = $("#navbar-main").height() + 5; // Get fixed header height

				target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

				if (target.length)
				{
					$('html,body').animate({
						scrollTop: target.offset().top - headerHeight
					}, 500);
					return false;
				}
			}
		});
})(jQuery);
</script>
</body>
</html>
