<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- CHARGE LES CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/main-base.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/widget-bottom-contact.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/modules.css"/><link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/main-header1.css"/><link rel="stylesheet" href="https://ressources.webraizer.com/css/main-367.css"/><link rel="stylesheet" href="https://ressources.webraizer.com/css/modules-367.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/main.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/live-edition.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/animate.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/modal-rappel-tel.css"/> <!-- <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/font-awesome.min.css"/> --> <link rel="stylesheet" href="ressources/css/font-awesome.min.css"/> <link rel="stylesheet" href="https://ressources.webraizer.com/commun/css/bootstrap-datetimepicker.min.css"/> <!-- CHARGE LES JS --> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://ressources.webraizer.com/commun/js/headhesive.min.js"></script> <script src="https://ressources.webraizer.com/commun/js/moment.js"></script> <script src="https://ressources.webraizer.com/commun/js/bootstrap-datetimepicker.min.js"></script> <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Lato:100,300,400" rel="stylesheet" /> <!-- les polices --> <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Lato:100,300,400" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=EB+Garamond&display=swap" rel="stylesheet"> <!-- AUTRES ELEMENTS --> <title> Blog tendance pour les hommes et le style</title><meta name="description" content="Vous êtes un homme et vous souhaitez suivre un blog dédié au style et à toutes les tendances ? découvrez sur notre blog des actualités lifestyle sur différents sujets : décoration, mode, beauté, sport, loisirs, sorties, art, …" /></head><body> <!-- ------------------- -------- ----------------------- --> <!-- ------------------- SCRIPT APRES BODY -------------- --> <!-- ------------------- -------- ----------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- LIVE EDITION : HEADER ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- -------- ----------------------- --> <!-- ------------------- HEADER ------------------------- --> <!-- ------------------- -------- ----------------------- --> <!-- ------------------- -------- ----------------------- --><!-- ------------------- HEADER TOP ------------------------- --><!-- ------------------- -------- ----------------------- --> <div class="header-top"> <div class="container"> <div class="row"> <div class="col-md-6 col-gauche"> </div> <div class="col-md-6 col-droite"> </div> </div> </div></div> <!-- ------------------- -------- ----------------------- --><!-- ------------------- HEADER GLOBAL ------------------------- --><!-- ------------------- -------- ----------------------- --> <div class="header-global"><div class="container" style="padding:0px 0px;"> <div class="row"> <div class="col-md-3 col-gauche hidden-xs hidden-sm"> <a id="btn-newsletter" style="display:none;" class="box-lien" href=""> <span class="glyphicon glyphicon-envelope"></span> Newsletter </a> <div class="slogan1"><strong>Déco Art Spirituel</strong></div> <div class="slogan2">E-Magazine dédié aux disciplines artistiques & tendances & spirituelles</div> <div id="header-rs"> </div> </div> <div class="col-md-6 logo-site"> <a href="https://www.viaduka-du-futur.fr" class="<%LIVE_EDITION_LOGO_CLASS%>"><img src="https://ressources.webraizer.com/logos/logo-367-1.jpg?version=13" /></a> </div> <div class="col-md-3 col-droite"> <a id="btn-action1" href="https://www.viaduka-du-futur.fr/page/4/contactez-nous" class="btn-action">Nous écrire</a> <div id="btn-telephone1" class="btn-action" style="display:none;"><span class="glyphicon glyphicon-earphone"></span> </div> <div id="btn-telephone2" class="btn-action" style="display:none;"><span class="glyphicon glyphicon-earphone"></span> </div> </div> </div></div></div> <!-- ------------------- -------- ----------------------- --><!-- ------------------- MENU ------------------------- --><!-- ------------------- -------- ----------------------- --><div class="menu"><nav class="menu-depliant navbar navbar-default"> <div class="navbar-header"> <div class="visible-xs mention-menu"></div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="https://www.viaduka-du-futur.fr">Accueil</a></li><li><a href="https://www.viaduka-du-futur.fr/categorie/deco">Déco</a></li><li><a href="https://www.viaduka-du-futur.fr/categorie/spiritualite">Spiritualité</a></li><li><a href="https://www.viaduka-du-futur.fr/categorie/arts">Arts</a></li><li><a href="https://www.viaduka-du-futur.fr/categorie/travaux-bricolage">Travaux</a></li><li><a href="https://www.viaduka-du-futur.fr/categorie/bien-etre">Bien-être</a></li> </ul> </div> </nav></div> <!-- ------------------- -------- --------------------- --> <!-- ------------------- CORP ------------------------- --> <!-- ------------------- -------- --------------------- --> <form method="post" action="./" id="form1"><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="+ROcYE8+EOUI9Lt3t6FO30WNd1ZGf0wu34ydemq1tkZkAFZtyABU/HcSg76uWl4fU+lrec73h+N2ndBXL6YArmvk8Hbu+llodEGLgrtpgQGQw5pYXTAiyG1ph1tFGWedbF/Z9dnBjTCAGrmh8deKfMCFCdT0hZqThtS6YPlZv4A=" /> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="C1B548FB" /> <div class="zone-titre1"> <div class="container"> <div class="row"> <div class="col-sm-12 texte1"> <h1>Le blog tendance dédié aux hommes plein de style</h1> </div> </div> </div></div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1009 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1008"> <div class="row"> <div class="col-md-6 item1" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-50.jpg?version=5');"> <div class="masque"> <div class="texte1"></div> </div> </div> <div class="col-md-6"> <div class="col-sm-6 item2" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-51.jpg?version=4');"> <div class="masque"> <div class="texte1"></div> </div> </div> <div class="col-sm-6 item3" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-52.jpg?version=3');"> <div class="masque"> <div class="texte1"></div> </div> </div> <div class="col-sm-12 item4" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-53.jpg?version=3');"> <div class="masque"> <div class="texte1"></div> </div> </div> </div> </div> </div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1004 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1004" id="page-module-50"> <div class="container"> <div class="row"> <div class="item1"> <h2>Les secrets de la spiritualité, déco et photo dévoilés ...</h2> <div class="texte2"> <p>Une vie plein de style ne s’improvise pas. Pour vivre la vie d’un homme branché, il faut suivre les évolutions du monde d’aujourd’hui. Plusieurs secteurs demandent une écoute permanence. A travers notre blog lifestyle, nous allons vous tenir informé des actualités incontournables.</p> </div></div> </div> </div></div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1023 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1023 container" id="page-module-37"> <div class="row"> <div class="col-sm-6 item1"><a href=""> <div class="bloc" style="background-image:url('https://ressources.webraizer.com/commun/images/no-photo.jpg');"> <div class="masque"> <div class="texte1"></div> </div> </div></a> <div class="texte2"></div> </div> <div class="col-sm-6 item2"><a href=""> <div class="bloc" style="background-image:url('https://ressources.webraizer.com/commun/images/no-photo.jpg');"> <div class="masque"> <div class="texte1"></div> </div> </div></a> <div class="texte2"></div> </div> <div class="col-sm-4 item3"><a href="https://www.viaduka-du-futur.fr/categorie/spiritualite"> <div class="bloc" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-47.jpg?version=2');"> <div class="masque"> <div class="texte1">Spiritualité</div> </div> </div></a> <div class="texte2"></div> </div> <div class="col-sm-4 item4"><a href="https://www.viaduka-du-futur.fr/categorie/deco"> <div class="bloc" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-48.jpg?version=3');"> <div class="masque"> <div class="texte1">Deco</div> </div> </div></a> <div class="texte2"></div> </div> <div class="col-sm-4 item5"><a href="https://www.viaduka-du-futur.fr/categorie/arts"> <div class="bloc" style="background-image:url('https://ressources.webraizer.com/photos/photo-367-49.jpg?version=3');"> <div class="masque"> <div class="texte1">Arts</div> </div> </div></a> <div class="texte2"></div> </div> </div> </div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1004 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1004" id="page-module-53"> <div class="container"> <div class="row"> <div class="item1"> <h2>Pourquoi suivre les actualités d’un blog lifestyle dédié aux hommes ?</h2> <div class="texte2"> <p>Les blogs lifestyle ont la réputation de convenir principalement aux femmes. Ce n’est pas tout à fait faux. Cependant, depuis quelques années, il devient plus courant de trouver un blog dédié exclusivement aux hommes. Souvent, ces blogs traitent et apportent des conseils sur la décoration, sur la façon de s’habiller, sur l’immobilier ou encore sur les travaux.</p> <h2>Pour s’habiller avec un look tendance</h2> <p>La mode évolue continuellement. Non, vous ne pouvez pas vous permettre de continuer à vous promener avec un bermuda à fleurs ou de porter des sandalettes avec des chaussettes. Vous risquez d’être rapidement moqué et vous ferez fuir les femmes qui vous intéressent. En tant qu’homme, vous n’êtes peut-être pas totalement conscient que la façon de s’habiller a un impact sur votre vie entière. Un blog sur la mode peut justement vous apporter des conseils pour que vous soyez toujours correctement habillé. Nous vous invitons également à consulter ce <a href="https://www.proxielegance.fr/">site dédié à la mode</a>.</p> <h2>Pour savoir comment créer une belle décoration chez soi</h2> <p>Généralement, ce sont les femmes qui s’occupent de la <a href="https://www.jedecorepourtoi.fr">décoration du logement</a>. Toutefois, si vous êtes un homme seul, vous n’allez pouvoir compter que sur vous-même. Encore une fois, la décoration fluctue en fonction de la mode. En suivant un blog spécialisé dans le lifestyle, vous allez voir les nouvelles tendances pour constamment avoir un logement propre et moderne. Une chose est sûre, en suivant les astuces d’un blog lifestyle, vous vous sentirez bien chez vous et vous n’aurez pas honte d’y recevoir vos proches. Faites attention : la déco est un domaine relativement addictif. Dès que vous y prenez goût, vous ne vous arrêtez plus de chercher de nouveaux objets pour améliorer votre intérieur.</p> <h2>Pour savoir comment manger équilibré</h2> <p>L’homme a une réputation relativement tenace. On raconte que lorsqu’il est célibataire ou qu’il vit seul, il a tendance à manger n’importe comment et à ne plus prendre soin de lui. Certes, vous commandez souvent à manger et il s’agit rarement de salades et de légumes. Un blog spécialisé pour l’homme peut vous aider à manger plus équilibré. De plus, il vous invitera certainement à pratiquer une activité physique pour que vous puissiez être en meilleure santé et vous sentir mieux dans votre peau. Dans les commentaires, une vraie communauté peut se créer pour s’entraider et se motiver. Découvrez également ce <a href="https://www.nutritionducitoyen.fr/">site dédié à l'alimentation saine</a>.</p> <h2>Pour apprendre les bases du bricolage</h2> <p>Autrefois, nos grands-pères se transmettaient des astuces de bricolage entre les générations. Aujourd’hui, ce n’est plus le cas dans toutes les familles. Si vous avez des travaux à réaliser chez vous, vous pouvez rapidement être dépassé par la situation. Un blog peut justement vous accompagner en vous apportant des astuces et en vous apprenant tout simplement à bricoler. Généralement, ce sont les bases qui sont enseignées comme le fait de reboucher un trou ou de carreler. Si les bases vous plaisent, vous pouvez pousser plus loin en consultant un blog sur le <a href="https://www.maitrebricoleur.fr">bricolage</a>.</p> <h2>Pour savoir comment investir dans l’immobilier</h2> <p>Vous avez envie de vous constituer un patrimoine immobilier qui pourra vous rapporter de l’argent plus tard ? Un blog peut vous aider en vous informant des actualités, en vous conseillant sur le taux d’intérêt et sur le type de logement à acheter, etc. Aujourd’hui, il n’y a plus forcément besoin de se rendre dans une agence immobilière avec le regard vide pour espérer obtenir de l’aide. Vous trouverez tout directement en ligne. Pour les passionnés de l'investissement, rendez-vous sur ce <a href="https://www.monpatrimoinesolide.fr/">site dédié à la gestion patrimoniale</a>.</p> </div></div> </div> </div></div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1004 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1004" id="page-module-35"> <div class=""> <div class="row"> <div class="item1"> <h2>::: Conseils Déco :::</h2> <div class="texte2"> </div></div> </div> </div></div><div class="module301" id="page-module-15"> <div class="container"> <div class="row"> <div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/construire-une-installation-interactive-captivante">Construire une installation interactive captivante</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/construire-une-installation-interactive-captivante"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-103-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans une époque marquée par l'omniprésence du numérique, la création d'une installation interactive se révèle être un puissant outil de communication et d'éduca... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.3s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/dessiner-sur-un-mur-conseils-pour-un-art-mural-impressionnant">Dessiner sur un mur : conseils pour un art mural impressionnant</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/dessiner-sur-un-mur-conseils-pour-un-art-mural-impressionnant"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-101-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans cet article, je vous propose d'explorer le monde fascinant de l'art mural. Nous aborderons ensemble plusieurs aspects essentiels pour réussir votre œuvre s... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.6s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/renotec-tout-savoir-sur-cette-technologie-de-renovation">Renotec : tout savoir sur cette technologie de rénovation</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/renotec-tout-savoir-sur-cette-technologie-de-renovation"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-100-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans cet article, je vous propose de découvrir la technologie Renotec. Nous explorerons son application dans le domaine de la rénovation et examinerons les béné... </div></div> </div> </div></div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1004 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1004" id="page-module-41"> <div class="container"> <div class="row"> <div class="item1"> <h2>::: Conseils Arts :::</h2> <div class="texte2"> </div></div> </div> </div></div><div class="module301" id="page-module-42"> <div class="container"> <div class="row"> <div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/creer-votre-premiere-sculpture-numerique">Créer votre première sculpture numérique</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/creer-votre-premiere-sculpture-numerique"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-121-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Que vous soyez un artiste en herbe, un passionné de technologie ou simplement curieux d'apprendre une nouvelle compétence, ce guide est pour vous. Je vais parta... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.3s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/exploration-de-l-art-urbain-moderne">Exploration de l'art urbain moderne</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/exploration-de-l-art-urbain-moderne"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-120-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Que vous soyez un artiste en devenir, un passionné d'art urbain ou simplement curieux du monde qui vous entoure, je vais explorer le fascinant univers de l'art ... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.6s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/guide-pour-concevoir-des-installations-interactives">Guide pour concevoir des installations interactives</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/guide-pour-concevoir-des-installations-interactives"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-119-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans un monde en perpétuelle évolution, artistes, concepteurs ou simples curieux peuvent éprouver le besoin de s'initier à la conception des installations inter... </div></div> </div> </div></div><!-- ------------------- -------- --------------------- --><!-- ------------------- 1004 --------------------- --><!-- ------------------- -------- --------------------- --> <div class="module1004" id="page-module-43"> <div class="container"> <div class="row"> <div class="item1"> <h2>::: Conseils Spiritualité :::</h2> <div class="texte2"> </div></div> </div> </div></div><div class="module301" id="page-module-44"> <div class="container"> <div class="row"> <div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/utiliser-le-tarot-mystique-pour-la-meditation">Utiliser le tarot mystique pour la méditation</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/utiliser-le-tarot-mystique-pour-la-meditation"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-128-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> L'exploration de la spiritualité est un chemin personnel et unique pour chacun. Que vous soyez novice en méditation, passionné d'ésotérisme ou simplement curieu... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.3s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/mediumnite-spirituelle-conseils-pour-les-novices">Médiumnité spirituelle : conseils pour les novices</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/mediumnite-spirituelle-conseils-pour-les-novices"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-127-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans le monde mystérieux de la médiumnité, nombreux sont les curieux et aspirants médiums. Vous cherchez peut-être à comprendre ce phénomène ou vous y préparez ... </div></div><div class="col-md-4 item1 wow fadeInUp" data-wow-duration="0.9s" data-wow-delay="0.6s"> <div class="texte1"><a href="https://www.viaduka-du-futur.fr/actu/5/les-signes-astrologiques-et-l-esoterisme-moderne">Les signes astrologiques et l'ésotérisme moderne</a></div> <div class="photo"> <a href="https://www.viaduka-du-futur.fr/actu/5/les-signes-astrologiques-et-l-esoterisme-moderne"><img src="https://www.viaduka-du-futur.fr/ressources/articles-photos/article-photo-367-126-1.jpg?version=1" alt="" class="img-responsive" /></a> </div> <div class="texte2"> Dans une société en quête de sens, vous découvrirez à travers cet article les richesses insoupçonnées des signes astrologiques et leur influence grandissante da... </div></div> </div> </div></div> </form> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- AMAZON ------------ --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- -------- --------------------- --> <!-- ------------------- FOOTER ------------------------- --> <!-- ------------------- -------- --------------------- --> <div class="footer2"> <div class="container"> <div class="row"> <!-- colonne 1 --> <div class="col-md-3 col1"> <div class="text1">Plan du site</div> <div class="text2"> <a class="page" href="https://www.viaduka-du-futur.fr">Accueil</a><a class="page" href="https://www.viaduka-du-futur.fr/categorie/deco">Déco</a><a class="page" href="https://www.viaduka-du-futur.fr/categorie/spiritualite">Spiritualité</a><a class="page" href="https://www.viaduka-du-futur.fr/categorie/arts">Arts</a><a class="page" href="https://www.viaduka-du-futur.fr/categorie/travaux-bricolage">Travaux</a><a class="page" href="https://www.viaduka-du-futur.fr/categorie/bien-etre">Bien-être</a><a class="page" href="https://www.viaduka-du-futur.fr/page/4/contactez-nous">Contactez-nous</a> </div> </div> <div class="col-md-1"></div> <!-- colonne 2 --> <div class="col-md-4 col2"> <div class="text1">E-Magazine dédié aux disciplines artistiques & tendances</div> <div class="text2"> Vous avez une idée d'article à nous proposer ? N'hésitez pas à nous écrire afin de nous communiquer vos suggestions. Blog spiritualité - Blog lifestyle - Blog dédié à la déco - Blog et <a href="https://www.viaduka-du-futur.fr/actu/5/l-enjeu-du-referencement-naturel-sur-google-pour-un-decorateur-d-interieur"'>conseils déco</a> - <a href="https://www.viaduka-du-futur.fr/actu/5/comment-trouver-un-serrurier-rapidement-dans-le-92">Serrurier 92</a> - <a href="https://www.viaduka-du-futur.fr/actu/5/booster-un-blog-sur-google-dans-le-domaine-de-l-art">améliorer le seo d'un blog</a> <div class="rs-liste"> </div> <div class="creation-site"> Réalisation : <a href="http://www.peps-multimedia.com" target="_blank" alt="création de site web">Pep's Multimedia</a> </div> </div> </div> <!-- colonne 3 --> <div class="col-md-1"></div> <div class="col-md-3 col3"> <div class="text1">ViadukaDuFutur</div> <div class="text2" style="display:none;"> <!-- adresse --> <div class="row adresse-ligne" style="display:none;"> <div class="col-sm-2 hidden-xs"><span class="glyphicon glyphicon-map-marker"></span></div> <div class="col-sm-10"> </div> </div> <!-- telephone --> <div class="row adresse-ligne" style="display:none;"> <div class="col-sm-2 hidden-xs"><span class="glyphicon glyphicon-earphone"></span></div> <div class="col-sm-10"></div> </div> <!-- email --> <div class="row adresse-ligne" style="display:none;"> <div class="col-sm-2 hidden-xs"><span class="glyphicon glyphicon-envelope"></span></div> <div class="col-sm-10"> </div> </div> </div> <div class="text2">Le blog lifestyle qui va vous aider à mettre en place des routines idéales pour vivre une vie pleine de style. Epanouissez vous dès maintenant et n’attendez plus que les choses arrivent d’elles même. Pour passer des soirées en mode zen, pensez au <a href="https://www.viaduka-du-futur.fr/actu/5/un-masseur-de-tete-la-pause-relaxation-a-la-maison">masseur de tête</a>.</div> </div> </div> </div></div> <!-- ------------------- -------- --------------------- --> <!-- ------------------- FOOTER-SAT ------------------------- --> <!-- ------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- HTML INSERé DYNAMIQUEMENT BOTTOM------------ --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- SCRIPT BAS DE PAGE ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <script src="https://ressources.webraizer.com/commun/js/wow.min.js"></script> <script>new WOW().init();</script> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- MenuStick ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <script> var self = this; var headhesive = new Headhesive('.menu', { offset: 300, classes: { clone: 'menu--clone', stick: 'menu--stick', unstick: 'menu--unstick' } }); </script> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- scriptJsBottom ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- LIVE EDITION ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <script> var SITE_URL = 'https://www.viaduka-du-futur.fr'; var SITE_ID = '367' //-- TODO : est-ce appelé vraiment?????? function liveEditionOn() { //--- retire tous les attribus HREF de balises <A> $("a").each(function (index, element) { $(this).removeAttr("href"); }); } function liveEdition(id, texteId) { //ouvre la modal $('#liveEditionModalTexte').modal('show'); //recupere le div en cours var div = $("#live" + id + "-" + texteId); var textarea = $("#live-textarea"); //initialise le texte dans le textarea textarea.val(div.html()); //bouton de fin de la modal var btnEnd = $("#live-edition-end-btn"); btnEnd.click(function () { //important : supprimer l'écouteur sur le bouton de fin $(this).off("click"); //modifie le texte var div = $("#live" + id + "-" + texteId); div.html(textarea.val()); //attention : CLEAN DE LA STRING ?? (strip html??) var texteClean = textarea.val().replace(/(<([^>]+)>)/ig, ""); //appel ajax du webservice pour modifier le texte $.post(SITE_URL + "/api/change-texte.ashx", { texte: texteClean, siteId: SITE_ID, photoId: id, texteId: texteId }, function (reponse, status) { }); /* $.ajax({ url: SITE_URL + "/api/change-texte.ashx?texte="+texteClean+"&siteId=, success: function (response) { //Do Something }, error: function (xhr) { //Do Something to handle error } }); */ //ferme la modal $('#liveEditionModalTexte').modal('hide'); }); } </script> <!-- The Modal --> <div class="modal fade live-edition-modal" id="liveEditionModalTexte"> <div class="modal-dialog live-edition-modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal Heading</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <textarea id="live-textarea" class="live-textarea"></textarea> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" id="live-edition-end-btn">Close</button> </div> </div> </div> </div> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- PHOTO SWIPE ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- ------------------- SUITE ------------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- --------------------------------- -------- --------------------- --> <!-- #################################################################################### --> <!-- Tarteaucitron --> <!-- #################################################################################### --> </body></html> 
