API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 18th, 2018
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!--
  3. Strongly Typed by HTML5 UP
  4. html5up.net | @ajlkn
  5. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  6. -->
  7. <html>
  8. <head>
  9. <title>No Sidebar - Strongly Typed by HTML5 UP</title>
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1" />
  12. <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
  13. <link rel="stylesheet" href="assets/css/main.css" />
  14. <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  15. </head>
  16. <body class="no-sidebar">
  17. <!-- ###DOCUMENT_BODY### -->
  18. <div id="page-wrapper">
  19.  
  20. <!-- Header -->
  21. <div id="header-wrapper">
  22. <div id="header" class="container">
  23.  
  24. <!-- Logo -->
  25. <h1 id="logo"><a href="index.php">Unterwegs im Ruhrgebiet</a></h1>
  26. <p>Kreuz und Quer durch den Ruhrpott.</p>
  27.  
  28. <!-- Nav -->
  29. <nav id="nav">
  30. <!-- ###NAVIGATION### -->
  31. <ul>
  32. <li><a class="icon fa-home" href="index.html"><span>Introduction</span></a></li>
  33. <li>
  34. <a href="#" class="icon fa-bar-chart-o"><span>Dropdown</span></a>
  35. <ul>
  36. <li><a href="#">Lorem ipsum dolor</a></li>
  37. <li><a href="#">Magna phasellus</a></li>
  38. <li><a href="#">Etiam dolore nisl</a></li>
  39. <li>
  40. <a href="#">Phasellus consequat</a>
  41. <ul>
  42. <li><a href="#">Magna phasellus</a></li>
  43. <li><a href="#">Etiam dolore nisl</a></li>
  44. <li><a href="#">Phasellus consequat</a></li>
  45. </ul>
  46. </li>
  47. <li><a href="#">Veroeros feugiat</a></li>
  48. </ul>
  49. </li>
  50. <li><a class="icon fa-cog" href="left-sidebar.html"><span>Left Sidebar</span></a></li>
  51. <li><a class="icon fa-retweet" href="right-sidebar.html"><span>Right Sidebar</span></a></li>
  52. <li><a class="icon fa-sitemap" href="no-sidebar.html"><span>No Sidebar</span></a></li>
  53. </ul>
  54. <!-- ###NAVIGATION### -->
  55. </nav>
  56.  
  57. </div>
  58. </div>
  59.  
  60. <!-- Main -->
  61. <div id="main-wrapper">
  62. <div id="main" class="container">
  63. <div id="content">
  64. <!-- ###CONTENT_2_1### -->
  65. <!-- Post -->
  66. <article class="box post">
  67. <header>
  68. <h2>Behold! This is the <strong>no sidebar</strong> layout<br />
  69. with no sidebar at all!</h2>
  70. </header>
  71. <span class="image featured"><img src="images/pic04.jpg" alt="" /></span>
  72. <h3>And yeah, that's basically it</h3>
  73. <p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
  74. ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
  75. sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
  76. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  77. magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
  78. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  79. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  80. mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
  81. Curabitur leo nibh, rutrum eu malesuada in, tristique at erat.</p>
  82. <p>Erat lorem ipsum veroeros consequat magna tempus lorem ipsum consequat
  83. Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit ligula
  84. vel quam viverra sit amet mollis tortor congue. Sed quis mauris sit amet
  85. magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada in,
  86. tristique at erat. Curabitur leo nibh, rutrum eu malesuada in, tristique
  87. at erat lorem ipsum dolor sit amet lorem ipsum sed consequat magna
  88. tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros consequat
  89. magna tempus</p>
  90. <p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
  91. ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
  92. sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
  93. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  94. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  95. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  96. magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
  97. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  98. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  99. mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
  100. Curabitur leo nibh, rutrum eu malesuada in, tristique at erat.</p>
  101. <h3>Accumsan lorem ipsum veroeros</h3>
  102. <p>Consequat Phasellus laoreet massa id in, tristique at erat lorem
  103. ipsum dolor sit amet lorem ipsum sed consequat magna tempus veroeros
  104. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  105. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  106. mollis tortor congue. Sed quis mauris sit amet magna.</p>
  107. <p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
  108. ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
  109. sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
  110. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  111. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  112. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  113. magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
  114. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  115. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  116. mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
  117. Curabitur leo nibh, rutrum eu malesuada in, tristique at erat.</p>
  118. <h3>Ligula suspcipit fusce veroeros</h3>
  119. <p>Nullam dolore etiam sed massa id in, tristique at erat lorem
  120. ipsum dolor sit amet lorem ipsum sed consequat magna tempus veroeros
  121. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  122. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  123. mollis tortor congue. Sed quis mauris sit amet magna.</p>
  124. <p>Sed massa id justo mattis pharetra. Fusce suscipit
  125. ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
  126. sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
  127. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  128. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  129. in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
  130. magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
  131. consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
  132. justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
  133. mollis tortor congue. Sed quis mauris sit amet magna accumsan.</p>
  134. </article>
  135. <!-- ###CONTENT_2_1### -->
  136. </div>
  137. </div>
  138. </div>
  139.  
  140. <!-- Footer -->
  141. <div id="footer-wrapper">
  142. <div id="footer" class="container">
  143. <header>
  144. <h2>Fragen oder Kommentare? <strong>Nimm Kontakt zu mir auf</strong></h2>
  145. </header>
  146. <div class="row">
  147. <div class="6u 12u(mobile)">
  148. <!-- ###FOOTER_FORM### -->
  149. <section>
  150. <form method="post" action="#">
  151. <div class="row 50%">
  152. <div class="6u 12u(mobile)">
  153. <input name="name" placeholder="Name" type="text" />
  154. </div>
  155. <div class="6u 12u(mobile)">
  156. <input name="email" placeholder="Email" type="text" />
  157. </div>
  158. </div>
  159. <div class="row 50%">
  160. <div class="12u">
  161. <textarea name="message" placeholder="Message"></textarea>
  162. </div>
  163. </div>
  164. <div class="row 50%">
  165. <div class="12u">
  166. <a href="#" class="form-button-submit button icon fa-envelope">Send Message</a>
  167. </div>
  168. </div>
  169. </form>
  170. </section>
  171. <!-- ###FOOTER_FORM### -->
  172. </div>
  173. <div class="6u 12u(mobile)">
  174. <!-- ###FOOTER_SOCIAL### -->
  175. <section>
  176. <p>Erat lorem ipsum veroeros consequat magna tempus lorem ipsum consequat Phaselamet
  177. mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique. Curabitur
  178. leo nibh, rutrum eu malesuada.</p>
  179. <div class="row">
  180. <div class="6u 12u(mobile)">
  181. <ul class="icons">
  182. <li class="icon fa-home">
  183. 1234 Somewhere Road<br />
  184. Nashville, TN 00000<br />
  185. USA
  186. </li>
  187. <li class="icon fa-phone">
  188. (000) 000-0000
  189. </li>
  190. <li class="icon fa-envelope">
  191. <a href="#">info@untitled.tld</a>
  192. </li>
  193. </ul>
  194. </div>
  195. <div class="6u 12u(mobile)">
  196. <ul class="icons">
  197. <li class="icon fa-twitter">
  198. <a href="#">@untitled-tld</a>
  199. </li>
  200. <li class="icon fa-instagram">
  201. <a href="#">instagram.com/untitled-tld</a>
  202. </li>
  203. <li class="icon fa-dribbble">
  204. <a href="#">dribbble.com/untitled-tld</a>
  205. </li>
  206. <li class="icon fa-facebook">
  207. <a href="#">facebook.com/untitled-tld</a>
  208. </li>
  209. </ul>
  210. </div>
  211. </div>
  212. </section>
  213. <!-- ###FOOTER_SOCIAL### -->
  214. </div>
  215. </div>
  216. </div>
  217. <div id="copyright" class="container">
  218. <ul class="links">
  219. <li>&copy; 2018 by Dominic.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
  220. </ul>
  221. </div>
  222. </div>
  223.  
  224. </div>
  225. <!-- ###DOCUMENT_BODY### -->
  226. <!-- Scripts -->
  227. <script src="assets/js/jquery.min.js"></script>
  228. <script src="assets/js/jquery.dropotron.min.js"></script>
  229. <script src="assets/js/skel.min.js"></script>
  230. <script src="assets/js/skel-viewport.min.js"></script>
  231. <script src="assets/js/util.js"></script>
  232. <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
  233. <script src="assets/js/main.js"></script>
  234.  
  235. </body>
  236. </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!