cs490website/index.html at master · svmah/cs490website · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>Stephanie</title>
<link type="text/css" rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<header class="fixednav">
  <nav>
    <label for="drop" class="toggle"><b id="menubutton">+</b></label>
    <input type="checkbox" id="drop" />
    <ul class="menu">
      <li><a href="index.html">home</a></li>
      <li>
        <label for="drop-1" class="toggle"><a href="#">Images</a>+</label>
        <a href="#">Images</a>
        <input type="checkbox" id="drop-1" />
        <ul>
          <li><a href="watergate.html">Water</a></li>
          <li><a href="sky.html">Sky</a></li>
          <li><a href="flowers.html">Flowers</a></li>
          <li><a href="nature.html">Nature</a></li>
          <li><a href="cityscapes.html">Cityscapes</a></li>
          <li><a href="people.html">People</a></li>
        </ul>
      </li>
      <li>
        <label for="drop-2" class="toggle"><a href="#">about us</a>+</label>
        <a href="#">about us</a>
        <input type="checkbox" id="drop-2" />
        <ul>
          <li><a href="about.html">about us</a></li>
          <li><a href="faq.html">faq</a></li>
        </ul>
      </li>
      <li><a href="submit.html">Submit</a></li>
    </ul>
  </nav>
</header>
<a name="top"></a>
<div class="contents">
  <div id="bubble1" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/watergate.jpg" alt="Japanese gate in water" />
      <p id="bubtext1" class="bubble-text" onclick="makeBubbleBigger('bubble1', 'bubtext1')"></p>
    </div>
  </div>
  <div id="bubble2" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/swingride.jpg" alt="Themepark swing ride" />
      <p id="bubtext2" class="bubble-text" onclick="makeBubbleBigger('bubble2', 'bubtext2')"></p>
    </div>
  </div>
  <div id="bubble3" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/flower.jpg" alt="Flower" />
      <p id="bubtext3" class="bubble-text" onclick="makeBubbleBigger('bubble3', 'bubtext3')"></p>
    </div>
  </div>
  <div  id="bubble4" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/trees.jpg" alt="Vertical view of trees" />
      <p id="bubtext4" class="bubble-text" onclick="makeBubbleBigger('bubble4', 'bubtext4')"></p>
    </div>
  </div>
  <div  id="bubble5" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/woman.jpg" alt="Woman close up" />
      <p id="bubtext5" class="bubble-text" onclick="makeBubbleBigger('bubble5', 'bubtext5')"></p>
    </div>
  </div>
  <div  id="bubble6" class="bubble">
    <div class="bubble-container"> <img class="bubble-img" src="images/town.jpg" alt="Town on the water" />
      <p id="bubtext6" class="bubble-text" onclick="makeBubbleBigger('bubble6', 'bubtext6')"></p>
    </div>
  </div>
  <div class="top"><a class="top" href="#top">^</a></div>
</div>
</body>
</html>