hack2/index-bu.html at master · lnbailey/hack2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Insomniac Time Travelers Store</title>
  <!-- linked stylesheet below -->
  <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>INSOMNIAC TIME TRAVELERS</header>
  <nav><a href="index.html">BOOKS</a> <a href="music.html">MUSIC</a> </nav>

  <div id="container">
    <div id="book1" class='book product'>
      <div class="title">The Time Machine</div>
      <img src="http://d.gr-assets.com/books/1327942880l/2493.jpg" height="346" width="246">
      <div class="price">$9.99</div>
      <div class="author">by H.G. Wells, Greg Bear</div>
      <div class="descr">So begins the Time Traveller’s astonishing firsthand account of his journey 800,000 years beyond his own era — and the story that launched H.G. Wells’s successful career and earned him his reputation as the father of science fiction. With a speculative leap that still fires the imagination, Wells sends his brave explorer to face a future burdened with our greatest hopes...and our darkest fears. Published in 1895, this masterpiece of invention captivated readers on the threshold of a new century.</div>
    </div>
    <div id="book2" class='book product'>
      <div class="title">The Book That Proves Time Travel Happens</div>
      <img src="http://ecx.images-amazon.com/images/I/51tJvUlqMGL._SY344_BO1,204,203,200_.jpg">
      <div class="price">$6.99</div>
      <div class="author">by Henry Clark</div>
      <div class="descr">The year 1852 is a dangerous time for three non-white children, and they must work together to dodge slave-catchers and save ancestors from certain death - all while figuring out how to get back to the future. Fortunately, they have a guide in the helpful hints embedded in an ancient Chinese text called the I-Ching, which they interpret using Morse Code. But how can a three-thousand-year-old book be sending messages into the future through a code developed in the 1830s?</div>
  </div>
  <br>
  <div id="album1" class='book product'>
    <div class="title">Bringing Down the Horse</div>
    <img src="http://diffuser.fm/files/2013/05/wallflowersbringing.jpg" height="300" width="300">
    <div class="price">$9.99</div>
    <div class="author">by The Wallflowers</div>
    <div class="descr">Not only a staggering commercial success, the disc is also a superb example of the folk-rock Jakob's daddy helped pioneer more than 30 years ago. The Wallflowers don't need family relations to command respect. Triple platium in 1992!!</div>
  </div>
  <div id="album2" class='book product'>
    <div class="title">17-11-70</div>
    <img src="https://upload.wikimedia.org/wikipedia/en/2/26/171170UK.jpg" height="300" width="300">
    <div class="price">$9.99</div>
    <div class="author">by Elton John</div>
    <div class="descr">The recording was taken from a live radio broadcast on 17 November 1970. The recording was originally popular among bootleggers which, according to Gus Dudgeon, eventually prompted the record label to release it as an album. His best work!</div>
</div>
  </div>

  <!-- all HTML content goes above this line -->
  <!-- connected libraries -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

  <!-- connected custom scripts -->
  <script type="text/javascript" src="scripts.js"></script>
  <footer>see ya later...or earlier</footer>
</body>
</html>