Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
- lang="fr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>déclick</title>
- <link href="espprostyle.css" rel="stylesheet" media="screen" />
- <style type="text/css"></style>
- </head>
- <body>
- <div id="top"></div>
- <div id="conteneur">
- <div id="menu">
- <ul>
- <li><a href="#" style="border-bottom-left-radius:4px">Accueil</a></li>
- <li><a href="#">Téléphonie</a>
- <ul>
- <li><a href="#">Téléphones</a></li>
- <li><a href="#">Tablets</a></li>
- <li><a href="#">Accessoires</a></li>
- <li><a href="#">Packs MAJ</a></li>
- </ul>
- </li>
- <li><a href="#">Informatique</a>
- <ul>
- <li><a href="#">Unités centrales</a></li>
- <li><a href="#">Packs</a></li>
- <li><a href="#">Périphériques</a></li>
- <li><a href="#">Ordinateurs portables</a></li>
- </ul>
- </li>
- <li><a href="#">Espace professionnel</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </div>
- <div id="contenu"></div>
- <div class="wrag">
- <ul class="menu" style="border-radius:4px">
- <div class="Prestations">
- <li>Prestations</li>
- </div>
- <li><a href="#">Téléphonie</a>
- <ul>
- <li><a href="#">Forfaits mobiles</a>
- <li><a href="#">Accessoires</a>
- <li><a href="#">Réparations</a>
- <li><a href="#">Packs</a>
- </ul>
- </li>
- <li><a href="#">Informatique</a>
- <ul>
- <li><a href="#">Vente d'ordinateurs</a>
- <li><a href="#">Réparations</a>
- <li><a href="#">Conseils</a>
- <li><a href="#">Cours d'informatique</a>
- </ul>
- </li>
- <li><a href="#">Qualité</a></li>
- <li><a href="#">Tarifs</a></li>
- </ul>
- </div>
- <div id="cadre">
- <div id="texte"><li>Espace professionnel</li>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius vestibulum lectus nec pulvinar. Proin at turpis diam, rutrum porttitor nisl.<br>
- Sed eleifend blandit tristique. Pellentesque dictum, metus id porttitor laoreet, dui odio eleifend mauris</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius vestibulum lectus nec pulvinar. Proin at turpis diam, rutrum porttitor nisl.<br>
- Sed eleifend blandit tristique. Pellentesque dictum, metus id porttitor laoreet, dui odio eleifend mauris</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius vestibulum lectus nec pulvinar. Proin at turpis diam, rutrum porttitor nisl.<br>
- Sed eleifend blandit tristique. Pellentesque dictum, metus id porttitor laoreet, dui odio eleifend mauris</p>
- </div>
- </div>
- <div class="photo"><img src="theme/haf.png"></div>
- <div id="footer">
- <div id="trait1"></div>
- <div class="col">
- <h3>Informations</h3>
- <ul>
- <li><a href="#">Qui sommes-nous?</a></li>
- <li><a href="#">La société</a></li>
- <li><a href="#">Mentions légales</a></li>
- </ul>
- </div>
- <div class="col2">
- <h3>Contact</h3>
- <ul>
- <li><a href="#">Mail</a></li>
- <li><a href="#">Téléphone</a></li>
- <li><a href="#">Courrier</a></li>
- </ul>
- </div>
- <div class="col3">
- <h3>Suivez-nous!</h3>
- <ul>
- <li><a href="#">Facebook</a></li>
- <li><a href="#">Twitter</a></li>
- </ul>
- </div>
- <div id="trait2"><div class="copyright">Copyright 2012 www.déclick.fr</div></div>
- </div>
- <div class="clear"></div>
- </div>
- <script src="jquery.js"></script>
- <script>
- $('#menu li').hover(function(){
- $('ul:first',this).css({visibility:"visible",display:"none"}).fadeIn(600).show();
- },function(){
- $('ul',this).css({visibility:"hidden",});
- });
- </script>
- </body>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript" src="caroufredsel.js"></script>
- <script type="text/javascript">
- $('#carrousel').caroufredsel({
- direction : 'up',
- scroll : {
- fx : 'crossfade'
- }
- })
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement