API tools faq
paste
Advertisement
Tobiahao

[PAI] index.html

Tobiahao
Nov 18th, 2018
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.52 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4.  
  5.     <meta charset="utf-8">
  6.     <meta lang="pl">
  7.     <meta name="description" content="Strona z muzyka">
  8.     <meta name="viewport" content="width=devide-width, inital-scale=1">
  9.    
  10.     <link rel="stylesheet" type="text/css" href="Style.css">
  11.  
  12.     <title>PAI</title>
  13. </head>
  14. <body>
  15.     <header id="Header">
  16.         <span>HEADER</span>
  17.    
  18.      <div class="topnav">
  19.         <ul>
  20.             <li><a href="#home">Home</a></li>
  21.             <li><a href="#news">News</a></li>
  22.             <li><a href="#contact">Contact</a></li>
  23.             <li><a href="#about">About</a></li>
  24.          </ul>
  25.     </div>
  26.     </header>
  27.     <div id="content">
  28.     <aside class="left">
  29.         lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum sagittis nulla non vulputate. Nam at sagittis enim, et rhoncus ex. Nam euismod lacinia dolor, eget congue velit vulputate non. Fusce porttitor, lorem nec sollicitudin maximus, diam arcu efficitur felis, in tempus mauris mauris at justo. Fusce non mauris id nunc molestie tincidunt. Suspendisse pulvinar consequat nisl.
  30.     </aside>
  31.     <main id="container">  
  32.     <p><br>lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum sagittis nulla non vulputate. Nam at sagittis enim, et rhoncus ex. Nam euismod lacinia dolor, eget congue velit vulputate non. Fusce porttitor, lorem nec sollicitudin maximus, diam arcu efficitur felis, in tempus mauris mauris at justo. Fusce non mauris id nunc molestie tincidunt. Suspendisse pulvinar consequat nisl. Sed ut volutpat ipsum, sed porttitor sem. Donec ornare est id ipsum convallis blandit.
  33.  
  34.     Phasellus ac fermentum nisl. Nunc pharetra suscipit dolor fringilla mattis. Duis aliquet porttitor magna, sit amet ullamcorper ante accumsan at. Etiam nec erat cursus, mattis tellus vitae, auctor nibh. Cras quis magna a ex bibendum congue. Fusce cursus leo quis finibus tincidunt. Donec convallis, urna sed finibus feugiat, risus velit consequat nulla, in viverra nisi sem et erat. Pellentesque sed nunc vitae eros sollicitudin facilisis. Vestibulum ut mi convallis, mattis mauris non, tempus nisi. Nullam at lorem eu justo tincidunt viverra id at metus. Cras porta massa vel vestibulum porttitor. Pellentesque eget posuere nulla. Suspendisse potenti. Quisque nulla purus, facilisis in velit vitae, volutpat laoreet urna. In fermentum turpis ullamcorper erat ullamcorper gravida.
  35.  
  36.     Nam pretium consequat libero non finibus. Cras nec libero et neque molestie consectetur ut cursus felis. Curabitur elementum purus dolor, sed pellentesque mauris ullamcorper vel. Nullam rutrum ut nibh eu auctor. Proin sit amet dolor quis ligula sagittis consectetur. Pellentesque turpis risus, luctus nec facilisis et, porta iaculis tellus. Integer euismod porttitor ante sit amet feugiat. Mauris posuere vulputate efficitur. Praesent felis neque, viverra a neque quis, vestibulum pretium ante. Nullam in libero dictum, euismod tortor id, feugiat leo. Morbi nulla risus, ultrices quis nibh vel, porta sodales enim.
  37.  
  38.     Proin tempus odio vel elementum accumsan. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed et blandit nibh, a bibendum purus. Nam semper, diam at luctus tincidunt, magna risus congue ipsum, fermentum ullamcorper lectus magna nec orci. Praesent vel interdum felis, id congue turpis. Maecenas auctor varius lobortis. Ut sapien quam, malesuada vitae dui eu, egestas blandit lorem.
  39.  
  40.     Aliquam sed metus nec tortor luctus hendrerit vitae id felis. Nam laoreet, magna non pharetra commodo, odio enim tempor augue, nec bibendum mi lectus ac nisi. Donec non semper eros. Sed tristique tortor sit amet ipsum sagittis placerat. Proin sit amet ligula at ipsum sollicitudin lacinia vel in ipsum. Aliquam eget nulla porttitor, eleifend ligula dictum, sagittis leo. Nam tincidunt euismod velit.<br> </p>
  41.     </main>
  42.     </div>
  43.     <div class="buttons">
  44.         <button class="button1">
  45.             Transform to Lower
  46.         </button>
  47.         <button class="button2">
  48.             Transform to Upper
  49.         </button>
  50.     </div>
  51.     <div class="FORM">
  52.         Enter your name and surname<br><br>
  53.         <form action="*">
  54.             <input class="name" type="text" name="name" required="yes" placeholder="NAME" title="Enter your name" />
  55.         </form>
  56.         <br>
  57.         <form action="*">
  58.             <input class="surname" type="text" name="surname" placeholder="SURNAME" />
  59.         </form>
  60.         <form action="*">
  61.             <button class="SubmitButton"> Wyślij </button>
  62.         </button>
  63.         </form>
  64.     </div>
  65.  
  66.     <footer>
  67.         <small> Autorzy</small>
  68.         <small class="authors"> Piotr Piasecki </small>
  69.         <small class="authors"> Tobiasz Nartowski </small>
  70.         <span>Footer</span>
  71.     </footer>
  72.  
  73. </body>
  74. </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!