Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>Bazaar Ceramics</title>
- <style>
- body {
- margin: 0px;
- padding: 0px;
- }
- .mainwrapper {
- width: 100%;
- margin: 0 auto;
- height: 100%;
- }
- .pagebanner {
- height: 250px;
- margin: 0;
- }
- .pagebanner img {
- width: 100%;
- height: 100%;
- }
- .main {
- margin: 0;
- }
- .navbar {
- background-color: brown;
- height: 100%;
- width: 20%;
- float: left;
- margin-bottom: 0px;
- }
- .navbar li {
- list-style: none;
- margin-bottom: 15px;
- }
- .headers {
- width: 80%;
- float: left;
- padding: 0;
- height: 100%;
- }
- .header {
- background-color: #000;
- text-align: center;
- }
- .header h1 {
- color: #fff;
- margin: 0;
- }
- .subheading {
- background-color: #f8d631;
- text-align: center;
- }
- .subheading h2 {
- background-color: #f8d631;
- margin: 0;
- }
- .content {
- }
- .table {
- align: center;
- padding-left:50px
- border: 20px;
- }
- .footer {
- background-color: darkgreen;
- height:20px;
- margin-bottom: inherit;
- }
- </style>
- </head>
- <body>
- <div class="mainwrapper">
- <div class="pagebanner">
- <img src="../images/banner.jpg"="PageBanner">
- </div><!--PageBanner-->
- <div class="main">
- <div class="navbar">
- <ul>
- <li>
- <a href="#">Information</a>
- </li>
- <li>
- <a href="#">Home</a>
- </li>
- </ul>
- </div><!--Navbar-->
- <div class="headers">
- <div class="header">
- <h1>The Club Site</h1>
- </div><!--Main page heading section-->
- <div class="subheading">
- <h2>Members Prices</h2>
- </div><!--Sub heading section-->
- </div>
- </div>
- <div class="content">
- <div class="table">
- <table>
- <th>Discount Prices</th>
- <tr><td><img src="../images/smaller/bcpot002_smaller.jpg"</td><td><img src="../images/smaller/bcpot002_smaller.jpg"</td><td><img src="../images/smaller/bcpot010_smaller.jpg"</td></tr>
- <tr><td><img src="HTML Pract A/images/smaller/bcpot002_smaller.jpg"</td><td><img src="HTML Pract A/images/smaller/bcpot006_smaller.jpg"</td><td><img src="HTML Pract A/images/smaller/bcpot013_smaller.jpg"</td></tr>
- </table>
- </div><!--Table Section-->
- </div><!--Content section-->
- <div class="footer">
- <footer>wsrgferg</footer>
- </div><!--Footer section-->
- </div><!--Endwrapper-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment