Merci d'avance
Cordialement
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>BizzBuzz</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="BizzBuzz" />
<meta name="description" content="Vidéos en buzz avec Facebook" />
<meta name="keywords" content="vidéo, buzz, BIZZBUZZ, bizzbuzz, BizzBuzz, Bizz Buzz, facebook" />
<meta name="language" content="fr" />
<meta name="subject" content="Vidéos" />
<meta name="robots" content="All" />
<meta name="copyright" content="no" />
<meta name="abstract" content="Vidéos en buzz avec Facebook" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
<script type="text/javascript" language="javascript" src="js/addon.js"></script>
<script type="text/javascript" language="javascript" src="js/custom.js"></script>
</head>
<body>
<div id="fb-root"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner"></div>
</div>
<div id="topnav">
<ul>
<li id="current" style="border:none">
<a href="/" shape="rect">Accueil</a>
</li>
<li>
<a href="#" shape="rect">Vidéos</a>
</li>
<li>
<a shape="rect" href="javascript:void(0)" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'">Contact</a>
</li>
</ul>
</div>
<!-- end top wrapper -->
<div id="wrapper">
<div id="container">
<div id="banner" class="slideshowContainer">
<!-- put your slideshow images here -->
<div class="slideshow">
<a shape="rect">
<img src="http://www.photo-libre.fr/fonds/12.jpg" alt="erreur" />
</a>
<a shape="rect">
<img src="http://www.photo-libre.fr/fonds/13.jpg" alt="erreur" />
</a>
<a shape="rect">
<img src="http://www.photo-libre.fr/fonds/11.jpg" alt="erreur />
< /a>
</div>
<div class="slideshowLeftCorner"></div>
<div class="slideshowRightCorner"></div>
<div class="slideshowBottom"></div>
</div>
<!-- content -->
<div id="content">
<div style="margin-top:20px;">
<div class="one_fourth">
<div class="bloc rounded">
<h3>Facebook</h3>
<p>
<img src="http://www.mcss.gov.on.ca/images/mcss/about/facebook_logo.png" style="float:right;margin:0 0 0 8px" height="48" /> Partagez ou importez des vidéos directement depuis facebook.
</p>
</div>
</div>
<div class="one_fourth">
<div class="bloc rounded">
<h3>Lecteur</h3>
<p>
<img src="http://findicons.com/files//icons/734/phuzion/96/video.png" style="float:right;margin:0 0 0 8px" height="48" /> Avec le lecteur Video.js HTML 5 regardez des vidéos de qualité. <a href="http://videojs.com/" target="_blank">Plus +</a>
</p>
</div>
</div>
<div class="one_fourth">
<div class="bloc rounded">
<h3>Cufon fonts</h3>
<p>
<img src="images/link.png" style="float:right;margin:0 0 0 8px" /> Lorem ipsum dolor sit amet, turpis egestas commodo, eget non ultrices nec lectus, ac interdum, netus aliquam.
</p>
</div>
</div>
<div class="one_fourth last">
<div class="bloc rounded">
<h3>Tableless</h3>
<p>
<img src="images/rss2.png" style="float:right;margin:0 0 0 8px" /> Lorem ipsum dolor sit amet, turpis egestas commodo, eget non ultrices nec lectus, ac interdum, netus aliquam.
</p>
</div>
</div>
<div class="clear"></div>
<div>
<h1><a name="facebook"></a>Rejoignez Facebook ou connectez-vous!</h1>
<p><a href="#" onClick="window.open('http://www.facebook.com/','Connexion | Facebook','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=500, height=500');return(false)"><img src="facebook.png" alt="Connexion avec Facebook" /></p>
<h1>Testez le lecteur</h1>
<video id="exemple_video_1" class="video-js vjs-default-skin" controls width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.jpg" preload="auto" data-setup="{}">
<source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>
<div id="osmplayer"></div>
</p>
</div>
<div class="half">
<h3><a name="quoi"></a>Quezaco?</h3>
<p>BizzBuzz est un site de vidéos Buzz</p>
</div>
<div class="half last">
<h3>Lightweight XHTML / CSS template</h3>
<p>Lorem ipsum dolor sit amet, turpis egestas commodo, eget non ultrices nec lectus, ac interdum, netus aliquam.</p>
</div>
<div class="half">
<div class="fb-like" data-href="http://ioooo.hostzi.com/" data-send="true" data-width="450" data-show-faces="true" data-font="arial"></div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- end content -->
<div class="clear" style="height:40px"></div>
</div>
<!-- end container -->
</div>
<div id="bottomWrapper">
<div id="footer">
<div class="footer-one-third">
<h2>BIZZBUZZ</h2>
<ul>
<li>
<a href="#facebook" shape="rect">Facebook</a>
</li>
<li>
<a href="#quoi" shape="rect">Quezaco?</a>
</li>
</ul>
</div>
<div class="footer-one-third">
<h2>Merci</h2>
<ul>
<li>
à <a href="http://www.photo-libre.fr/" shape="rect" target="_blank">Photo Libre</a> pour ses images.
</li>
<li>
à <a href="http://propulsite.com/" shape="rect" target="_blank">Propulsite</a> pour ses formulaires.
</li>
<li>
à <a href="http://videojs.com/" shape="rect" target="_blank">Video.js</a> pour son lecteur vidéo.
</li>
<li>
<a href="http://www.w3.org/html/logo/" target="_blank"><img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-multimedia.png" width="165" height="64" alt="HTML5 Powered with CSS3 / Styling, and Multimedia" title="HTML5 Powered with CSS3 / Styling, and Multimedia"></a>
</li>
</ul>
</div>
<div class="footer-one-third footer-last">
<h2>Archives</h2>
<ul>
</ul>
</div>
</div>
<div id="bottom-links">
<div style="padding-top:20px">
<!--
DO NOT REMOVE OR MODIFY THE FOOTER LINK BELOW.
If you want to remove this link please make a 10 dollars donation at www.dotemplate.com
-->
<a href="http://www.dotemplate.com" shape="rect">Templates maker</a> Site créé par Emerick Herve
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="/video/style.css" />
<!-- LOG IN FORM - WRITE DOWN HERE -->
<div id="light1" class="white_box">
<!--Debut du code de votre formulaire a placer dans 'BODY' du code source de votre page :-->
<!--Lien de retour obligatoire, un robot verifi regulierement et supprime les formulaires si-necessaire.-->
<!--Formulaire :-->
<script type="text/javascript" src="http://propulsite.com/formulaires/js_6588-6344cd7b18e91b.js" ></script>
<!--iframe ou sera envoye les donnees :-->
<iframe name="IframeRepPropulsite_6344cd7b18e91b" id="IframeRepPropulsite_6344cd7b18e91b" src="http://propulsite.com/formulaires/frame.html" height="0" width="0" scrolling="no" frameborder="0">Pour envoyer des données, votre navigateur doit accepter les Iframes ou cadres, c'est sans danger pour votre machine.</iframe><br />
<a href="http://propulsite.com/formulaires/" title="Créez gratuitement votre formulaire de contact." alt="Créez gratuitement votre formulaire de contact.">Propulsite</a>
<!--Fin du code de votre formulaire-->
</div>
<!-- Javascript for hidding div with LogIn form and the fade effect with it -->
<a onclick="document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'" href="javascript:void(0)">
<div id="fade" class="black_overlay1" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'">
</div>
</a>
<!-- drunk, fix later -->
<!-- Javascript for hidding div with Register form and the fade effect with it -->
<a onclick="document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'" href="javascript:void(0)">
<div id="fade" class="black_overlay2" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'">
</div>
</a>
</body>
</html>
<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->