API tools faq
paste
Advertisement
irmantas_radavicius

Untitled

irmantas_radavicius
Nov 14th, 2021
822
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <title>Styles</title>
  5.         <style>
  6.             * {
  7.                 box-sizing: border-box;
  8.                 font-family: arial;
  9.             }
  10.             body {
  11.                 background-color: darkred;
  12.                 padding: 20px;
  13.             }
  14.             body > div {
  15.                 background-color: black;
  16.                 margin: 0px;
  17.                 border: 2px solid black;
  18.                 padding: 10px
  19.             }
  20.             h1 {
  21.                 color: white;
  22.                 background-color: purple;
  23.                 padding: 10px;
  24.                 margin: 0px;
  25.                 text-align: center;
  26.                 border-style: solid;
  27.                 border-width: 2px 0;
  28.                 border-color: black;
  29.                 font-size: 40px;
  30.             }
  31.             div div{
  32.                 background-color: lightpink;
  33.                 padding: 20px;
  34.                 margin: 0px;
  35.                
  36.             }
  37.             p {
  38.                 margin: 0px;
  39.                 padding: 10px;
  40.                 text-align: justify;
  41.             }
  42.             a:link, a:visited {
  43.                 color: purple;
  44.                 text-decoration: none;
  45.                
  46.             }
  47.             a:hover, a:active {
  48.                 color: red;
  49.                 text-decoration: underline;
  50.             }
  51.         </style>
  52.     </head>
  53.     <body>
  54.         <div>
  55.             <h1>Heading 1</h1>
  56.                 <div>
  57.                     <p><a href="https://www.wikipedia.com" target="_blank">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  58.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  59.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  60.                  </div>
  61.             <h1>Heading 2</h1>
  62.                 <div>
  63.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  64.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  65.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus purus ante, in elementum nisl tristique id. Curabitur id quam dui. Fusce cursus semper ipsum quis faucibus. Nullam erat leo, eleifend sit amet libero et, auctor finibus quam. Maecenas laoreet dolor sit amet dui vulputate, nec tempus leo sodales. Duis fringilla a lacus nec mattis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed metus at enim tempus luctus. In hac habitasse platea dictumst. Nam neque diam, convallis in feugiat ut, venenatis sit amet eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, eros sit amet iaculis maximus, ipsum nisi faucibus massa, in rhoncus ex dolor nec metus. Suspendisse sodales odio non libero bibendum tincidunt a in urna. Ut felis quam, congue quis purus at, bibendum varius libero.</p>
  66.                  </div>
  67.          </div>
  68.     </body>
  69.  
  70. </html>
  71.  
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!