<!doctype html>
<html lang="Default">
<head>
<meta charset="utf-8">
<meta name="keywords" content="seo, google, site web, site internet, agence design paris, agence design, agence design,agence design,agence design,agence design,agence design,agence design,agence design,agence design">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="shortcut icon" type="image/png" href="favicon.jpg">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="./css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="./css/et-line.css">
<script src="./js/jquery-2.1.0.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/blocs.js"></script>
<script src="./js/jquery.touchSwipe.js" defer></script>
<script src="./js/gmaps.js"></script>
<title>.</title>
<!-- Analytics -->
<!-- Analytics END -->
</head>
<body>
<!-- Principal conteneur -->
<div class="page-container">
<!-- bloc-0 -->
<div class="bloc bgc-white l-bloc" id="bloc-0">
<div class="container bloc-sm">
<nav class="navbar row">
<div class="navbar-header">
<div class="keywords" style="color:#cccccc;font-size:1px;">Agence web à paris, stratégie web, web design, illustrations, design de site web, site web, web, internet, site internet, site</div>
<a class="navbar-brand" href="index.html"><img src="img/la-chouette-agence.png" alt="paris web design logo agence web meilleure agence" height="40" /></a>
<div class="keywords" style="color:#cccccc;font-size:1px;">Agence web à paris, stratégie web, web design, illustrations, design de site web, site web, web, internet, site internet, site</div>
<button id="nav-toggle" type="button" class="ui-navbar-toggle navbar-toggle" data-toggle="collapse" data-target=".navbar-1">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-1 special-dropdown-nav">
<ul class="site-navigation nav navbar-nav">
<li>
<a href="index.html">Accueil</a>
</li>
<li>
</li>
<li>
<a href="page2.html">page2 ></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- bloc-0 END -->
<!-- bloc-1-presentation -->
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture texture-paper b-parallax" id="bloc-1-hero">
<div class="container bloc-lg">
<div class="row tight-width-whitespace">
<div class="col-sm-12">
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="La chouette agence, agence web paris, création logo paris" />
<h1 class="text-center hero-bloc-text tc-white">
La chouette agence.
</h1>
<div class="text-center">
<a href="page2.html" class="btn btn-lg btn-clean btn-rd cta-hero btn-atomic-tangerine" id="cta-hero">Contact</a>
</div>
</div>
</div>
</div>
</div>
<!-- bloc-1-presentation END -->
<!-- bloc-2-services -->
<div class="bloc bgc-white l-bloc" id="bloc-2-services">
<div class="container bloc-md">
<div class="row">
<div class="col-sm-12 text-center">
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title.png" />
</div>
</div>
<div class="row voffset-lg med-width-whitespace">
<div class="col-sm-4">
<div class="text-center">
<span class="et-icon-browser sm-shadow icon-dark-slate-blue icons icon-lg"></span>
</div>
<h3 class="mg-md text-center">
Web design
</h3>
<p class="text-center">
Que vous ayez un site web qui a besoin d’un rafraîchissement ou que vous partiez de zéro, laissez-nous vous réaliser un design dont vous serez fier.
</p>
</div>
<div class="col-sm-4">
<div class="text-center">
<span class="et-icon-presentation sm-shadow icon-dark-slate-blue icons icon-lg"></span>
</div>
<h3 class="mg-md text-center">
Stratégie
</h3>
<p class="text-center">
Plutôt que de suggérer des designs à la mode, nous travaillerons avec vous pour comprendre vos objectifs commerciaux afin de vous proposer le meilleur design possible.<br>
</p>
</div>
<div class="col-sm-4">
<div class="text-center">
<span class="et-icon-edit sm-shadow icon-dark-slate-blue icons icon-lg"></span>
</div>
<h3 class="mg-md text-center">
Illustrations
</h3>
<p class="text-center">
Un bon design n'est rien sans de bonnes illustrations. Laissez faire notre équipe de graphistes talentueux pour donner à vos pages une touche finale d'élégance.
</p>
</div>
</div>
<div class="row voffset-lg voffset">
<div class="col-xs-12 col-md-8 col-md-offset-2 text-center">
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/citation.png" />
</div>
</div>
</div>
</div>
<!-- bloc-2-services END -->
<!-- bloc-3-what-i-do -->
<div class="bloc tc-white bgc-atomic-tangerine bg-presentation d-bloc bloc-bg-texture texture-paper b-parallax" id="bloc-3-what-i-do">
<div class="container bloc-lg">
<div class="row tight-width-whitespace black-background">
<div class="col-sm-12">
<h2 class="mg-md text-center tc-white">
Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et à connaître le succès. Nous travaillons pour aider les entreprises locales à attirer de nouveaux clients .<br>
</h2>
<p class="text-center white">
Nous aimons collaborer avec des entrepreneurs créatifs et des entreprises locale, qu’elles aient besoin de créer un site de A à Z ou de donner un coup de jeune à leur site. Que vous ayez besoin d’une identité visuelle complète ou d’une refonte de votre site, n’hésitez pas à nous contacter. Nous travaillerons ensemble pour créer des sites beau et bien structurés, qui seront facilement trouvable sur les moteurs de recherche. <br><br><a class="ltc-white bold-link" href="page2.html">Contactez notre équipe</a><br>
</p>
</div>
</div>
</div>
</div>
<!-- bloc-3-what-i-do END -->
<!-- bloc-4-portfolio -->
<div class="bloc bgc-white bg-lines-h2-bg bg-repeat l-bloc" id="bloc-4-portfolio">
<div class="container bloc-lg">
<div class="row">
<div class="col-sm-12 text-center">
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title2.png" />
</div>
</div>
<div class="row tight-width-whitespace portfolio-row">
<div class="col-sm-6">
<a href="#" data-lightbox="img/1.jpg" data-gallery-id="gallery-1" data-caption="Refonte d'un site web pour un journal local" data-frame="snapshot-lb"><img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web journal" class="img-responsive portfolio-thumb" /></a>
<h3 class="mg-md text-center">
Refonte d'un site web pour un journal local
</h3>
<p class="text-center">
Nous avons créé une nouvelle identité visuelle pour un journal lyonnais.
</p>
</div>
<div class="col-sm-6">
<a href="#" data-lightbox="img/2.jpg" data-gallery-id="gallery-1" data-caption="Création d'un site web pour photographes" data-frame="snapshot-lb"><img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web pour photographes" /></a>
<h3 class="mg-md text-center">
Création d'un site web pour photographes
</h3>
<p class="text-center">
Nous avons conçu la plateforme idéale pour laisser place aux clichés des photographes.
</p>
</div>
</div>
<div class="row tight-width-whitespace portfolio-row">
<div class="col-sm-6">
<a href="#" data-lightbox="img/3.bmp" data-gallery-id="gallery-1" data-caption="Création d'un site internet pour un voyageur" data-frame="snapshot-lb"><img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web pour voyageur"/></a>
<h3 class="mg-md text-center">
Création d'un site internet pour un voyageur
</h3>
<p class="text-center">
Nous avons élaboré un site internet et des illustrations pour sublimer les vidéos et les articles de ce voyageur.
</p>
</div>
<div class="col-sm-6">
<a href="#" data-lightbox="img/4.bmp" data-gallery-id="gallery-1" data-caption="Conception d'un site pour une agence de mariage" data-frame="snapshot-lb"><img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web pour agence de mariage" /></a>
<h3 class="mg-md text-center">
Conception d'un site pour une agence de mariage
</h3>
<p class="text-center">
Nous avons travaillé avec cette agence pour créer un site internet permettant la présentation détaillée de leurs prestations.
</p>
</div>
</div>
</div>
</div>
<!-- bloc-4-portfolio END -->
<!-- bloc-5-cta -->
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper" id="bloc-5-cta">
<div class="container bloc-lg">
<div class="row">
<h2 class="mg-md text-center tc-white">
Prêt pour redonner vie à votre projet ?<br>Contactez notre équipe !
</h2>
<div class="col-sm-12 text-center">
<a href="page2.html" class="btn btn-atomic-tangerine btn-clean btn-rd btn-lg cta-hero">Contact</a>
</div>
</div>
</div>
</div>
<!-- bloc-5-cta END -->
<!-- Footer - bloc-8 -->
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
<div class="container bloc-sm">
<div class="row">
<div class="col-sm-12">
<p class="text-center white">
La chouette agence - Agence web basée à Lyon.<br>
</p>
<div class="row row-no-gutters social">
<div class="col-sm-3">
<div class="text-center">
<a class="social" href="index.html"><span class="fa fa-twitter icon-md"></span></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a class="social" href="index.html"><span class="fa fa-facebook icon-md"></span></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a class="social" href="index.html"><span class="fa fa-dribbble icon-md"></span></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a class="social" href="index.html"><span class="fa fa-instagram icon-md"></span></a>
</div>
</div>
<div class="keywords" style="color:#F3976C;">Agence web à paris, stratégie web, web design, illustrations, design de site web, site web, web, internet, site internet, site</div>
</div>
<div class="row">
<div class="col-sm-4">
Partenaires
<ul>
<li><a href="voiture.com">voiture.com</a></li>
<li><a href="pizza.com">pizza.com</a></li>
<li><a href="matoiture.com">matoiture.com</a></li>
<li><a href="immobilierseo.com">immobilierseo.com</a></li>
</ul>
</div>
<div class="col-sm-4">
Annuaires liste 1
<ul>
<li><a href="annuaireagence.com">annuaireagence.com</a></li>
<li><a href="annuaireseo.com">annuaireseo.com</a></li>
<li><a href="annuairemarketing.com">annuairemarketing.com</a></li>
<li><a href="123seoture.com">123seo.com</a></li>
<li><a href="123site.com">123site.com</a></li>
<li><a href="annuairewordpress.com">annuairewordpress.com</a></li>
<li><a href="listeagence.com">listeagence.com</a></li>
<li><a href="meilleuresagencesparis.com">meilleuresagencesparis.com</a></li>
<li><a href="listeseo.com">listeseo.com</a></li>
</ul>
</div>
<div class="col-sm-4">
Annuaires liste 2
<ul>
<li><a href="betterseo.com">betterseo.com</a></li>
<li><a href="ameliorerseo.com">ameliorerseo.com</a></li>
<li><a href="seojuicelien.com">seojuicelien.com</a></li>
<li><a href="meilleursliens.com">meilleursliens.com</a></li>
<li><a href="liensagogo.com">liensagogo.com</a></li>
<li><a href="backlink.com">backlink.com</a></li>
<li><a href="linkjuiceannuaire.com">linkjuiceannuaire.com</a></li>
<li><a href="remontersurgoogle.com">remontersurgoogle.com</a></li>
<li><a href="vraiseofiable.com">vraiseofiable.com</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer - bloc-8 END -->
</div>
<!-- Principal conteneur END -->
</body>
</html>
