API tools faq
paste
NYanev

Task7

NYanev
Oct 17th, 2014
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>Toshiba</title>
  5.     <link href="toshiba.css" rel="stylesheet" />
  6. </head>
  7. <body>
  8.     <div id="wrapper" class="border-box">
  9.             <header>
  10.                 <nav>
  11.                     <ul>
  12.                         <li>
  13.                             <a href="#">Apple</a>
  14.                         </li>
  15.                         <li>
  16.                             <a href="#">Toshiba</a>
  17.                         </li>
  18.                         <li>
  19.                             <a href="#">Lenovo</a>
  20.                         </li>
  21.                         <li>
  22.                             <a href="#">Dell</a>
  23.                         </li>
  24.                         <li>
  25.                             <a href="#">Asus</a>
  26.                         </li>
  27.                         <li>
  28.                             <a href="#">Acer</a>
  29.                         </li>
  30.                         <li>
  31.                             <a href="#">HP</a>
  32.                         </li>
  33.                     </ul>
  34.                 </nav>
  35.             </header>
  36.             <section id="content" class="border-box">
  37.                 <article class="article-item">
  38.                     <fieldset>
  39.                         <legend>Apple MacBook Air</legend>
  40.                             <figure>
  41.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  42.                             </figure>
  43.                             <p class="item-details">64 GB SSD</p>
  44.                             <p class="item-details">2GB DDR</p>
  45.                             <p class="item-details">1300 USD</p>
  46.                             <p class="item-details">Intel Core i5</p>
  47.                     </fieldset>
  48.                 </article>
  49.                 <article class="article-item">
  50.                     <fieldset>
  51.                         <legend>Apple MacBook Air</legend>
  52.                             <figure>
  53.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  54.                             </figure>
  55.                             <p class="item-details">64 GB SSD</p>
  56.                             <p class="item-details">2GB DDR</p>
  57.                             <p class="item-details">1300 USD</p>
  58.                             <p class="item-details">Intel Core i5</p>
  59.                     </fieldset>
  60.                 </article>
  61.                 <article class="article-item">
  62.                     <fieldset>
  63.                         <legend>Apple MacBook Air</legend>
  64.                             <figure>
  65.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  66.                             </figure>
  67.                             <p class="item-details">64 GB SSD</p>
  68.                             <p class="item-details">2GB DDR</p>
  69.                             <p class="item-details">1300 USD</p>
  70.                             <p class="item-details">Intel Core i5</p>
  71.                     </fieldset>
  72.                 </article>
  73.                 <article class="article-item">
  74.                     <fieldset>
  75.                         <legend>Apple MacBook Air</legend>
  76.                             <figure>
  77.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  78.                             </figure>
  79.                             <p class="item-details">64 GB SSD</p>
  80.                             <p class="item-details">2GB DDR</p>
  81.                             <p class="item-details">1300 USD</p>
  82.                             <p class="item-details">Intel Core i5</p>
  83.                     </fieldset>
  84.                 </article>
  85.                 <article class="article-item">
  86.                     <fieldset>
  87.                         <legend>Apple MacBook Air</legend>
  88.                             <figure>
  89.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  90.                             </figure>
  91.                             <p class="item-details">64 GB SSD</p>
  92.                             <p class="item-details">2GB DDR</p>
  93.                             <p class="item-details">1300 USD</p>
  94.                             <p class="item-details">Intel Core i5</p>
  95.                     </fieldset>
  96.                 </article>
  97.                 <article class="article-item">
  98.                     <fieldset>
  99.                         <legend>Apple MacBook Air</legend>
  100.                             <figure>
  101.                                 <img width="130" height="82" alt="Notebook image" src="laptop.png">
  102.                             </figure>
  103.                             <p class="item-details">64 GB SSD</p>
  104.                             <p class="item-details">2GB DDR</p>
  105.                             <p class="item-details">1300 USD</p>
  106.                             <p class="item-details">Intel Core i5</p>
  107.                     </fieldset>
  108.                 </article>
  109.             </section>
  110.             <aside class="border-box">
  111.                 <div class="slider-wrapper">
  112.                     <p class="slider-details">Min price: 500 USD</p>
  113.                     <p>
  114.                         <input id="min-price" type="range" onchange="" value="500" step="1" max="1000" min="1" name="minPrice">
  115.                     </p>
  116.                 </div>
  117.                 <div class="slider-wrapper">
  118.                     <p class="slider-details">Max price: 1500 USD</p>
  119.                     <p>
  120.                         <input id="max-price" type="range" onchange="" value="1500" step="1" max="3000" min="1000" name="maxPrice">
  121.                     </p>
  122.                 </div>
  123.                 <div class="slider-wrapper">
  124.                     <p class="slider-details">Min RAM: 4 GB</p>
  125.                     <p>
  126.                         <input id="min-ram" type="range" onchange="" value="4" step="2" max="8" min="2" name="minRam">
  127.                     </p>
  128.                 </div>
  129.                 <div class="slider-wrapper">
  130.                     <p class="slider-details">Max RAM: 16 GB</p>
  131.                     <p>
  132.                         <input id="max-ram" type="range" onchange="" value="16" step="8" max="32" min="8" name="maxRam">
  133.                     </p>
  134.                 </div>
  135.             </aside>
  136.         </div>
  137. </body>
  138. </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!