API tools faq
paste
Advertisement
trevorn90

Trevor

trevorn90
Sep 25th, 2017
1,162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <!--
  5.   New Perspectives on HTML5 and CSS3, 7th Edition
  6.   Tutorial 3
  7.   Case Problem 2
  8.  
  9.   Costume Expressions Front Page
  10.   Author: Trevor  
  11.   Date:   09/25/2017
  12.  
  13.   Filename: ce_front.html
  14.   -->
  15.    <meta charset="utf-8" />
  16.    <title>Costume Expressions</title>
  17.    <link rel="stylesheet" type="text/css" href="ce_styles.css">
  18.    <link rel="stylesheet" type="text/css" href="ce_grids.css">
  19. </head>
  20.  
  21. <body>
  22.    <header>
  23.       <nav>
  24.          <ul>
  25.             <li><a href="#">Enter Site</a></li>
  26.             <li><a href="#">My Account</a></li>
  27.             <li><a href="#">Track Orders</a></li>
  28.             <li><a href="#">Contact Info</a></li>
  29.          </ul>
  30.       </nav>
  31.    </header>
  32.    <div id="container">
  33.       <div class="row">
  34.          <div class="column80">
  35.             <div class="row">
  36.                <div class="column100 cell" id="logo">
  37.                   <a href="#"><img src="ce_logo.png" alt="Costume Expressions" /></a>
  38.                </div>
  39.             </div>
  40.             <div class="row">
  41.                <div class="column50 cell">
  42.                   <a href="#"><img src="ce_image04.png" alt="Birthday Party Costumes" /></a>
  43.                </div>
  44.                <div class="column25 cell">
  45.                   <a href="#"><img src="ce_image05.png" alt="Makeup Sales"/></a>
  46.                </div>
  47.                <div class="column25 cell">
  48.                   <a href="#"><img src="ce_image06.png" alt="Costume Specials"/></a>
  49.                </div>
  50.             </div>
  51.          </div>
  52.          <div class="column20">
  53.             <div class="row">
  54.                <div class="column100 cell">
  55.                   <a href="#"><img src="ce_image01.png" alt="Find us on Facebook" /></a>
  56.                </div>
  57.             </div>
  58.             <div class="row">
  59.                <div class="column100 cell">
  60.                   <a href="#"><img src="ce_image02.png" alt="Follow us on Twitter" /></a>
  61.                </div>
  62.             </div>
  63.             <div class="row">
  64.                <div class="column100 cell">
  65.                   <a href="#"><img src="ce_image03.png" alt="Masks on Sale" /></a>
  66.                </div>
  67.             </div>
  68.             <div class="row">
  69.                <div class="column100 cell">
  70.                   <a href="#"><img src="ce_image07.png" alt="Wig Specials" /></a>
  71.                </div>
  72.             </div>
  73.          </div>
  74.       </div>
  75.       <div class="row">
  76.          <div class="column20">
  77.             <div class="row">
  78.                <div class="column100 cell">
  79.                   <a href="#"><img src="ce_image08.png" alt="Theater Costumes" /></a>
  80.                </div>
  81.             </div>
  82.             <div class="row">
  83.                <div class="column100 cell">
  84.                   <a href="#"><img src="ce_image12.png" alt="Props for Sale" /></a>
  85.                </div>
  86.             </div>
  87.          </div>
  88.          <div class="column80">
  89.             <div class="row">
  90.                <div class="column50 cell">
  91.                   <a href="#"><img src="ce_image09.png" alt="Sales on Super Hero Costumes" /></a>
  92.                </div>
  93.                <div class="column25 cell">
  94.                   <a href="#"><img src="ce_image10.png" alt="Candy Sale" /></a>
  95.                </div>
  96.                <div class="column25 cell">
  97.                   <a href="#"><img src="ce_image11.png" alt="Hats for Sale" /></a>
  98.                </div>
  99.             </div>
  100.             <div class="row">
  101.                <div class="column25 cell">
  102.                   <a href="#"><img src="ce_image13.png" alt="Christmas Specials" /></a>
  103.                </div>
  104.                <div class="column75">
  105.                   <div class="row">
  106.                      <div class="column67 cell">
  107.                         <a href="#"><img src="ce_image14.png" alt="Classic Costumes" /></a>
  108.                      </div>
  109.                      <div class="column33 cell">
  110.                         <a href="#"><img src="ce_image15.png" alt="Shipping Fees" /></a>
  111.                      </div>
  112.                   </div>
  113.                   <div class="row">
  114.                      <div class="column33 cell">
  115.                         <a href="#"><img src="ce_image16.png" alt="Halloween Costumes" /></a>
  116.                      </div>
  117.                      <div class="column33 cell">
  118.                         <a href="#"><img src="ce_image17.png" alt="Halloween Costumes" /></a>
  119.                      </div>
  120.                      <div class="column33 cell">
  121.                         <a href="#"><img src="ce_image18.png" alt="Halloween Costumes" /></a>
  122.                      </div>
  123.                   </div>
  124.                </div>
  125.             </div>
  126.          </div>
  127.       </div>
  128.       <div class="row">
  129.          <div class="column20 cell">
  130.             <a href="#"><img src="ce_image19.png" alt="Masks for Sale" /></a>
  131.          </div>
  132.          <div class="column40 cell">
  133.             <a href="#"><img src="ce_image20.png" alt="Mardis Gras Specials" /></a>
  134.          </div>
  135.       </div>
  136.    </div>
  137.    <footer>
  138.       Costume Expressions<br />
  139.       3411 Torrence Dr.<br />
  140.       Rockville, MD 20850
  141.    </footer>
  142. </body>
  143. </html>
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!