API tools faq
paste
HTML

index.html

HTML
Jan 30th, 2018
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Lighthouse Island Bistro</title>
  5. <meta charset="utf-8">
  6. <style>
  7. body { font-family:Verdana, Arial, sans-serif;
  8.       background-color: #00005D;
  9. }
  10. #wrapper { background-color: #b3c7e6;
  11.            color: #000066;
  12.            width: 80%;
  13.            margin: auto;
  14.            min-width: 960px;
  15.            max-width: 1200px;
  16. }
  17. nav { float: left;
  18.       width: 150px;
  19. }
  20. nav ul { list-style-type: none;
  21.          margin-left: 0;
  22.          padding: 10px;
  23. }
  24. nav a { text-decoration: none;
  25.         padding: 10px;
  26.         font-weight: bold;
  27. }
  28. nav a:link { color: #ffffff; }
  29. nav a:visited { color: #eaeaea; }
  30. nav a:hover { color: #000066; }
  31. main { display: block; /* for Internet Explorer version 10 and below */
  32.         margin-left: 155px;
  33.         padding: 20px;
  34.         background-color: #ffffff;
  35.         color: #000000;
  36. }
  37. header { background-color: #869dc7;
  38.         color: #00005D;
  39.         font-size: 150%;
  40.         padding: 10px 10px 10px 155px;
  41.         background-image: url(lighthouselogo.jpg);
  42.         background-repeat: no-repeat;
  43.         height: 130px;
  44. }
  45. h1 { margin-bottom: 0; }
  46. #tagline { padding-right: 20px;
  47.        font-size: .80em;
  48.        font-style: italic;
  49.        text-align: right;
  50.        color: #00005D;
  51. }          
  52. h2 { color: #869dc7;
  53.      font-family: arial, sans-serif;
  54.      font-size: 200%;
  55. }
  56. article header { background-color: #FFFFFF;
  57.                  background-image: none;
  58.                  padding-left: 0;
  59.                  font-size: 90%;
  60.                  height: auto;
  61. }
  62. #floatright { margin: 10px;
  63.               float: right;
  64. }
  65. aside { float: right;
  66.         width: 200px;
  67.         margin-right: 40px;
  68.         background-color: #eaeaea;
  69.         padding: 20px;
  70.         font-size: 80%;
  71.         box-shadow: 5px 5px 5px #333333;
  72.         position: relative;
  73.         top: -40px;
  74. }
  75. footer { font-size:70%;
  76.          text-align: center;
  77.          clear: right;
  78.          background-color: #869dc7;
  79.          padding: 20px;
  80. }
  81. </style>
  82. </head>
  83. <body>
  84. <div id="wrapper">
  85.   <header>
  86.     <h1>Lighthouse Island Bistro</h1>
  87.     <div id="tagline">the best coffee on the coast</div>
  88.   </header>
  89.   <nav>
  90.     <ul>
  91.       <li><a href="index.html">Home</a></li>
  92.       <li><a href="rooms.html">Menu</a></li>
  93.       <li><a href="directions.html">Directions</a></li>
  94.       <li><a href="contact.html">Contact</a></li>
  95.     </ul>
  96.   </nav>
  97.   <main>
  98.       <h2>Bistro Blog</h2>
  99.       <aside>Watch for the March Madness Wrap next month!</aside>
  100.       <section>
  101.          <article>
  102.            <header><h1>Valentine Wrap</h1></header>
  103.            <time datetime="2014-02-01">February 1, 2014</time>
  104.            <p>The February special sandwich is the Valentine Wrap &mdash; heart healthy organic chicken with roasted red peppers on a whole wheat wrap.</p>
  105.          </article>
  106.          <article>
  107.            <header><h1>New Coffee of the Day Promotion</h1></header>
  108.            <time datetime="2014-01-12">January 12, 2014</time>
  109.            <p>Enjoy the best coffee on the coast in the comfort of your home. We will feature a different flavor of our gourmet, locally roasted coffee each day with free bistro tastings and a discount on one-pound bags.</p>
  110.         </article>
  111.       </section>
  112.     </main>
  113.     <footer>Copyright &copy; 2014
  114.     </footer>
  115. </div>
  116. </body>
  117. </html>
Advertisement
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!