?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html class="fullscreen_page sticky_menu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favico.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>kanity.com | La consommation partagée</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<header class="main_header">
<div class="header_wrapper">
<div class="logo_sect">
<a href="index.html" class="logo"><img src="img/logo_kanity_small.png" alt="" class="logo_def"><img src="img/retina/logo.png" alt="" class="logo_retina"></a>
<div class="slogan">Partageons nos expériences de consommateurs!</div>
</div>
<div class="header_rp">
<nav>
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li class="menu-item-has-children">
<a href="javascript:;" id="compte" style="font-weight:bold;"><i class="icon-user"></i> Mon compte <i class="icon-user"></i></a>
</li>
<li class="menu-item-has-children">
<a href="fil_des_posts.php"><span>Fil d'actualité</span></a>
</li>
<li class="menu-item-has-children">
<a href="qui-sommes-nous.html"><span>Qui sommes nous?</span></a>
</li>
<li class="menu-item-has-children">
<a href="contactez-nous.html"><span>Contactez-nous</span></a>
</li>
<li class="menu-item-has-children">
<a href="javascript:;" id="my-button" style="font-weight:bold;"><i class="icon-star"></i> Partager une expérience <i class="icon-star"></i></a>
</li>
</ul>
</div>
<div class="search_fadder"></div>
<div class="header_search">
<form name="search_form" method="get" action="#" class="search_form">
<input type="text" name="s" value="" placeholder="Rechercher..." class="field_search">
</form>
</div>
</nav>
<a class="search_toggler" href="#"></a>
</div>
<div class="clear"></div>
</div>
</header>
<div class="fw_content_wrapper">
<div class="fw_content_padding">
<div class="content_wrapper noTitle">
<div class="container">
<div class="content_block row no-sidebar">
<div class="fl-container ">
<div class="row">
<div class="posts-block ">
<div class="contentarea">
<div class="row">
<div class="span9 first-module module_number_1 module_cont pb0 module_before_after">
<div class="before-after">
<div class="beforeAfter_wrapper after_img">
<img src="img/imgs/before2.jpg" class="img_before" alt="">
<div class="after_wrapper before_img"></div>
<div class="result_line"></div>
</div>
</div>
</div><!-- .module_cont -->
<div class="span3 module_number_2 module_cont pb0 module_text_area">
<div class="module_content">
<p>Oyez les consommateurs, y'a du nouveau pour vous!</p>
<p><a href="#">Fini l'achat impulsif!</a> que l'on paye au prix fort. Il faut comparer. Il faut meme comparer avec ceux qui ont comparer! Achetons intelligent, et partageons notre experience. La communaute du consommateur averti est ici !</p>
<div class="mt15"><a href="shortcodes.html" class="hasIcon shortcode_button btn_normal btn_type5"><i class="icon-star-o"></i>Inscrivez-vous!</a></div>
</div>
</div><!-- .module_cont -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content_bg"></div>
<footer class="fullwidth">
<div class="footer_wrapper">
<div class="copyright">Copyright © 2015 Kanity.com - All Rights Reserved.</div>
<div class="socials_wrapper">
<ul class="socials_list">
<li><a class="ico_social_gplus" target="_blank" href="https://plus.google.com/" title="Google+"></a></li>
<li><a class="ico_social_facebook" target="_blank" href="https://facebook.com" title="Facebook"></a></li>
<li><a class="ico_social_twitter" target="_blank" href="https://twitter.com" title="Twitter"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</footer>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/modules.js"></script>
<script type="text/javascript" src="js/theme.js"></script>
<script>
jQuery(document).ready(function($) {
"use strict";
centerWindow();
if (window_w > 760) {
jQuery('html').addClass('without_border');
}
jQuery('.beforeAfter_wrapper').each(function(){
var after_wrapper = jQuery(this).find('.after_wrapper');
var before_wrapper = jQuery(this);
var result_line = jQuery(this).find('.result_line');
after_wrapper.width(before_wrapper.width()/2);
result_line.css('left', (before_wrapper.width()/2)+'px');
});
jQuery('.beforeAfter_wrapper').mousemove(function(e){
var correction = jQuery(this).offset().left,
page_x = e.pageX-correction,
after_wrapper = jQuery(this).find('.after_wrapper'),
result_line = jQuery(this).find('.result_line');
after_wrapper.width(page_x);
result_line.css('left', page_x+'px');
});
// Init touch on iPad, iPhone, iPod, Android
jQuery('.beforeAfter_wrapper').FingerScroll();
});
jQuery(window).load(function() {
"use strict";
centerWindow();
jQuery('.beforeAfter_wrapper').each(function(){
var after_wrapper = jQuery(this).find('.after_wrapper');
var before_wrapper = jQuery(this);
var result_line = jQuery(this).find('.result_line');
after_wrapper.width(before_wrapper.width()/2);
result_line.css('left', (before_wrapper.width()/2)+'px');
});
});
jQuery(window).resize(function(){
"use strict";
centerWindow();
setTimeout('centerWindow()',500);
setTimeout('centerWindow()',1000);
});
function centerWindow() {
"use strict";
var setTop = (window_h - jQuery('.fw_content_wrapper').height() - header.height())/2+header.height();
if (setTop < header.height()+50) {
jQuery('.fw_content_wrapper').addClass('fixed');
jQuery('body').addClass('addPadding');
jQuery('.fw_content_wrapper').css('top', header.height()+50+'px');
} else {
jQuery('.fw_content_wrapper').css('top', setTop +'px');
jQuery('.fw_content_wrapper').removeClass('fixed');
jQuery('body').removeClass('addPadding');
}
}
jQuery.fn.FingerScroll = function() {
"use strict";
var scrollStartPos = 0,
correction = jQuery(this).offset().left,
page_x = 0,
after_wrapper = jQuery(this).find('.after_wrapper'),
result_line = jQuery(this).find('.result_line');
jQuery(this).bind('touchstart', function(event) {
var e = event.originalEvent;
scrollStartPos = jQuery(this).scrollTop() + e.touches[0].pageY;
});
jQuery(this).bind('touchmove', function(event) {
var e = event.originalEvent;
correction = jQuery(this).offset().left;
page_x = e.touches[0].pageX-correction;
after_wrapper.width(page_x);
result_line.css('left', page_x+'px');
e.preventDefault();
});
return this;
};
</script>
</body>
</html>