API tools faq
paste
Advertisement
Guest User

fsdfdsfds

a guest
Nov 21st, 2019
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.94 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  11. <link rel="stylesheet" href="../css/style.css">
  12. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  13. <!-- Font Awesome -->
  14. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  15. <!-- Bootstrap core CSS -->
  16. <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  17. <!-- Material Design Bootstrap -->
  18. <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.11/css/mdb.min.css" rel="stylesheet">
  19. <body>
  20. <nav class="navbar navbar-light bg-dark">
  21. <a class="btn btn-outline-success my-2 my-sm-0">Mon Blog</a>
  22.  
  23. <form class="form-inline">
  24. <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
  25. <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
  26. </form>
  27. </nav>
  28. <div class="home">
  29. <!--Carousel Wrapper-->
  30. <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
  31. <!--Indicators-->
  32. <ol class="carousel-indicators">
  33. <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
  34. <li data-target="#carousel-example-1z" data-slide-to="1"></li>
  35. <li data-target="#carousel-example-1z" data-slide-to="2"></li>
  36. </ol>
  37. <!--/.Indicators-->
  38. <!--Slides-->
  39. <div class="carousel-inner" role="listbox">
  40. <!--First slide-->
  41. <div class="carousel-item active">
  42. <img class="d-block w-100" src="../img/208553.gif"
  43. alt="First slide">
  44. </div>
  45. <!--/First slide-->
  46. <!--Second slide-->
  47. <div class="carousel-item">
  48. <img class="d-block w-100" src="../img/giphy.gif"
  49. alt="Second slide">
  50. </div>
  51. <!--/Second slide-->
  52. <!--Third slide-->
  53. <div class="carousel-item">
  54. <img class="d-block w-100" src="../img/1518176280_1149a9b139718e8cfef4311ed2b41346.gif"
  55. alt="Third slide">
  56. </div>
  57. <!--/Third slide-->
  58. </div>
  59. <!--/.Slides-->
  60. <!--Controls-->
  61. <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev">
  62. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  63. <span class="sr-only">Previous</span>
  64. </a>
  65. <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next">
  66. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  67. <span class="sr-only">Next</span>
  68. </a>
  69. <!--/.Controls-->
  70. </div>
  71. <!--/.Carousel Wrapper-->
  72. </div>
  73.  
  74. </header>
  75. <!-- Navigation -->
  76. <div class="container mt-5">
  77.  
  78.  
  79. <!--Section: Content-->
  80. <section class="">
  81.  
  82. <!-- Grid row -->
  83. <div class="row">
  84.  
  85. <!-- Grid column -->
  86. <div class="col-lg-5 col-md-12 mb-lg-0 mb-4">
  87.  
  88. <!-- Featured image -->
  89. <div class="view overlay rounded z-depth-1 mb-lg-0 mb-4">
  90. <img class="img-fluid" src="../img/wp3867561.jpg" alt="Sample image">
  91. <a>
  92. <div class="mask rgba-white-slight"></div>
  93. </a>
  94. </div>
  95.  
  96. </div>
  97. <!-- Grid column -->
  98.  
  99. <!-- Grid column -->
  100. <div class="col-lg-7 col-md-6 mb-md-0 mb-4 mt-xl-4">
  101.  
  102. <h2 class="font-weight-normal mb-4">L'histoire de Naruto</h2>
  103. <p class="text-muted">L'histoire commence pendant l'adolescence de Naruto, vers ses douze ans. Orphelin cancre et grand farceur, il fait toutes les bêtises possibles pour se faire remarquer. Son rêve : devenir Hokage afin d'être reconnu par les habitants de son village. En effet, le démon renard à neuf queues scellé en lui a attisé la crainte et le mépris des autres villageois, qui, avec le temps, ne font plus de différence entre Kyûbi et Naruto. Malgré cela, Naruto s'entraîne dur afin de devenir genin, le premier niveau chez les ninjas.
  104.  
  105. Après avoir raté l'examen genin 3 fois, il arrive finalement à recevoir son bandeau frontal de ...</p>
  106. <a class="btn btn-outline-primary mx-0" href="#">Lire la suite <i class="fa fa-arrow-right fs-9 ml-2"></i></a>
  107.  
  108. </div>
  109. <!-- Grid column -->
  110.  
  111. </div>
  112. <!-- Grid row -->
  113.  
  114. </section>
  115. <!--Section: Content-->
  116.  
  117.  
  118. </div>
  119. <div class="container mt-5">
  120.  
  121.  
  122. <!--Section: Content-->
  123. <section class="">
  124.  
  125. <!-- Grid row -->
  126. <div class="row">
  127.  
  128. <!-- Grid column -->
  129. <div class="col-lg-5 col-md-12 mb-lg-0 mb-4">
  130.  
  131. <!-- Featured image -->
  132. <div class="view overlay rounded z-depth-1 mb-lg-0 mb-4">
  133. <img class="img-fluid" src="../img/m4IBRy.jpg" alt="Sample image">
  134. <a>
  135. <div class="mask rgba-white-slight"></div>
  136. </a>
  137. </div>
  138.  
  139. </div>
  140. <!-- Grid column -->
  141.  
  142. <!-- Grid column -->
  143. <div class="col-lg-7 col-md-6 mb-md-0 mb-4 mt-xl-4">
  144.  
  145. <h3 class="font-weight-normal mb-4">L'histoire de Monkey D. Luffy</h3>
  146. <p class="text-muted">Luffy est présenté comme un personnage insouciant, enjoué et enjoué, doté d'une grande ambition et d'un appétit énorme, qui réfléchit souvent avec son estomac et se gaver de façon comique. Optimiste et généralement bon cœur, il n'est pas aussi confus que beaucoup le croient et fait souvent preuve de plus de compréhension que ce que les autres personnages attendent. Conscient du danger, Luffy est prêt à risquer sa vie pour devenir le roi des pirates et protéger son équipage. Capitaine compétent et digne de confiance, il ne met jamais son équipage ni lui-même en danger par incompétence...</p>
  147. <a class="btn btn-outline-primary mx-0" href="#">Read More <i class="fa fa-arrow-right fs-9 ml-2"></i></a>
  148.  
  149. </div>
  150. <!-- Grid column -->
  151.  
  152. </div>
  153. <!-- Grid row -->
  154.  
  155. </section>
  156. <!--Section: Content-->
  157. </div>
  158. <div class="container mt-5">
  159.  
  160.  
  161. <!--Section: Content-->
  162. <section class="">
  163.  
  164. <!-- Grid row -->
  165. <div class="row">
  166.  
  167. <!-- Grid column -->
  168. <div class="col-lg-5 col-md-12 mb-lg-0 mb-4">
  169.  
  170. <!-- Featured image -->
  171. <div class="view overlay rounded z-depth-1 mb-lg-0 mb-4">
  172. <img class="img-fluid" src="../img/299813.jpg" alt="Sample image">
  173. <a>
  174. <div class="mask rgba-white-slight"></div>
  175. </a>
  176. </div>
  177.  
  178. </div>
  179. <!-- Grid column -->
  180.  
  181. <!-- Grid column -->
  182. <div class="col-lg-7 col-md-6 mb-md-0 mb-4 mt-xl-4">
  183.  
  184. <h3 class="font-weight-normal mb-4">L'histoire de Goku</h3>
  185. <p class="text-muted">Bonjour, je m'appelle Goku, Son Goku. Je suis né sur la planète Végéta comme mes frères Raditz et Thalès, mais je n'y ai jamais vécu. C'est sur terre que j'ai passé mon enfance et, comme mon père Badak ne pouvait pas s'occuper de moi, c'est mon grand-père adoptif, le vieux Son Gohan qui m'a élevé. Je suis un sayien de naissance, mais un terrien de coeur. (résumé du DragonBall n°0)Mon père,.....</p>
  186. <a class="btn btn-outline-primary mx-0" href="/pages/L'histoire-de-Goku.html">Read More <i class="fa fa-arrow-right fs-9 ml-2"></i></a>
  187.  
  188. </div>
  189. <!-- Grid column -->
  190.  
  191. </div>
  192. <!-- Grid row -->
  193.  
  194. </section>
  195. <!--Section: Content-->
  196. </div>
  197. <div class="container mt-5">
  198.  
  199.  
  200. <!--Section: Content-->
  201. <section class="">
  202.  
  203. <!-- Grid row -->
  204. <div class="row">
  205.  
  206. <!-- Grid column -->
  207. <div class="col-lg-5 col-md-12 mb-lg-0 mb-4">
  208.  
  209. <!-- Featured image -->
  210. <div class="view overlay rounded z-depth-1 mb-lg-0 mb-4">
  211. <img class="img-fluid" src="../img/AEu7Dv.jpg" alt="Sample image">
  212. <a>
  213. <div class="mask rgba-white-slight"></div>
  214. </a>
  215. </div>
  216.  
  217. </div>
  218. <!-- Grid column -->
  219.  
  220. <!-- Grid column -->
  221. <div class="col-lg-7 col-md-6 mb-md-0 mb-4 mt-xl-4">
  222.  
  223. <h3 class="font-weight-normal mb-4">L'histoire de Kirua</h3>
  224. <p class="text-muted">Zéno est un très puissant assassin. Il est le père de Silva, et donc le grand-père de Kirua. Comme son fils, il est relativement compréhensif. Il a beaucoup de préoccupations pour Kirua qu'il considère comme un des Zoldik les plus puissants (pour son âge) qui soit...</p>
  225. <a class="btn btn-outline-primary mx-0" href="#">Read More <i class="fa fa-arrow-right fs-9 ml-2"></i></a>
  226.  
  227. </div>
  228. <!-- Grid column -->
  229.  
  230. </div>
  231. <!-- Grid row -->
  232.  
  233. </section>
  234. <!--Section: Content-->
  235. </div>
  236.  
  237. <div class="container z-depth-1 my-5 px-0">
  238.  
  239. <!--Section: Content-->
  240. <section class="p-5 my-md-5 text-center"
  241. style="background-image: url(https://images.alphacoders.com/605/thumb-1920-605592.png); background-size: cover; background-position: center center;">
  242.  
  243. <!-- Section heading -->
  244. <h3 class="text-center font-weight-bold text-white mt-5 mb-3">Contact Us</h3>
  245. <!-- Section description -->
  246. <h4 class="text-center font-weight-normal text-white mx-auto mb-4 pb-2">We love to hear from you!</h4>
  247.  
  248. <form class="mb-5 mx-md-5" action="">
  249.  
  250. <div class="row">
  251. <div class="col-md-4 mb-4">
  252.  
  253. <!-- Name -->
  254. <input type="text" id="name" class="form-control" placeholder="Name">
  255.  
  256. </div>
  257. <div class="col-md-4 mb-4">
  258.  
  259. <!-- Email -->
  260. <input type="email" id="email" class="form-control" placeholder="Email">
  261.  
  262. </div>
  263. <div class="col-md-4 mb-4">
  264.  
  265. <!-- Phone -->
  266. <input type="number" id="phone" class="form-control" placeholder="Phone (optional)">
  267.  
  268. </div>
  269. </div>
  270.  
  271. <div class="row">
  272. <div class="col-md-12 mb-4">
  273.  
  274. <!-- Subject -->
  275. <input type="text" id="subject" class="form-control" placeholder="Subject">
  276.  
  277. </div>
  278. </div>
  279.  
  280. <div class="row">
  281. <div class="col-md-12">
  282.  
  283. <div class="form-group mb-4">
  284. <textarea class="form-control rounded" id="message" rows="3" placeholder="How can we help?"></textarea>
  285. </div>
  286.  
  287. <div class="text-center">
  288. <button type="submit" class="btn btn-elegant">Submit</button>
  289. </div>
  290.  
  291. </div>
  292. </div>
  293.  
  294. </form>
  295.  
  296. </section>
  297. <!--Section: Content-->
  298.  
  299.  
  300. </div>
  301. <!-- Footer -->
  302. <footer class="page-footer font-small blue">
  303.  
  304. <!-- Copyright -->
  305. <div class="footer-copyright text-center py-3">© 2019 Copyright:
  306. <a href="#"> Kakashi</a>
  307. </div>
  308. <!-- Copyright -->
  309.  
  310. </footer>
  311. <!-- Footer -->
  312. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  313. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  314. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  315. </body>
  316. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!