cs490website/sky.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
<!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">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<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 class="imgpagewrapper">
        <div class="imgcontainer">
            <img class ="full" src="images/swingride.jpg" alt="Themepark swing ride" />
            <p class="download"><a href="images/swingride.jpg" download>DOWNLOAD</a></p>
        </div>
        <p class="writeup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consequat mattis erat, eu volutpat orci pulvinar in. Integer interdum aliquam purus a sodales. Vestibulum neque ante, fringilla ut est non, condimentum porttitor justo. Integer nunc est, aliquam et dignissim eget, mattis a lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse dictum libero vitae volutpat sollicitudin. Vestibulum vel rutrum erat, eu ultricies purus. Proin ac massa ultricies, pretium est et, aliquam eros. In fermentum scelerisque metus. Donec semper elementum ultrices. Morbi venenatis, nisl sit amet fermentum bibendum, ipsum turpis porttitor sem, et posuere ipsum nibh nec nunc. Suspendisse congue molestie luctus. Vivamus sit amet libero viverra massa efficitur sollicitudin vel sed ante. Maecenas in magna eu lacus mollis scelerisque. Duis vel pellentesque leo, a convallis elit.</p>
    </div>
  <div class="top"><a class="top" href="#top">^</a></div>
</div>
</body>
</html>