Guest User

Untitled

a guest
Jan 15th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.04 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <!-- ILYA RUBNICH -->
  3. <html>
  4.      <head>
  5.         <title>Headphones</title>
  6.         <style type="text/css">
  7.             body {
  8.                 background-color: #4D1F36;
  9.                 color: white;
  10.                 font-family: Helvetica, 'Sans Serif';
  11.             }
  12.             table {
  13.                 width: 100%;
  14.                 border: 2px solid;
  15.                 border-collapse: collapse;
  16.             }
  17.             td {
  18.                 border: 2px solid;
  19.             }
  20.             #main {
  21.                 border: 2px solid;
  22.                 padding: 20px;
  23.                 border-radius: 10px;
  24.             }
  25.             #cat {
  26.                 width: 10%;
  27.                 text-align: center;
  28.                 font-weight: bold;
  29.                 font-size: x-large;
  30.             }
  31.             #headrow {
  32.                 text-align: center;
  33.                 font-weight: bold;
  34.                 width: 30%;
  35.             }
  36.         </style>
  37.         <script type="text/javascript">
  38.             function genVal() {
  39.                 return Math.floor(Math.random() * 256);
  40.             }
  41.             function bgSwitch() {
  42.                 document.getElementById("bod").style.backgroundColor = "rgb("+genVal()+", "+genVal()+", "+genVal()+")";
  43.             }
  44.         </script>
  45.      </head>
  46.      <body id="bod" onload="bgSwitch()">
  47.         <div id="main">
  48.             <span style="font-weight: bold; font-size: xx-large;">Headphone Types</span><br /><br />
  49.             <table>
  50.                 <tr>
  51.                     <td></td>
  52.                     <td id="headrow">$0 - $50</td>
  53.                     <td id="headrow">$51 - $100</td>
  54.                     <td id="headrow">> $100</td>
  55.                 </tr>
  56.                 <tr>
  57.                     <td id="cat" rowspan="3">Circumaural</td>
  58.                     <td>Panasonic RP-HT227</td>
  59.                     <td>Audio-Technica ATH-AD500</td>
  60.                     <td>Pioneer SE-A1000</td>
  61.                 </tr>
  62.                 <tr>
  63.                     <td>JVC HAS600A</td>
  64.                     <td>Audio-Technica ATH-PRO5VA</td>
  65.                     <td>Sennheiser HD 558</td>
  66.                 </tr>
  67.                 <tr>
  68.                     <td>JVC HAS600B</td>
  69.                     <td>----</td>
  70.                     <td>KOSS ESP950</td>
  71.                 </tr>
  72.                 <tr>
  73.                     <td id="cat" rowspan="3">Supra-aural</td>
  74.                     <td>iGo 48002140</td>
  75.                     <td>----</td>
  76.                     <td>Yamaha HPH-200</td>
  77.                 </tr>
  78.                 <tr>
  79.                     <td>MEElectronics HT-21-BK</td>
  80.                     <td>----</td>
  81.                     <td>TDK ST800</td>
  82.                 </tr>
  83.                 <tr>
  84.                     <td>Panasonic RP-HT21</td>
  85.                     <td>----</td>
  86.                     <td>----</td>
  87.                 </tr>
  88.             </table>
  89.             * "----" indicates no such item in indicated price range.<br />
  90.         </div>
  91.      </body>
  92. </html>
Add Comment
Please, Sign In to add comment