API tools faq
paste
Advertisement
Guest User

sac4

a guest
Nov 14th, 2018
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.38 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4. <!-- Ligne commentée en HTLM -->
  5. <!-- Required meta tags -->
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.  
  9. <!-- icon facebook - cf footer -->
  10. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  11.  
  12. <!-- Bootstrap CSS -->
  13. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  14. <style>
  15. // DÉBUT DU CSS
  16. a.nav-link:visited, a.nav-link:link {color: black;}
  17. a.nav-link:hover, a.nav-link:active {text-decoration: underline;}
  18. a:visited, a:link {color: black;}
  19. a:hover, a:active {text-decoration: underline;}
  20. .bg-couleurFond {
  21. // Ligne commentée en CSS
  22. // background-color: #000000; /* noir */
  23. background-color: #ffffff; /* blanc */
  24. // background-color: #ff6100; /* orange */
  25. }
  26. .bg-maCouleur {
  27. background-color: #ff6100; /* orange */
  28. // background-color: #ffffff; /* blanc */
  29. }
  30. .bg-maCouleurPlusClaire {
  31. background-color: ff9900; /* orange clair */
  32. }
  33. // FIN DU CSS
  34. </style>
  35. <title>Ebay Kitu</title>
  36. </head>
  37. <!-- <body class="bg-danger mx-5"> -->
  38. <body class="mx-4 bg-couleurFond">
  39. <!-- <h3>Logo - BlaBla - Dame</h3> -->
  40.  
  41. <div class="row bg-maCouleur rounded mx-0">
  42. <div class="col d-flex align-items-center justify-content-center m-3"><img class="img-fluid" src="KITU-point-i-vect-web.png" alt="Card image cap"></div>
  43. <div class="col d-flex align-items-center justify-content-center m-3"><h1>Kit d'habillage bois</h1></div>
  44. <div class="col d-flex align-items-center justify-content-center m-3"><img class="img-fluid" src="service_clients_Kit_Utilitaire.png" alt="Card image cap"></div>
  45. </div>
  46.  
  47. <!-- <h3 class="bg-maCouleur rounded d-flex justify-content-center mt-4 mb-3">Titre 1a</h3> -->
  48.  
  49. <!-- <div class="row mt-5 mb-4"> -->
  50. <div class="row mt-4 mb-4">
  51. <div class="col-5 pr-2 pb-1"><img class="img-fluid rounded" src="40lkc4.jpg" alt="Card image cap"></div>
  52. <div class="col pl-2 d-flex flex-column justify-content-start">
  53. <!-- <div class="col d-flex flex-column justify-content-center"> -->
  54. <!-- <h3 class="bg-maCouleur rounded d-flex justify-content-center mb-3">Titre 1b</h3> -->
  55. <!-- <!-- <div class="col d-flex justify-content-between"> -- -->
  56. <!-- <!-- <div class="col d-flex flex-column justify-content-center"> -- -->
  57. <div class="ml-1">
  58. <!-- <h5>Véhicule</h5> -->
  59. <h5 class="bg-maCouleur rounded d-flex justify-content-left pl-3">Véhicule(s) compatible(s)</h5>
  60. <ul><li>Renault Kangoo</li></ul>
  61. <!-- <h5>Caractéristiques</h5> -->
  62. <h5 class="bg-maCouleur rounded d-flex justify-content-left pl-3">Caractéristiques</h5>
  63. <ul><li>Contreplaqué 15 & 8 mm</li>
  64. <li>Prêt à fixer en 1h</li>
  65. <li>Expédition sous 10 jours</li></ul>
  66. <!-- <h5>La qualité au rendez-vous</h5> -->
  67. <h5 class="bg-maCouleur rounded d-flex justify-content-left pl-3">La qualité au rendez-vous</h5>
  68. <ul><li>Contreplaqué Classe 1 certifié PEFC</li>
  69. <li>Epaisseur 15 mm : Plancher & Passages de Roues</li>
  70. <li>Epaisseur 8 mm : Latéraux & Portes arrières</li></ul>
  71. <!-- </div></div> -->
  72. </div>
  73. </div>
  74. </div>
  75.  
  76. <h3 class="bg-maCouleur rounded d-flex justify-content-center mt-4 mb-3">Kit Utilitaire, c'est aussi...</h3>
  77.  
  78. <div class="card-deck">
  79. <div class="card bg-maCouleurPlusClaire">
  80. <a class="nav-link m-0 p-0" href="http://www.kitutilitaire.com/amenagement-bois-optipro,fr,7,541.cfm">
  81. <img class="card-img-top rounded" src="okc05mh2g-hd-z.jpg" alt="Card image cap">
  82. <div class="card-body">
  83. <h5 class="card-title">Aménagements bois</h5>
  84. <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
  85. <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>-->
  86. </div>
  87. </a>
  88. </div>
  89. <div class="card bg-maCouleurPlusClaire">
  90. <a class="nav-link m-0 p-0" href="http://www.kitutilitaire.com/demande-de-devis-barres-de-toit-et-porte-echelle,fr,7,545.cfm">
  91. <img class="card-img-top" src="Porte-échelle MTS.jpg" alt="Card image cap">
  92. <div class="card-body">
  93. <h5 class="card-title">Systèmes de portage</h5>
  94. <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
  95. <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
  96. </div>
  97. </a>
  98. </div>
  99. <div class="card bg-maCouleurPlusClaire">
  100. <a class="nav-link m-0 p-0" href="http://www.kitutilitaire.com/amenagements-metal-system-edstrom,fr,8,206.cfm">
  101. <img class="card-img-top" src="illustration_2.jpg" alt="Card image cap">
  102. <div class="card-body">
  103. <h5 class="card-title">Aménagements métal</h5>
  104. <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
  105. <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
  106. </div>
  107. </a>
  108. </div>
  109. </div>
  110.  
  111. <!-- <ul class="nav justify-content-center"> -->
  112.  
  113. <ul class="nav justify-content-around mt-4">
  114. <li class="nav-item">
  115. <p class="nav-link"><b>A propos de Kit Utilitaire</b>
  116. <br/><a href="http://www.kitutilitaire.com/equipe-trombinoscope-structure-reseau,fr,8,117.cfm">Qui sommes-nous ?</a>
  117. <br/><a href="http://www.kitutilitaire.com/qualite_et_savoir-faire,fr,8,198.cfm">Qualité & savoir-faire</a>
  118. <br/><a href="http://www.kitutilitaire.com/faq,fr,8,186.cfm">FAQ</a>
  119. </p>
  120. </li>
  121. <li class="nav-item">
  122. <p class="nav-link"><b>Nous contacter</b>
  123. <br/><a href="http://www.kitutilitaire.com/formulaire_contact_kitutilitaire,fr,7,519.cfm">Besoin d'un conseil ?</a>
  124. <br/><a href="http://www.kitutilitaire.com/formulaire_contact_kitutilitaire,fr,7,519.cfm">Demandez un devis</a>
  125. <br/><a href="https://fr-fr.facebook.com/KitUtilitaire/"><i class="fab fa-facebook"></i> Suivez-nous sur Facebook </a>
  126. </p>
  127. </li>
  128. <!-- <li class="nav-item"> -->
  129. <!-- <p class="nav-link"><b>Footer c (sans liens)</b> -->
  130. <!-- <br/>testc1 -->
  131. <!-- <br/>testc2 -->
  132. <!-- <br/>testc3 -->
  133. <!-- </p> -->
  134. <!-- </li> -->
  135. <!-- <li class="nav-item"> -->
  136. <!-- <a class="nav-link" href="http://www.facebook.com/blabla"><i class="fab fa-facebook"></i> blabla </a> -->
  137. <!-- </li> -->
  138. </ul>
  139.  
  140. <!-- Optional JavaScript -->
  141. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  142. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  143. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  144. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  145. </body>
  146. </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!