<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $zwii->getMetaTitle(); ?></title>
<meta name="description" content="<?php echo $zwii->getSetting('description'); ?>">
<meta name="keywords" content="<?php echo $zwii->getSetting('keywords'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="system/base.css">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/style.css"/>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/origami.css"/>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/responsive.css"/>
<link rel="stylesheet" id="styleswitcher" type="text/css" href="templates/imagination/css/style-blue.css">
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="templates/imagination/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/ie8.css"/>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="system/functions.js"></script>
<script src="system/markdown/editor.js"></script>
</head>
<body>
<?php echo $zwii->getPanel(); ?>
<header>
<div class="md-nav-wrap">
<div id="md-navbar" class="md-navbar">
<div class="wrap1120 clearfix">
<div class="grid_16">
<div class="arrow"></div>
<nav id="nav" class="md-menu">
<ul class="rs clearfix lavaLamp">
<?php echo $zwii->getMenu(); ?>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div id="md-spotlight" class="md-spotlight">
<div class="md-pt-slide"><img src="templates/imagination/img/photo.jpg" alt=""></div>
<div class="wrap1120">
<div class="grid_16">
<div class="md-intro">
<h1 class="rs md-title" id="landing-title">Template {<span class="active">pour</span>}<span class="option hidden">Zwii CMS</span><span class="option hidden">CMS</span><span class="option hidden">sans base de données.</span></h1>
<p class="md-description">Template codé en HTML et CSS3</p>
<div class="md-btn-group"><a href="#" class="btn btn-color btn-green">Contactez-nous</a><a href="#md-features" class="btn btn-border btn-white">Nos Services</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<div class="md-main-body">
<section id="md-features" class="md-features">
<div class="md-box">
<div class="wrap1120">
<div class="grid_16 md-content">
<div style="text-align:left"><?php echo $zwii->getContent(); ?></div>
<hr>
<h1 style="text-align:left">Présentation de nos services</h1>
<p class="md-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<hr>
<div class="md-list-features clearfix">
<div class="origami">
<div class="kami"><i class="icon-comments-alt"></i><span class="name-feature">Stratégies Communication</span></div>
<div class="kami origami-content"><i class="icon-comments-alt"></i><span class="name-feature">Stratégies Communication</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="origami">
<div class="kami"><i class="icon-laptop"></i><span class="name-feature">Responsive Site</span></div>
<div class="kami origami-content"><i class="icon-laptop"></i><span class="name-feature">Responsive Site</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="origami">
<div class="kami"><i class="icon-magic"></i><span class="name-feature">Design Attractif</span></div>
<div class="kami origami-content"><i class="icon-magic"></i><span class="name-feature">Design Attractif</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="origami last">
<div class="kami"><i class="icon-gears"></i><span class="name-feature">HTML5 / CSS3</span></div>
<div class="kami origami-content"><i class="icon-gears"></i><span class="name-feature">HTML5 / CSS3</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<section id="md-parallax-2" class="md-parallax-2">
<div class="parallax-bg"></div>
<div class="md-box">
<div class="wrap1120">
<div class="grid_16 md-content">
<h1 class="md-title rs">Template complètement responsive!</h1>
<p class="md-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
<div class="cols-device clearfix">
<div class="grid_4">
<div class="device"><i class="device-desktop"></i></div>
<div class="content-device">
<h3 class="rs">Desktop</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="grid_4">
<div class="device"><i class="device-tablet"></i></div>
<div class="content-device">
<h3 class="rs">Tablette</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="grid_4">
<div class="device"><i class="device-mobile"></i></div>
<div class="content-device">
<h3 class="rs">Mobile</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<section id="md-testimonials" class="md-parallax-3">
<div class="parallax-bg"></div>
<div class="md-box">
<div class="wrap1120">
<div class="grid_16 md-content">
<div class="content-center">
<div>
<h1 class="md-title rs">Mon Slider Texte</h1>
<div id="md-slider-2">
<div class="content-effect">
<p class="md-description">Etiam elementum lobortis massa, non ornare augue dapibus non. Donec laoreet in nibh quis bibendum. Aliquam erat volutpat.</p>
<span class="line"></span>
<p class="name-client">Zwii CMS</p>
</div>
<div class="content-effect">
<p class="md-description">Etiam scelerisque imperdiet nulla. Aliquam eget nisl dignissim, lacinia quam at, condimentum nulla. Sed varius imperdiet nisi, ac varius felis aliquet sit amet.</p>
<span class="line"></span>
<p class="name-client">Open Source</p>
</div>
<div class="content-effect">
<p class="md-description">Donec in tristique velit, ac pulvinar eros. Mauris fermentum enim non condimentum dapibus. Phasellus facilisis mattis ipsum, at ornare sem congue nec.</p>
<span class="line"></span>
<p class="name-client">Templates Zwii</p>
</div>
</div>
</div>
</div>
<div class="switch" id="md-slider-2-switch"></div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<footer class="md-footer">
<div class="md-content">
<div class="social-copyright"><span class="icon-facebook-sign"></span><span class="icon-twitter-sign"></span><span class="icon-linkedin-sign"></span><span class="icon-pinterest-sign"></span>
<p class="rs">© Copyright 2014. Tous droits réservés. <?php echo $zwii->getSetting('footer'); ?> | <?php echo $zwii->getLink(); ?> | <a href=http://forum.zwiicms.com/viewtopic.php?id=122>Template Imagination</a> | <a href=# id="nav">Haut de page</a></p>
</div>
</div>
</footer>
<script type="text/javascript" src="templates/imagination/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="templates/imagination/js/jquery.easing.js"></script>
<script type="text/javascript" src="templates/imagination/js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="templates/imagination/js/jquery.cycle2.js"></script>
<script type="text/javascript" src="templates/imagination/js/origami.js"></script>
<script type="text/javascript" src="templates/imagination/js/modernizr.js"></script>
<script type="text/javascript" src="templates/imagination/js/responsive-nav.js"></script>
<script type="text/javascript" src="templates/imagination/js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="templates/imagination/js/script.js"></script>
</body>
</html>