芝麻web文件管理V1.00
编辑当前文件:/home/prismawe/www/indexa.html
<!doctype html> <html lang="fr"> <head> <title></title> <meta charset="utf-8" /> <meta name="description" content="description" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="styles/style.css" rel="stylesheet" type="text/css" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <!-- Pour le menu --> <script src='js/jquery.js'></script> <script src='js/menuHeader.js'></script> <!-- Pour le menu --> <script src='js/menu.js'></script> <!-- Pour le slider --> <script type="text/javascript" src="js/modernizr.custom.28468.js"></script> <link rel="stylesheet" type="text/css" href="styles/style2.css" /> <noscript> <link rel="stylesheet" type="text/css" href="styles/nojs.css" /> </noscript> <!-- Pour le hover des dernieres rea --> <link rel="stylesheet" type="text/css" href="styles/styleHover.css" /> <noscript> <style> .da-thumbs li a div {top:0px;left:-100%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .da-thumbs li a:hover div{left:0px;} </style> </noscript> <!-- Pour le retour en haut --> <script src='js/top.js'></script> </head> <body><!--[if IE]><div id="IE"><![endif]--> <div id="headerSlideContainer"> <div id="headerSlideContent"> <div class="center"> <div class="logo"> <h1><a href="index.html"><img src="images/logoPetit.png" alt="Logo Prisma-Web" /></a></h1> </div> <nav id="menu2"> <ul> <li><a href="index.html"><img src="images/prisme1.png" alt="" /><span>Accueil</span></a></li> <li><a href="agence.html"><img src="images/prisme2.png" alt="" /><span>Agence</span></a></li> <li><a href="rea.html"><img src="images/prisme3.png" alt="" /><span>Réalisations</span></a></li> <li><a href="services.html"><img src="images/prisme4.png" alt="" /><span>Services</span></a></li> <li><a href="partenaires.html"><img src="images/prisme5.png" alt="" /><span>Partenaires</span></a></li> <li><a href="contact.html"><img src="images/prisme6.png" alt="" /><span>Contact</span></a></li> </ul> </nav> </div> </div> </div> <header id="hd1"> <div id="hd2" class="center"> <div class="logo"> <h1><a href="index.html"><img src="images/logo.png" alt="Logo Prisma-Web" /></a></h1> </div> <nav id="menu"> <div class="nav-wrap"> <ul class="group" id="menuHeader"> <li class="current_page_item"><a href="index.html">Accueil<br /><img src="images/prisme1.png" alt="" /></a></li> <li><a href="agence.html">Agence<br /><img src="images/prisme2.png" alt="" /></a></li> <li><a href="rea.html">Réalisations<br /><img src="images/prisme3.png" alt="" /></a></li> <li><a href="services.html">Services<br /><img src="images/prisme4.png" alt="" /></a></li> <li><a href="partenaires.html">Partenaires<br /><img src="images/prisme5.png" alt="" /></a></li> <li id="lastLi"><a href="contact.html">Contact<br /><img src="images/prisme6.png" alt="" /></a></li> </ul> </div> </nav> </div> </header> <div id="banniere"> <div id="da-slider" class="da-slider"> <div class="da-slide"> <h2>Responsive Web Design</h2> <p>Le Responsive Web Design vous permet d'avoir votre site vitrine ou e-commerce adapté et optimisé à tous les formats d'écrans, des ordinateur aux mobiles, en passant par les tablettes.</p> <a href="services.html" class="da-link">En savoir plus</a> <div class="da-img"> <img src="images/responsive.png" alt="image01" /> </div> </div> <div class="da-slide"> <h2>Site e-commerce</h2> <p>Booster vos ventes grâce à votre boutique en ligne, qui vous permettra d'être visible par vos clients internationalement.</p> <a href="services.html" class="da-link">En savoir plus</a> <div class="da-img"> <img src="images/ecommerceSlide.png" alt="image01" /> </div> </div> <div class="da-slide"> <h2>Référencement</h2> <p>Profitez de nos compétences en référencement pour rendre votre site encore plus visible sur internet en vous positionnant dans les premiers résultats des moteurs de recherche.</p> <a href="services.html" class="da-link">En savoir plus</a> <div class="da-img"> <img src="images/refSlide.png" alt="image01" /> </div> </div> <div class="da-slide"> <h2>Nous contacter</h2> <p>Vous avez une question ou un projet à nous proposer? Ecrivez-nous grâce au formulaire de contact ou entrez votre numéro de téléphone, on vous rappelle dès que possible.</p> <a href="contact.html" class="da-link">Page de contact</a> <div class="da-img"> <img src="images/tel.png" alt="image01" /> </div> </div> <nav class="da-arrows"> <span class="da-arrows-prev"></span> <span class="da-arrows-next"></span> </nav> </div> </div> <div class="center"> <div id="produits"> <div class="produit"> <h2>Site Internet</h2> <img src="images/site.png" alt="" /> <p> Etre bien visible sur Internet sera une grande avancée pour votre entreprise.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>E-commerce</h2> <img src="images/ecommerce.png" alt="" /> <p> Etendez votre clientèle au monde entier grace à votre site e-commerce.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Accessibilité</h2> <img src="images/access.png" alt="" /> <p> Rendez votre site accessible à tous les visiteurs qui ont besoin de le consulter.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Version mobile & iPad</h2> <img src="images/responsiv.png" alt="" /> <p> Grâce au Responsive Web Design, votre site sera adapté à toutes les tailles d'écrans.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Maintenance</h2> <img src="images/maintenance.png" alt="" /> <p> Un problème ou un changement à faire sur votre site, on s'en occupe.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Référencement naturel</h2> <img src="images/ref.png" alt="" /> <p> Grâce à notre travail de référencement, votre site sera bientôt dans les premiers résultats des moteurs de recherche.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Campagne Adwords</h2> <img src="images/adwords.png" alt="" /> <p> Créez une campagne Adwords afin d'améliorer le nombre de visite sur votre site.<br /> <a href="services.html">En savoir plus...</a> </p> </div> <div class="produit"> <h2>Intranet</h2> <img src="images/intra.png" alt="" /> <p> Améliorez votre productivité grâce à une solution extra ou intranet efficace pour votre entreprise.<br /> <a href="services.html">En savoir plus...</a> </p> </div> </div> <div id="derniereRea"> <div id="titreRea"> <h2>Nos dernières réalisations</h2> </div> <section> <ul id="da-thumbs" class="da-thumbs"> <li> <a href="ficheADOC.html"> <img src="images/rea/adoc.jpg" /> <div><span>Adoc05</span></div> </a> </li> <li> <a href="ficheDCY.html"> <img src="images/rea/dcy.jpg" /> <div><span>DCY Services</span></div> </a> </li> <li> <a href="ficheItrema.html"> <img src="images/rea/itrema.jpg" /> <div><span>Itrema</span></div> </a> </li> <li> <a href="ficheRubia.html"> <img src="images/rea/rubia.jpg" /> <div><span>Le Rubia</span></div> </a> </li> <li> <a href="ficheThermes.html"> <img src="images/rea/thermes.jpg" /> <div><span>Les Thermes de Digne</span></div> </a> </li> <li> <a href="ficheCoach.html"> <img src="images/rea/coach.jpg" /> <div><span>CoachAPied</span></div> </a> </li> </ul> </section> </div> </div> <footer id="ft1" class="footerIndex"> <div class="center"> <div id="footerLeft"> <a href=""><img src="images/logoFooter.png" alt="logo prisma-web" /></a> <p>Copyright © 2012 Prisma-Web Tous droits réservés<br /> <a href="">Mentions légales</a></p> </div> <div id="social"> <a href="http://www.facebook.com/pages/Prisma-Web/373954509335401"><img src="images/facebook2.png" alt="facebook" onMouseOver="this.src='images/facebook1.png';" onMouseOut="this.src='images/facebook2.png';" /></a> <a href="http://www.twitter.com/_prismaweb"><img src="images/twitter2.png" alt="twitter" onMouseOver="this.src='images/twitter1.png';" onMouseOut="this.src='images/twitter2.png';" /></a> <!-- <a href=""><img src="images/linkedin2.png" alt="linkedin" onMouseOver="this.src='images/linkedin1.png';" onMouseOut="this.src='images/linkedin2.png';" /></a> --> <a href="http://plus.google.com/103500378467282234364"><img src="images/google2.png" alt="google" onMouseOver="this.src='images/google1.png';" onMouseOut="this.src='images/google2.png';" /></a> </div> </div> </footer> <!-- hover sur réa --> <script type="text/javascript" src="js/jquery.hoverdir.js"></script> <script type="text/javascript"> $(function() { $('#da-thumbs > li').hoverdir(); }); </script> <!-- slider --> <script type="text/javascript" src="js/jquery.cslider.js"></script> <script type="text/javascript"> $(function() { $('#da-slider').cslider({ autoplay : true, bgincrement : 10, interval : 4000 }); }); </script> <!--[if IE]></div><![endif]--> </body> </html>