fruum.github.io/hometest.html at master · fruum/fruum.github.io · 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
<!doctype html>
<html>
  <head>
    <title>Fruum</title>
    <style>
      html,
      body {
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }

      .container {
        position: relative;
        width: 960px;
        margin: 0 auto;
        height: 4811px;
        background: url( hometest/marketingBG.jpg) top left no-repeat transparent;
      }

    </style>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/race.js"></script>
  </head>
  <body>
    <div class="container">
      <img src="hometest/step1.jpg" id="step1" style="width: 873px; height: 250px; right: 1px; top: 880px;position: absolute;"/>
      <img src="hometest/step2.jpg" id="step2" style="width: 888px; height: 283px; right: 0; top: 1241px;position: absolute;"/>
      <img src="hometest/step3.jpg" id="step3" style="width: 880px; height: 377px; right: 0; top: 1414px;position: absolute;"/>
      <img src="hometest/step4.jpg" id="step4" style="width: 648px; height: 432px; left: 0; top: 1931px;position: absolute;"/>
      <img src="hometest/step5.jpg" id="step5" style="width: 689px; height: 384px; left: 0; top: 2217px;position: absolute;"/>
      <img src="hometest/step6.jpg" id="step6" style="width: 825px; height: 385px; right: 0; top: 2619px;position: absolute;"/>
      <img src="hometest/step7.jpg" id="step7" style="width: 702px; height: 398px; left: 0; top: 2974px;position: absolute;"/>
      <img src="hometest/step8.jpg" id="step8" style="width: 869px; height: 503px; right: 0; top: 3354px;position: absolute;"/>
    </div>
  </body>
</html>