<?php
include('locale/langue.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $titles_mecanique; ?></title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contacts.css">
<link rel="stylesheet" href="css/superfish.css">
<link rel="stylesheet" href="css/priceTable.css">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/forms.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45152827-1', 'velodidacte.com');
ga('send', 'pageview');
</script>
<script>
$(document).ready(function() {
$('form').forms({
ownerEmail:'#'
});
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="bord-1">
<div class="container_12">
<div class="row">
<div class="grid_12">
<div class="header-top clearfix">
<h1 class="fleft"><a href="index.php"><img src="images/logo.png" alt="Logo Boutique Vélo Roy-O Québec Canada"></a></h1>
<div class="fright">
<div class="PhoneNumber">418-524-0004</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="grid_12">
<nav>
<ul class="sf-menu">
<li class="current home"><a href="index.php"></a></li>
<li><a href="mecanique.php"><?php echo $menu_mecanique; ?></a></li>
<li><a href="location2.php"><?php echo $menu_location; ?></a></li>
<li><a href="https://velodidacte.shoplightspeed.com/"><?php echo $menu_vente; ?></a></li>
<li><a href="contact.php"><?php echo $menu_contact; ?></a></li>
<li><a href="https://velosroyo.bookafy.com/"><?php echo $menu_rendez; ?></a></li>
<li class="langue"><a href="<?php echo $menu_lang_switch; ?>"><?php echo $menu_lang; ?></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<!--=======content================================-->
<section class="content">
<div class="container_12">
<div class="row">
<div class="map_wrapper grid_4">
<h2 class="p2"><?php echo $mecano_title; ?></h2>
</div>
<span class="clear"></span>
<p style="margin-left:10px;"><?php echo $mecanique_text; ?></p>
<span class="clear"></span>
<article class="grid_12">
<h3><?php echo $mecano_tarifs; ?> - <a class="YellowLink"><?php echo $mecano_linkServicesList; ?></a></h3>
<div id="ServicesList">
<?php echo $mecano_ServicesList; ?>
</div>
</article>
<span class="clear"></span>
<article class="grid_12">
<h3><?php echo $mecano_forfaits; ?></h3>
<section id="pricePlans">
<ul id="plans">
<li class="plan">
<ul class="planContainer">
<li class="title"><h2><?php echo $optionPlan0_title; ?></h2></li>
<li class="price"><p>60 $</p></li>
<li>
<ul class="options">
<?php echo $optionPlan0; ?>
</ul>
</li>
</ul>
</li>
<li class="plan">
<ul class="planContainer">
<li class="title"><h2><?php echo $optionPlan1_title; ?></h2></li>
<li class="price"><p>115 $</p></li>
<li>
<ul class="options">
<?php echo $optionPlan1; ?>
</ul>
</li>
</ul>
</li>
<li class="plan">
<ul class="planContainer">
<li class="title"><h2><?php echo $optionPlan2_title; ?></h2></li>
<li class="price"><p>170 $</p></li>
<li>
<ul class="options">
<?php echo $optionPlan2; ?>
</ul>
</li>
</ul>
</li>
<li class="plan">
<ul class="planContainer">
<li class="title"><h2><?php echo $optionPlan3_title; ?></h2></li>
<li class="price"><p>250 $</p></li>
<li>
<ul class="options">
<?php echo $optionPlan3; ?>
</ul>
</li>
</ul>
</li>
</ul> <!-- End ul#plans -->
<div style="clear:both;"></div>
<?php echo $parts_charged; ?>
</section>
</article>
</div>
</div>
</section>
<!--=======footer=================================-->
<footer>
<div class="container_12">
<div class="row">
<div class="grid_9 w2">
<h6>Vélos Roy-o <span class="br"><br/></span>- <?php echo $footer1 ?> <span>© 2013-2021 Julien Roy</h6>
</div>
<div class="grid_3 w2 socialNetworks">
<!--{%FOOTER_LINK} -->
<ul class="list-services clearfix">
<li><a class="list-services-1" target="_blank" href="https://www.facebook.com/velosroyo?ref=br_tf"><span class="sp-1"></span><span class="sp-2"></span></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
//$( document ).ready(function() {
$('h3 a.YellowLink').click(function(){
if($('#ServicesList').css('display') == 'none'){
$('#ServicesList').fadeIn('slow');
}
else{
$('#ServicesList').fadeOut('slow');
}
});
//});
</script>
</body>
</html>