API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 1st, 2017
374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <link rel="stylesheet" type="text/css" href="./css/style.css" />
  7. <link rel="stylesheet" type="text/css" href="./css/Bulma/bulma-0.6.0/bulma.css" />
  8. <link rel="stylesheet" type="text/css" href="./css/font-awesome-4.7.0/css/font-awesome.css">
  9. <script src="./js/javascript.js"></script>
  10. </head>
  11.  
  12. <body>
  13.  
  14.  
  15. <header class="container">
  16. <nav class="navbar" role=navigation ">
  17. <div class="navbar-brand ">
  18. <a class="navbar-item " href="https://bulma.io ">
  19. <img srcset="./images/bulma.png " height:="50 " width="50 " >
  20. <a class="navbar-item "><p><h1><b>BULMA</b></h1></p> </a>
  21. </a>
  22. <button class="button navbar-burger ">
  23. <span></span>
  24. <span></span>
  25. <span></span>
  26.  
  27. </button>
  28. </div>
  29. <div class="navbar-menu is-active ">
  30. <div class="navbar-start ">
  31. <div class="navbar-item ">
  32. <a href="index.html " >Home</a>
  33. </div>
  34. <div class="navbar-item ">
  35. <a href="nutzerliste.html ">Nutzerliste</a>
  36. </div>
  37. <div class="navbar-item ">
  38. <a href="postliste.html " >Postliste</a>
  39. </div>
  40. </div>
  41. </div>
  42. </nav>
  43. </header>
  44.  
  45. <section style="width:95%;padding-left:12%; padding-right:12% ">
  46. <section id="hideIt">
  47. <!-- erste Karte -->
  48. <section class="columns">
  49. <section class="comments leftRightTopPaddingComments column ">
  50.  
  51. <div class="card ">
  52. <div class="card-image ">
  53. <figure class="image is-256x256 ">
  54. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  55. </figure>
  56. </div>
  57. <div class="card-content ">
  58.  
  59. <div class="media-left ">
  60. </div>
  61.  
  62. <div class="level-left " >
  63. <span class="icon is-small "><i class="fa fa-user "></i></span>
  64. <p style="margin-left:10px ">
  65. Mrs. Dennis Schulist
  66. </p>
  67.  
  68. </div>
  69. <div class="level-left " >
  70. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  71. <p style="margin-left:10px ">
  72. Karley_Dach@jasper.info
  73. </p>
  74.  
  75. </div>
  76.  
  77. <div class="level-left is-horizontal " >
  78. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  79. <p style="margin-left:10px ">
  80. ola.org
  81. </p>
  82.  
  83. </div>
  84. <div class="level-left is-horizontal ">
  85. <a class="button is-primary level-right " style="margin-top:1%; margin-left:5% ">Post anzeigen</a>
  86. </div>
  87. </div>
  88. </div>
  89. </section>
  90.  
  91.  
  92.  
  93. <!-- zweite Karte -->
  94.  
  95. <section class="comments leftRightTopPaddingComments column ">
  96. <!-- erste Karte -->
  97. <div class="card " >
  98. <div class="card-image ">
  99. <figure class="image is-256x256 ">
  100. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  101. </figure>
  102. </div>
  103. <div class="card-content ">
  104.  
  105. <div class="media-left ">
  106. </div>
  107.  
  108. <div class="level-left " >
  109. <span class="icon is-small "><i class="fa fa-user "></i></span>
  110. <p style="margin-left:10px ">
  111. Leanne Graham
  112. </p>
  113.  
  114. </div>
  115. <div class="level-left " >
  116. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  117. <p style="margin-left:10px ">
  118. Sincere@april.biz
  119. </p>
  120.  
  121. </div>
  122.  
  123. <div class="level-left is-horizontal " >
  124. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  125. <p style="margin-left:10px ">
  126. hildegard.org
  127. </p>
  128.  
  129. </div>
  130. <div class="level-left is-horizontal ">
  131.  
  132. <button class="button is-primary level-right " style="margin-top:1%; margin-left:5%" onclick="listPosts('posts?userId=4', 'Leanne Graham'); hide()">Post anzeigen</button>
  133.  
  134. </div>
  135. </div>
  136. </div>
  137. </section>
  138.  
  139.  
  140. <!-- dritte karte -->
  141.  
  142. <section class="comments leftRightTopPaddingComments column ">
  143.  
  144. <div class="card ">
  145. <div class="card-image ">
  146. <figure class="image is-256x256 ">
  147. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  148. </figure>
  149. </div>
  150. <div class="card-content ">
  151.  
  152. <div class="media-left ">
  153. </div>
  154.  
  155. <div class="level-left " >
  156. <span class="icon is-small "><i class="fa fa-user "></i></span>
  157. <p style="margin-left:10px ">
  158. Ervin Howell
  159. </p>
  160.  
  161. </div>
  162. <div class="level-left " >
  163. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  164. <p style="margin-left:10px ">
  165. Shanna@melissa.tv
  166. </p>
  167.  
  168. </div>
  169.  
  170. <div class="level-left is-horizontal " >
  171. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  172. <p style="margin-left:10px ">
  173. anastasia.net
  174. </p>
  175.  
  176. </div>
  177. <div class="level-left is-horizontal ">
  178. <a class="button is-primary level-right " style="margin-top:1%; margin-left:5% ">Post anzeigen</a>
  179. </div>
  180. </div>
  181. </div>
  182. </section>
  183. </section>
  184. <!-- vierte Karte -->
  185. <section class="columns " >
  186. <section class="comments leftRightTopPaddingComments column ">
  187. <!-- erste Karte -->
  188. <div class="card " >
  189. <div class="card-image ">
  190. <figure class="image is-256x256 ">
  191. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  192. </figure>
  193. </div>
  194. <div class="card-content ">
  195.  
  196. <div class="media-left ">
  197. </div>
  198.  
  199. <div class="level-left " >
  200. <span class="icon is-small "><i class="fa fa-user "></i></span>
  201. <p style="margin-left:10px ">
  202. Clementine Bauch
  203. </p>
  204.  
  205. </div>
  206. <div class="level-left " >
  207. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  208. <p style="margin-left:10px ">
  209. Nathan@yesenia.net
  210. </p>
  211.  
  212. </div>
  213.  
  214. <div class="level-left is-horizontal " >
  215. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  216. <p style="margin-left:10px ">
  217. amiro.info
  218. </p>
  219.  
  220. </div>
  221. <div class="level-left is-horizontal ">
  222. <a class="button is-primary level-right " style="margin-top:1%; margin-left:5% ">Post anzeigen</a>
  223. </div>
  224. </div>
  225. </div>
  226. </section>
  227.  
  228. <!-- fünfte Karte -->
  229.  
  230. <section class="comments leftRightTopPaddingComments column ">
  231. <!-- erste Karte -->
  232. <div class="card ">
  233. <div class="card-image ">
  234. <figure class="image is-256x256 ">
  235. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  236. </figure>
  237. </div>
  238. <div class="card-content ">
  239.  
  240. <div class="media-left ">
  241. </div>
  242.  
  243. <div class="level-left " >
  244. <span class="icon is-small "><i class="fa fa-user "></i></span>
  245. <p style="margin-left:10px ">
  246. Patricia Lebsack
  247. </p>
  248.  
  249. </div>
  250. <div class="level-left " >
  251. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  252. <p style="margin-left:10px ">
  253. Julianne.OConner@kory.org
  254. </p>
  255.  
  256. </div>
  257.  
  258. <div class="level-left is-horizontal " >
  259. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  260. <p style="margin-left:10px ">
  261. kale.biz
  262. </p>
  263.  
  264. </div>
  265. <div class="level-left is-horizontal ">
  266. <a class="button is-primary level-right " style="margin-top:1%; margin-left:5% " href="posts.html">Post anzeigen</a>
  267. </div>
  268. </div>
  269. </div>
  270. </section>
  271.  
  272. <!-- sechste Karte -->
  273.  
  274. <section class="comments leftRightTopPaddingComments column ">
  275. <!-- erste Karte -->
  276. <div class="card " >
  277. <div class="card-image ">
  278. <figure class="image is-256x256 ">
  279. <img src="https://bulma.io/images/placeholders/1280x960.png " alt="Placeholder image ">
  280. </figure>
  281. </div>
  282. <div class="card-content ">
  283.  
  284. <div class="media-left ">
  285. </div>
  286.  
  287. <div class="level-left " >
  288. <span class="icon is-small "><i class="fa fa-user "></i></span>
  289. <p style="margin-left:10px ">
  290. Chelsey Dietrich
  291. </p>
  292.  
  293. </div>
  294. <div class="level-left " >
  295. <span class="icon is-small "><i class="fa fa-envelope "></i></span>
  296. <p style="margin-left:10px ">
  297. Lucio_Hettinger@annie.ca
  298. </p>
  299.  
  300. </div>
  301.  
  302. <div class="level-left is-horizontal " >
  303. <span class="icon is-small "><i class="fa fa-globe "></i></span>
  304. <p style="margin-left:10px ">
  305. demarco.info
  306. </p>
  307.  
  308. </div>
  309. <div class="level-left is-horizontal ">
  310. <a class="button is-primary level-right " style="margin-top:1%; margin-left:5% ">Post anzeigen</a>
  311. </div>
  312. </div>
  313. </div>
  314. </section>
  315. </section>
  316. </section>
  317.  
  318. <section class="box fiesta" id="sec1" ></section>
  319.  
  320. </section>
  321.  
  322.  
  323.  
  324. <footer> </footer>
  325. </body>
  326.  
  327. </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!