Daryan997

Q4 - exam_web

Oct 8th, 2020
886
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Page</title>
  5.     <style>
  6.         .title {
  7.             background-color: yellow;
  8.             text-align: center;
  9.             margin: 0 0 2% 0;
  10.         }
  11.         .middle {
  12.             display: flex;
  13.         }
  14.         .footer {
  15.             text-align: center;
  16.         }
  17.         .menu {
  18.             padding-right: 10%;
  19.         }
  20.         .posts {
  21.             padding: 0 40% 0 1%;
  22.             border-left: 1px solid green;
  23.         }
  24.         .last {
  25.             padding: 20px;
  26.             height: 100%;
  27.             margin: 0;
  28.             border: 3px dotted green;
  29.         }
  30.     </style>
  31. </head>
  32. <body>
  33.     <h1 class="title">My blog about my life</h1>
  34.     <div class="middle">
  35.     <div class="menu">
  36.         <h2>Menu</h2>
  37.             <a href="#">Today</a><br>
  38.             <a href="#">Yesterday</a><br>
  39.             <a href="#">Last week</a><br>
  40.             <a href="#">Archives</a>
  41.     </div>
  42.     <div class="posts">
  43.         <h1>Meeting with supervisor</h1>
  44.         <p><b>14 Dec 2011</b></p>
  45.         <p>Today I went to the university by bus.</p>
  46.         <p>I had a met with my PhD supervisor.</p>
  47.         <h1>New car!!!</h1>
  48.         <p><b>12 Dec 2011</b></p>
  49.         <p>Today I bought my new car. It's a Honda Accord and it's really nice.</p>
  50.         <p>I met some friends at a pub</p>
  51.         <h1>Visit my parents</h1>
  52.         <p><b>10 Dec 2011</b></p>
  53.         <p>Tried to contact my PhD supervisor. He was out of his office.</p>
  54.         <p>I visited my parents and we had a nice dinner together.</p>
  55.     </div>
  56.     <div class="last">
  57.         <h1>Last posts</h1>
  58.         <a href="#">Meeting with supervisor</a><br>
  59.         <a href="#">New car!!!</a><br>
  60.         <a href="#">Visit my parents</a>
  61.     </div>
  62. </div>
  63.     <div class="footer">Contact me: <a href="mailto:email@something.com">email@something.com</a></div>
  64. </body>
  65. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×