API tools faq
paste
pgeeweb

introduction to html5 + some css - 9.11

pgeeweb
Nov 9th, 2016
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.76 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <title>
  5.         Web programming 9.11
  6.         </title>
  7.         <style>
  8.         body {
  9.             color: blue;
  10.             font-size: 30px;
  11.             background: url(https://content.trafalgar.com/~/media/images/home/destinations/north-america/hawaii/2015-licensed-images/usa-tours-hawaii-oahu-honolulu-waikiki-beach-l-al.jpg?mw=1200&);
  12.         }
  13.  
  14.         p {
  15.             font-size: 20px;
  16.         }
  17.  
  18.         .vaflichka {
  19.             color: red;
  20.         }
  21.  
  22.         #superzaglavie {
  23.             color: green;
  24.             font-size: 35px;
  25.         }
  26.  
  27.         div {
  28.             display: block;
  29.             width: 45%;
  30.         }
  31.  
  32.         .left {
  33.             float: left;
  34.         }
  35.  
  36.         .right {
  37.             float: right;
  38.         }
  39.  
  40.         .clearfix {
  41.             clear: both;
  42.         }
  43.  
  44.         img {
  45.             opacity: 1;
  46.         }
  47.         </style>
  48.     </head>
  49.     <body>
  50.  
  51.         <h1 class="vaflichka" id="superzaglavie">zdr bepce</h1>
  52.         <div class="left">
  53.             <p class="vaflichka">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dui sit amet orci malesuada interdum. Praesent mollis venenatis mi, eu luctus augue. Curabitur varius eros nunc, id suscipit urna elementum vitae. Proin at tincidunt diam, at dignissim ex. Donec accumsan fermentum consectetur. Maecenas ullamcorper mi et ligula rhoncus, ac. </p>
  54.         </div>
  55.         <div class="right">
  56.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dui sit amet orci malesuada interdum. Praesent mollis venenatis mi, eu luctus augue. Curabitur varius eros nunc, id suscipit urna elementum vitae. Proin at tincidunt diam, at dignissim ex. Donec accumsan fermentum consectetur. Maecenas ullamcorper mi et ligula rhoncus, ac. </p>
  57.         </div>
  58.         <div class="clearfix"></div>
  59.         <p class="vaflichka">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dui sit amet orci malesuada interdum. Praesent mollis venenatis mi, eu luctus augue. Curabitur varius eros nunc, id suscipit urna elementum vitae. Proin at tincidunt diam, at dignissim ex. Donec accumsan fermentum consectetur. Maecenas ullamcorper mi et ligula rhoncus, ac. </p>
  60.         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dui sit amet orci malesuada interdum. Praesent mollis venenatis mi, eu luctus augue. Curabitur varius eros nunc, id suscipit urna elementum vitae. Proin at tincidunt diam, at dignissim ex. Donec accumsan fermentum consectetur. Maecenas ullamcorper mi et ligula rhoncus, ac. </p>
  61.         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dui sit amet orci malesuada interdum. Praesent mollis venenatis mi, eu luctus augue. Curabitur varius eros nunc, id suscipit urna elementum vitae. Proin at tincidunt diam, at dignissim ex. Donec accumsan fermentum consectetur. Maecenas ullamcorper mi et ligula rhoncus, ac. </p>
  62.         <a href="http://www.pgee-bourgas.com/" target="_blank">
  63.             <img src="http://www.pgee-bourgas.com/img/logobg.jpg" alt="logo na pgee burgas">
  64.         </a>
  65.     </body>
  66. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!