Your IP : 216.73.217.6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js">
<head>
<meta charset="utf-8">
<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
<link href="squelettes/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/socicon.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/flickity.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/jquery.steps.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/font-rubiklato.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700%7CRubik:300,400,500" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
[(#REM) plugin spip ]
#INSERT_HEAD
[(#REM) Favicon ]
[<link rel="icon" type="image/x-icon" href="(#CHEMIN{favicon.png})" />
[<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.png})" />]]
[(#REM) meta robots ]
[<meta name="robots" content="(#ENV{robots})" />]
</head>
<body class=" ">
<a id="start"></a>
<div class="nav-container ">
<div class="bar bar--sm visible-xs">
<div class="container">
<div class="row">
<div class="col-3 col-md-2">
<a href="#URL_SITE_SPIP/">
<h1 class="logo logo-dark">[(#LOGO_SITE_SPIP|image_reduire{224,96})]</h1>
<h1 class="logo logo-light">[(#LOGO_SITE_SPIP|image_reduire{224,96})]</h1>
</a>
</div>
<div class="col-9 col-md-10 text-right">
<a href="#" class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs hidden-sm">
<i class="icon icon--sm stack-interface stack-menu"></i>
</a>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</div>
<!--end bar-->
<nav id="menu2" class="bar bar-2 hidden-xs bar--transparent bar--absolute" data-scroll-class='100vh:pos-fixed'>
<div class="container">
<div class="row">
<div class="col-lg-3 text-left-sm hidden-xs order-lg-1">
<div class="bar__module">
<a href="#URL_SITE_SPIP/">
<div class="spip_logo_site">[(#LOGO_SITE_SPIP|image_reduire{224,0})]</div>
</a>
</div>
<!--end module-->
</div>
<div class="col-lg-8 order-lg-2">
<div class="bar__module">
<ul class="menu-horizontal text-left">
<li >
<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><span class="dropdown__trigger">Home</span> </a>
</li>
<BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre} {id_rubrique!=5}>
<li class="dropdown">
<span class="dropdown__trigger"><a href="#URL_RUBRIQUE">#TITRE</a></span>
<B_navsrub>
<div class="dropdown__container">
<div class="container">
<div class="row">
<div class="dropdown__content col-lg-2 col-md-4">
<ul class="menu-vertical">
<BOUCLE_navsrub(RUBRIQUES) {id_parent} {par num titre, titre} >
<li class="separate">
<span class="dropdown__trigger"><a href="#URL_RUBRIQUE">#TITRE</a></span>
</li>
</BOUCLE_navsrub>
</ul>
</div>
<!--end dropdown content-->
</div>
<!--end row-->
</div>
</div>
<!--end dropdown container-->
</B_navsrub>
</li>
</BOUCLE_nav>
</ul>
</div>
<!--end module-->
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</nav>
<!--end bar-->
</div>
<div class="main-container">
<!--navigation in page-->
<section class="page-navigator">
<ul>
<li><a href="#home" class="inner-link" data-title="Home"></a></li>
<li><a href="#avantages" class="inner-link" data-title="Avantages"></a></li>
<li><a href="#faq" class="inner-link" data-title="Questions/réponses"></a></li>
<li><a href="#about" class="inner-link" data-title="Qui sommes nous"></a></li>
<li><a href="#contact" class="inner-link" data-title="Contact"></a></li>
<li><a href="#instagram" class="inner-link" data-title="Instagram"></a></li>
</ul>
</section>
<!--section home-->
<section id="home" class="cover height-100 text-center imagebg parallax" data-overlay="1">
<div class="background-image-holder">
<img alt="background" src="IMG/jpg/surelevation-01c.jpg" />
</div>
<div class="container pos-vertical-center">
<div class="row">
<div class="col-md-12">
<div class="typed-headline">
<span class="h1 inline-block">Nous pouvons </span>
<span class="h1 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="vous aider à valoriser votre toit"></span>
</div><!--fin headline-->
<div class="slider" data-arrows="false" data-paging="flase">
<ul class="slides">
<li class="col-md-12"><h2>Propriétaires et copropriétaires d'immeubles parisiens...</h2></li>
<li class="col-md-12"><h2>Découvrez les nombreuses vertus de la surélévation...</h2></li>
<li class="col-md-12"><h2>Nous finançons intégralement études + travaux...</h2></li>
<li class="col-md-12"><h2>Créez rapidement de la valeur...</h2></li>
<li class="col-md-12"><h2>Pour financer d'autres travaux ou redistribuer les bénéfices...</h2></li>
<li class="col-md-12"><h2>Valorisez votre immeuble et réduisez vos charges...</h2></li>
<li class="col-md-12"><h2>La surélévation = démarche écologique + citoyenne</h2></li>
<li class="col-md-12"><h2>Un projet bien plus simple que vous ne pouvez l'imaginer...</h2></li>
<li class="col-md-12"><h2>Un capital insoupçonné se cache peut-être au-dessus de vous...</h2></li>
<li class="col-md-12"><h2>Ensemble, exploitons ce trésor...</h2></li>
</ul>
</div><!--fin slider-->
<a class="btn btn--lg type--uppercase inner-link" href="#avantages">
<span class="btn__text">
En savoir +
</span>
</a>
</div> <!--end col-->
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
<!--section avantages-->
<section id="avantages" class="text-center bg--secondary">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<span class="h1">LES AVANTAGES DE LA SURÉLÉVATION AVEC L’ATELIER PARISIEN DE SURÉLÉVATION</span>
<BOUCLE_avantage(RUBRIQUES) {id_rubrique=1}>
<p class="lead">
#DESCRIPTIF
</p>
</BOUCLE_avantage>
<div class="tabs-container" data-content-align="left">
<ul class="tabs">
<BOUCLE_argu1(ARTICLES) {id_rubrique=8}>
<li class="active">
<div class="tab__title text-center">
<i class="icon icon--sm block icon-CLASS">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,*})]</i>
<span class="h5">#TITRE</span>
</div>
<div class="tab__content">
#TEXTE
</div>
</li>
</BOUCLE_argu1>
</ul>
</div><!--end of tabs container-->
</div><!--end of col-->
</div><!--end of row-->
</div><!--end of container-->
<div class="row">
<BOUCLE_argu2(ARTICLES) {id_rubrique=8}>
<div class="col-md-4">
<div class="feature feature-3 boxed boxed--lg boxed--border box-shadow">
<i class="icon icon--sm block icon-CLASS">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{120,*})]</i>
<span class="h4">#TITRE</span>
#TEXTE
</div><!--end box-->
</div><!--end of col-->
</BOUCLE_argu2>
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--faq-->
<section id="faq" class="height-60 bg--dark unpad--bottom">
<div class="container">
<h1>Quelques questions légitimes que vous pourriez vous poser...</h1>
<div class="slider text-center" data-arrows="true" data-paging="true">
<ul class="slides">
<BOUCLE_faq(ARTICLES) {id_rubrique=3}>
<li class="col-md-12">
<div class="testimonial">
<blockquote>
#TITRE
</blockquote>
</div>
</li>
</BOUCLE_faq>
</ul>
</div><!--fin slider-->
</div><!--end of container-->
</section>
<!--qui sommes nous-->
<section id="about" class="text-center imagebg parallax">
<BOUCLE_equipe(ARTICLES) {id_article=37}>
<div class="background-image-holder">
#LOGO_ARTICLE"
</div>
<div class="container pos-vertical-top">
<div class="row">
<div class="col-lg-8">
<div class="boxed boxed--border bg--secondary boxed--lg box-shadow">
<span class="h1">Qui sommes nous ? </span>
#TEXTE
<a class="btn btn--lg type--uppercase" href="#URL_RUBRIQUE{2}">
<span class="btn__text">
Découvrez l'équipe
</span>
</a>
</div><!--end of box-->
</div><!--end of col-->
</div><!--end of row-->
</div><!--end of container-->
</BOUCLE_equipe>
</section>
<!--contact-->
<section id="contact" class="text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-8">
<BOUCLE_contact(RUBRIQUES) {id_rubrique=10}>
<h2>#TITRE</h2>
<p class="lead">
#TEXTE
</p>
<div class="tabs-container" data-content-align="left">
<ul class="tabs">
<BOUCLE_contactart(ARTICLES) {id_rubrique}>
<li class="active">
<div class="tab__title text-center">
<i class="icon icon--sm block icon-CLASS">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,*})]</i>
<span class="h5">#TITRE</span>
</div>
<div class="tab__content">
#TEXTE
</div>
</li>
</BOUCLE_contactart>
</ul>
</div><!--end of tabs container-->
</BOUCLE_contact>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
<section id="instagram" class="text-center">
<div class="container">
<div class="row">
<div class="instafeed" data-user-name="apsurelevation" data-amount="10" data-grid="5"></div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
<footer class="text-center space--sm footer-1 bg--dark ">
<div class="container">
<div class="row">
<BOUCLE_logo(ARTICLES) {id_article=31}>
<div>[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{180,*}) ]</div>
<div class="col-md-4 text-left"><h3>#TITRE</h3>#TEXTE
<a href="https://www.instagram.com/apsurelevation/">
<i class="socicon socicon-instagram icon icon--xs"></i>
</a>
</div>
</BOUCLE_logo>
<BOUCLE_demarche(ARTICLES) {id_article=32}>
<div class="col-md-6 text-right"><h3>#TITRE</h3>
#TEXTE
<div>
</BOUCLE_demarche>
<div>
<span class="type--fine-print">©
<span class="update-year"></span>Atelier Parisien de Surélévation</span>
<a class="type--fine-print" href="#">Mentions légales</a>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</footer>
</div>
<!--<div class="loader"></div>-->
<a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
<i class="stack-interface stack-up-open-big"></i>
</a>
<script src="squelettes/js/jquery-3.1.1.min.js"></script>
<script src="squelettes/js/flickity.min.js"></script>
<script src="squelettes/js/easypiechart.min.js"></script>
<script src="squelettes/js/parallax.js"></script>
<script src="squelettes/js/typed.min.js"></script>
<script src="squelettes/js/datepicker.js"></script>
<script src="squelettes/js/isotope.min.js"></script>
<script src="squelettes/js/ytplayer.min.js"></script>
<script src="squelettes/js/lightbox.min.js"></script>
<script src="squelettes/js/granim.min.js"></script>
<script src="squelettes/js/jquery.steps.min.js"></script>
<script src="squelettes/js/countdown.min.js"></script>
<script src="squelettes/js/twitterfetcher.min.js"></script>
<script src="squelettes/js/spectragram.min.js"></script>
<script src="squelettes/js/smooth-scroll.min.js"></script>
<script src="squelettes/js/scripts.js"></script>
</body>
</html>