Advertisement
Guest User

Untitled

a guest
Jan 18th, 2013
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.45 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <link href="bnfl-css.css" rel="stylesheet" type="text/css" />
  7. <style type="text/css">
  8. #bigblock {
  9.     display: table;
  10. }
  11.  
  12. #bigblock p {
  13.     float: left;
  14. }
  15.  
  16.  
  17. </style>
  18. </head>
  19. <body>
  20. <div class="header" id="menu">Content for class "header" id "menu" Goes Here</div>
  21. <div id="illustrations" align="center">
  22.   <p>Illustrations</p>
  23.   <div class="big_block" id="bigblock">
  24.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  25.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  26.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  27.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  28.   </div>
  29.   <div class="big_block2" id="bigblock2" style="clear: both">
  30.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  31.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  32.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  33.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  34.   </div>
  35.   <div class="big_block" id="bigblock3">
  36.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  37.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  38.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  39.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  40.   </div>
  41.   <div class="big_block2" id="bigblock4">
  42.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  43.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  44.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  45.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  46.   </div>
  47.   <p>&nbsp;</p>
  48. </div>
  49. <div id="design">
  50.   <p>Design</p>
  51.   <div class="big_block" id="bigblock5">
  52.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  53.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  54.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  55.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  56.   </div>
  57.   <div class="big_block2" id="bigblock6">
  58.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  59.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  60.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  61.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  62.   </div>
  63. </div>
  64. <div id="photos">
  65.   <p>Photos</p>
  66.   <div class="big_block" id="bigblock7">
  67.     <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  68.     <p><img src="uoft.jpg" width="125" height="164" /></p>
  69.     <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  70.     <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  71.   </div>
  72. </div>
  73. <div class="big_block2" id="bigblock8">
  74.   <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  75.   <p><img src="uoft.jpg" width="125" height="164" /></p>
  76.   <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  77.   <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  78. </div>
  79. <div class="big_block" id="bigblock9">
  80.   <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  81.   <p><img src="uoft.jpg" width="125" height="164" /></p>
  82.   <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  83.   <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  84. </div>
  85. <div class="big_block2" id="bigblock10">
  86.   <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  87.   <p><img src="uoft.jpg" width="125" height="164" /></p>
  88.   <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  89.   <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  90. </div>
  91. <div class="big_block" id="bigblock11">
  92.   <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  93.   <p><img src="uoft.jpg" width="125" height="164" /></p>
  94.   <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  95.   <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  96. </div>
  97. <div class="big_block2" id="bigblock12">
  98.   <p><img src="barthelme_2.jpg" width="125" height="143" /></p>
  99.   <p><img src="uoft.jpg" width="125" height="164" /></p>
  100.   <p><img src="barthelme_2.jpg" alt="" width="125" height="143" /></p>
  101.   <p><img src="uoft.jpg" alt="" width="125" height="164" /></p>
  102. </div>
  103. </body>
  104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement