<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="fr"> <!--<![endif]-->

<head>
    <title><?php echo $zwii->getMetaTitle(); ?></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="system/base.css">
    <link rel="stylesheet" href="templates/zwiicool/css/normalize.css">
    <link rel="stylesheet" href="templates/zwiicool/css/bootstrap.min.css">
    <link rel="stylesheet" href="templates/zwiicool/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="templates/zwiicool/css/font-awesome.min.css">
    <link rel="stylesheet" href="templates/zwiicool/css/flexslider.css">
    <link rel="stylesheet" href="templates/zwiicool/css/swipebox.css" />
    <link rel="stylesheet" href="templates/zwiicool/css/layout.css">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
    
    <!--[if IE 7]>
    	<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <noscript><link rel="stylesheet" href="css/no-js.css"></noscript>
	<link rel="shortcut icon" href="templates/zwiicool/images/favicon.ico">
	<link rel="apple-touch-icon" href="templates/zwiicool/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="templates/zwiicool/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="templates/zwiicool/images/apple-touch-icon-114x114.png">
	<script src="system/functions.js"></script>
	<script src="system/markdown/editor.js"></script>
</head>
<body>
	<?php echo $zwii->getPanel(); ?>
 <header id="header">
  <div class="header-overlay">
  
   <div class="container">
    <div class="flexslider">
     <ul class="slides">
      <li><h1>Nos supers services web</h1></li>
      <li><h1>Pourquoi nous choisir?</h1></li>
      <li><h1>Garantie de sérieux et faisabilité</h1></li>
      <li><h1>Quinze années d'expériences!</h1></li>
     </ul> <!-- End slides -->
    </div> <!-- End flexslider -->
   </div> <!-- End container -->
  
   <div class="arrow-link">
    <a href="#services"><i class="icon-angle-down"></i></a>
   </div> <!-- End arrow-link -->
   
  </div> <!-- End header-overlay -->
 </header> <!-- End header -->
 
 <div class="main-wrap stickem-container">
 
 <section id="navigation" class="stickem">
   
  <nav class="nav nav-menu">
			<?php echo $zwii->getMenu(); ?>
  </nav> <!-- End nav-menu -->
 </section> <!-- End navigation -->
 
 <div class="sep-padding"></div> <!-- separator -->

 <section id="about">
  <div class="container">
  
   <div class="header">
			<?php echo $zwii->getContent(); ?>
   </div>
   
   <div class="sep-border-main"></div> <!-- separator -->
 
 <section id="services">
  <div class="container">
   <div class="row">
   
    <div class="span3 item"> <!-- 1 -->
     <i class="icon-desktop"></i>
     <h5>All Devices Size</h5>
     <h4>Responsive Support</h4>
     <p>Aenean dictum pharetra nibh, sodales luctus felis aliquet. Duis tempor rhoncus quam, at blandit nulla egestas vitae risus dictum tempor luctus.</p>
    </div>
    
    <div class="span3 item"> <!-- 2 -->
     <i class="icon-check"></i>
     <h5>Easy to Customizable</h5>
     <h4>Well Documented</h4>
     <p>Aenean dictum pharetra nibh, sodales luctus felis aliquet. Duis tempor rhoncus quam, at blandit nulla egestas vitae risus dictum tempor luctus.</p>
    </div>
    
    <div class="span3 item"> <!-- 3 -->
     <i class="icon-calendar"></i>
     <h5>24-Hours Support</h5>
     <h4>Real Time Support</h4>
     <p>Aenean dictum pharetra nibh, sodales luctus felis aliquet. Duis tempor rhoncus quam, at blandit nulla egestas vitae risus dictum tempor luctus.</p>
    </div>
    
    <div class="span3 item"> <!-- 4 -->
     <i class="icon-shopping-cart"></i>
     <h5>Make a Shop Online</h5>
     <h4>E-Commerce Features</h4>
     <p>Aenean dictum pharetra nibh, sodales luctus felis aliquet. Duis tempor rhoncus quam, at blandit nulla egestas vitae risus dictum tempor luctus.</p>
    </div>
   
   </div> <!-- End row -->
  </div> <!-- End container -->
 </section> <!-- End services -->
 
 <div class="sep-border-main"></div> <!-- separator -->

   
 <section class="testimonials">
  <div class="container">
   <span class="testimonials-icon"><i class="icon-quote-left"></i></span> <!-- testimonials-icon -->
   
   <div class="flexslider loading">
   
    <ul class="slides">
     <li> <!-- 1 -->
      <p>Morbi felis risus, feugiat vel lacinia eu, aliquam eu nisl. Aliquam magna velit, vulputate quis tincidunt eget.</p>
      <span class="name">&mdash; John Doen, Dots Theme</span>
     </li>
     <li> <!-- 2 -->
      <p>Aenean dictum pharetra nibh, sodales luctus felis aliquet at. Nulla vulputate venenatis orci, a laoreet vehicula ac.</p>
      <span class="name">&mdash; Jack Doen, Focpress</span>
     </li>
     <li> <!-- 3 -->
      <p>Pellentesque pulvinar, risus dictum tempor luctus, quam augue blandit sapien, eget interdum libero mi rhoncus risus.</p>
      <span class="name">&mdash; Jane Doen, Theme Park</span>
     </li>
     <li> <!-- 4 -->
      <p>Aliquam magna velit, vulputate quis tincidunt eget, scelerisque et dui proin et nisi justo, nec pretium mi.</p>
      <span class="name">&mdash; Jony Doen, Wrap Template</span>
     </li>
    </ul> <!-- End slides -->
    
   </div> <!-- End flexslider -->
  </div> <!-- End container -->
 </section> <!-- End testimonials -->
 
  
 
 <section class="footer-social">
  <div class="container">
  
   <ul>
    <li><a href="#"><i class="icon-facebook"></i></a></li>
    <li><a href="#"><i class="icon-twitter"></i></a></li>
    <li><a href="#"><i class="icon-linkedin"></i></a></li>
    <li><a href="#"><i class="icon-google-plus"></i></a></li>
    <li><a href="#"><i class="icon-pinterest"></i></a></li>
    <li><a href="#"><i class="icon-rss"></i></a></li>
   </ul>
   
  </div> <!-- End container -->
 </section> <!-- End footer-social -->
 
 <footer class="footer-copyright">
  <div class="container">
   <p>&copy; 2013 <?php echo $zwii->getSetting('footer'); ?> | <?php echo $zwii->getLink(); ?></p> <!-- copyright text -->
  </div> <!-- End container -->
 </footer> <!-- End footer-copyright -->
 
 </div> <!-- End stickem-container -->
 
 <div class="page-loading"></div>
 
 
 <!-- JavaScript -->
 <script type="text/javascript" src="templates/zwiicool/js/jquery-1.9.1.min.js"></script>
 <script type="text/javascript" src="templates/zwiicool/js/jquery-migrate.min.js"></script>
 <script type='text/javascript' src='templates/zwiicool/js/bootstrap.min.js'></script>
 <script type="text/javascript" src="templates/zwiicool/js/jquery-easing.js"></script>
 <script type="text/javascript" src="templates/zwiicool/js/ios-orientationchange-fix.js"></script>
 <script type='text/javascript' src='templates/zwiicool/js/jquery.placeholder.min.js'></script>
 <script type='text/javascript' src='templates/zwiicool/js/jquery.flexslider-min.js'></script>
 <script type='text/javascript' src='templates/zwiicool/js/jquery.swipebox.min.js'></script>
 <script type='text/javascript' src='templates/zwiicool/js/jquery.stickem.js'></script>
 <script type='text/javascript' src='templates/zwiicool/js/ddscrollspy.js'></script>
 <script type="text/javascript" src="templates/zwiicool/js/main.js"></script>

</body>
</html>
