?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html class="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="main_wrapper">
<div class="content_wrapper">
<div class="container">
<div class="content_block row no-sidebar">
<div class="fl-container ">
<div class="row">
<div class="posts-block ">
<div class="page_title_block">
<h1 class="title">Contactez Nous!</h1>
</div>
<div class="contentarea">
<div class="row">
<div class="span12 first-module module_number_1 module_cont pb35 module_text_area">
<div class="module_content">
<p>Une question, une remarque, une suggestion? La communaute est ouverte a toutes et a tous pour vos contributions!<br>Via le formulaire ci-dessous, n'hesitez pas.<br>A bientot sur Kanity!</p>
</div>
</div><!-- .module_cont -->
</div>
<div class="row">
<div class="span9 module_number_2 module_cont pb50 module_html">
<div class="module_content contact_form">
<div id="note"></div>
<div id="fields">
<form id="ajax-contact-form" action="#">
<div class="w50 pr7"><input type="text" name="name" value="" placeholder="Nom *" /></div>
<div class="w50"><input type="text" name="email" value="" placeholder="Email *" /></div>
<div class="clear"></div>
<input type="text" name="subject" value="" placeholder="Subject" />
<textarea name="message" id="message" placeholder="Message *"></textarea>
<input type="submit" value="Envoyer mon message">
</form>
</div>
</div>
</div><!-- .module_cont -->
<div class="span3 module_number_3 module_cont no_bg pb40 module_contact_info">
<ul class="contact_info_list contact_icons">
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-home"></i></span>
<div class="contact_info_text">Palo Alto Square Palo Alto, CA 94306</div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-phone"></i></span>
<div class="contact_info_text">+1 800 789 50 12, +1 800 450 6935</div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-envelope"></i></span>
<div class="contact_info_text"><a href="#">contact@kanity.com</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-skype"></i></span>
<div class="contact_info_text">Skype</div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-twitter"></i></span>
<div class="contact_info_text"><a href="#">Twitter</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-dribbble"></i></span>
<div class="contact_info_text"><a href="#">Dribbble</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-flickr"></i></span>
<div class="contact_info_text"><a href="#">Flickr</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-youtube-play"></i></span>
<div class="contact_info_text"><a href="#">YouTube</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-pinterest"></i></span>
<div class="contact_info_text"><a href="#">Pinterest</a></div>
</div>
</li>
<li class="contact_info_item">
<div class="contact_info_wrapper">
<span class="contact_info_icon"><i class="icon-instagram"></i></span>
<div class="contact_info_text"><a href="#">Instagram</a></div>
</div>
</li>
</ul>
</div><!-- .module_cont -->
</div>
<div class="row">
<div class="span12 module_number_4 module_cont pb0 module_google_map">
<div class="module_content">
<div id="map-canvas" class="map-canvas h500"></div>
</div>
</div><!-- .module_cont -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .main_wrapper -->
<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>
<div class="content_bg"></div>
<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 type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCCqo-F2TnMAABZvfV5yTQLlWvUCJlJViU&sensor=false"></script>
<script type="text/javascript">
function initialize() {
"use strict";
// Create an array of styles.
var styles = [
{
"stylers": [
{ "saturation": -81 },
{ "hue": "#00e5ff" }
]
},{
"elementType": "labels.text.stroke",
"stylers": [
{ "visibility": "off" }
]
}
];
// Create a new StyledMapType object, passing it the array of styles,
// as well as the name to be displayed on the map type control.
var styledMap = new google.maps.StyledMapType(styles,
{name: "Styled Map"});
// Create a map object, and include the MapTypeId to add
// to the map type control.
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng( 37.421784,-122.141168),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
//Associate the styled map with the MapTypeId and set it to display.
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>