API tools faq
paste
Guest User

Untitled

a guest
Jun 25th, 2018
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>FileSharer</title>
  6.  
  7. <!-- Meta -->
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10.  
  11. <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
  12. <!--[if lt IE 9]>
  13. <script src="js/html5.js"></script>
  14. <![endif]-->
  15.  
  16. <!-- Favicon -->
  17. <link rel="shortcut icon" href="filesharer.ico">
  18.  
  19. <!-- CSS -->
  20. <link rel="stylesheet" href="css/base.css" type="text/css" media="screen">
  21. <link rel="stylesheet" href="css/common.css" type="text/css" media="screen">
  22. <link rel="stylesheet" href="template/default/style.css" type="text/css" media="screen">
  23.  
  24. <!-- JS -->
  25. <script src="js/jquery-1.7.min.js"></script>
  26. <script src="js/dropdown.js"></script>
  27.  
  28. <!-- Lecteur video -->
  29. <link href="video-js/video-js.css" rel="stylesheet">
  30. <script src="video-js/video.js"></script>
  31.  
  32. </head>
  33. <body>
  34. <div class="topbar">
  35. <div class="fill">
  36. <div class="container">
  37. <a class="brand" href="#">FileSharer</a>
  38. <ul class="nav">
  39. <li class="active"><a href="#">Lien 1</a></li>
  40. <li><a href="#">Lien 2</a></li>
  41. <li><a href="#">Lien 3</a></li>
  42. </ul>
  43. <div style="margin-left:10px;" class="pull-right">
  44. <ul class="nav">
  45. <li style="margin-top:-7px;" class="dropdown">
  46. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Langues</a>
  47. <ul class="dropdown-menu lang">
  48. <li><a href="#one" class="langfr">FR - <span class="flag">&nbsp;</span></a></li>
  49. <li><a href="#two" class="langen">EN - <span class="flag">&nbsp;</span></a></li>
  50. </ul>
  51. </li>
  52. </ul>
  53. </div>
  54. <form action="" class="pull-right">
  55. <input class="input-small" type="text" placeholder="Compte">
  56. <input class="input-small" type="password" placeholder="Mot de passe">
  57. <button class="btn primary" type="submit">Se connecter</button>
  58. </form>
  59. </div>
  60. </div>
  61. </div>
  62. <header>
  63. <div class="container">
  64. <div class="logo">
  65. <a href="#"></a>
  66. </div>
  67. <!-- ESPACE PUB -->
  68. </div>
  69. </header>
  70. <nav>
  71. <div class="container">
  72. <div class="nav-inner">
  73. <ul class="nav">
  74. <li class="active"><a href="">Accueil</a></li>
  75. <li><a href="">T&eacute;l&eacute;chargement</a></li>
  76. <li><a href="">Contact</a></li>
  77. <li><a href="">Forum</a></li>
  78. <li><a href="">Support</a></li>
  79. </ul>
  80.  
  81. <form class="navbar-search pull-right" action="">
  82. <input type="text" class="search-query span2" placeholder="Recherche ...">
  83. <button type="submit" class="btn primary">Envoyer</button>
  84. </form>
  85. </div>
  86. </div>
  87. </nav>
  88. <div class="container">
  89. <div class="content">
  90. <div class="page-header">
  91. <h1>FileSharer : <small>Description de ce site, Description de ce site, Description de ce site, Description de ce site, Description de ce site.</small></h1>
  92. </div>
  93. <div class="row">
  94. <div class="span4 left-column" style="margin-right:20px;">
  95. <div class="well side-nav">
  96. <h6 class="nav-label">Menu</h6>
  97. <ul class="nav-group">
  98. <li class="active"><a class="nav-item" href="#">Accueil</a></li>
  99. <li><a class="nav-item" href="#">Qu'est ce que c'est ?</a></li>
  100. <li><a class="nav-item" href="#">Aide</a></li>
  101. </ul>
  102. <h6 class="nav-label">Communauté</h6>
  103. <ul class="nav-group">
  104. <li><a class="nav-item" href="#">Utilisateurs</a></li>
  105. <li><a class="nav-item" href="#">Facebook</a></li>
  106. </ul>
  107. <h6 class="nav-label">Partenaires</h6>
  108. <ul class="nav-group">
  109. <li><a class="nav-item" href="#">Partenaire</a></li>
  110. <li><a class="nav-item" href="#">Partenaire</a></li>
  111. <li><a class="nav-item" href="#">Partenaire</a></li>
  112. <li><a class="nav-item" href="#">Partenaire</a></li>
  113. <li><a class="nav-item" href="#">Partenaire</a></li>
  114. </ul>
  115. </div>
  116. <!-- ESPACE PUB -->
  117. </div>
  118. <div class="span11 content-column">
  119. <ul class="breadcrumb">
  120. <li>
  121. <a href="#">Accueil</a> <span class="divider">/</span>
  122. </li>
  123. <li>
  124. <a href="#">News</a> <span class="divider">/</span>
  125. </li>
  126. <li class="active">
  127. <a href="#">Titre de la news.</a>
  128. </li>
  129. </ul>
  130. <div class="box">
  131. <div class="box-inner news well">
  132. <h3 class="news">
  133. <span class="pull-right">News</span>
  134. <a href="#">Version 0.2 disponible.</a>
  135. </h3>
  136. <div class="by-line">
  137. le 21.01.2012 01:42 <a href="#" class="comments-link">1</a>
  138. </div>
  139. <span class="media-box">
  140. <img class="thumbnail" style="width:90px;height:90px;" src="img/news/none.png" alt="">
  141. </span>
  142. <div class="article-right">
  143. <div class="article-summary">
  144. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  145. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  146. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  147. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  148. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  149. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  150. </p>
  151. </div>
  152. </div>
  153. <span class="clear"><!-- --></span>
  154. </div>
  155. <span class="pull-right" style="margin-top:-16px;">par <a href="#">FileSharer Team</a></span>
  156. </div>
  157. <div class="box">
  158. <div class="box-inner news well">
  159. <h3 class="maj">
  160. <span class="pull-right">Maj</span>
  161. <a href="#">Version 0.2 disponible.</a>
  162. </h3>
  163. <div class="by-line">
  164. le 21.01.2012 01:42 <a href="#" class="comments-link">1</a>
  165. </div>
  166. <span class="media-box">
  167. <img class="thumbnail" style="width:90px;height:90px;" src="img/news/none.png" alt="">
  168. </span>
  169. <div class="article-right">
  170. <div class="article-summary">
  171. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  172. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  173. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  174. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  175. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  176. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  177. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  178. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  179. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  180. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  181. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  182. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  183. </p>
  184. </div>
  185. </div>
  186. <span class="clear"><!-- --></span>
  187. </div>
  188. <span class="pull-right" style="margin-top:-16px;">par <a href="#">FileSharer Team</a></span>
  189. </div>
  190. <div class="box">
  191. <div class="box-inner news well">
  192. <h3 class="maint">
  193. <span class="pull-right">Maintenance</span>
  194. <a href="#">Version 0.2 disponible.</a>
  195. </h3>
  196. <div class="by-line">
  197. le 21.01.2012 01:42 <a href="#" class="comments-link">1</a>
  198. </div>
  199. <span class="media-box">
  200. <img class="thumbnail" style="width:90px;height:90px;" src="img/news/none.png" alt="">
  201. </span>
  202. <div class="article-right">
  203. <div class="article-summary">
  204. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  205. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  206. quis nostrud exercitation ullamco laboris nisi ut al
  207. </p>
  208. </div>
  209. </div>
  210. <span class="clear"><!-- --></span>
  211. </div>
  212. <span class="pull-right" style="margin-top:-16px;">par <a href="#">FileSharer Team</a></span>
  213. </div>
  214. <div class="box">
  215. <div class="box-inner news well">
  216. <h3 class="rappel">
  217. <span class="pull-right">Rappel</span>
  218. <a href="#">Version 0.2 disponible.</a>
  219. </h3>
  220. <div class="by-line">
  221. le 21.01.2012 01:42 <a href="#" class="comments-link">1</a>
  222. </div>
  223. <span class="media-box">
  224. <img class="thumbnail" style="width:90px;height:90px;" src="img/news/none.png" alt="">
  225. </span>
  226. <div class="article-right">
  227. <div class="article-summary">
  228. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  229. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  230. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  231. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  232. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  233. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  234. oluptate velit esse
  235. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  236. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  237. </p>
  238. </div>
  239. </div>
  240. <span class="clear"><!-- --></span>
  241. </div>
  242. <span class="pull-right" style="margin-top:-16px;">par <a href="#">FileSharer Team</a></span>
  243. </div>
  244. <div class="pagination">
  245. <ul>
  246. <li class="prev disabled"><a href="#">&larr; Previous</a></li>
  247. <li class="active"><a href="#">1</a></li>
  248. <li><a href="#">2</a></li>
  249. <li><a href="#">3</a></li>
  250. <li><a href="#">4</a></li>
  251. <li><a href="#">5</a></li>
  252. <li class="next"><a href="#">Next &rarr;</a></li>
  253. </ul>
  254. </div>
  255. <div class="box">
  256. <div class="box-inner well">
  257. <p>Un bloc extensible basique pour un noob.</p>
  258. </div>
  259. </div>
  260. <div class="span6">
  261. <div class="progress info active striped">
  262. <div class="bar" style="width: 45%"></div>
  263. </div>
  264. </div>
  265. <video id="my_video_1" class="video-js vjs-default-skin" controls
  266. preload="auto" width="640" height="264" poster="my_video_poster.png"
  267. data-setup="{}">
  268. <source src="oceans-clip.mp4" type='video/mp4' />
  269. </video>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. <footer>
  275. <div class="container">
  276. <p>© FileSharer 2011</p>
  277. <!-- ESPACE PUB -->
  278. </div>
  279. </footer>
  280. </body>
  281. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!