html/sample_project.html at master · cchapman900/html · 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
80
81
82
83
84
85
86
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Student Mercenary - Sample Project</title>
<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
	<!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />
    <![endif]-->

	<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" language="javascript" src="js/jquery.dropdownPlain.js"></script>
</head>

<body>
<div id="page-wrap">
	<div id="header-container">
    	<div id="header-top">
        	<a href="/"><img src="images/logo.png" alt="Student Mercenary" align="left" style="margin:10px 0" name="Student Mercenary" width="177" height="20" display:block; /></a>

        	<table id="sign-in" width="100"  align="right">
  				<tr>
                <td><a id="sign-in" href="#">sign in</a></td>
                <td><a id="sign-in" href="#">register</a></td>
  				</tr>
		 	</table>

  		</div><!-- END HEADER TOP -->

		<div id="header-bottom">
            <ul class="dropdown" id="dropdown-nav">
                <li><a href="browse_projects.html">Browse Projects</a>
        		</li>
        		<li><a href="sample_post_project.html">Post a Project</a>
        		</li>
            	<li><a href="about.html">About</a>
                </li>
            </ul>
        </div><!-- END HEADER BOTTOM -->
    </div><!-- END HEADER CONTAINER -->

<div id="outer-project-container">
  <div id="project-container">
    <h2>Design opening graphic to our new webisode series</h2>

    <a href="http://www.tetongravity.com/" target="_blank"><img src="images/company-logo.png" width="30" height="30" alt="Logo" longdesc="images/company-logo.png" align="middle" style="margin:10px 5px 20px 40px"/>Teton Gravity Research</a>

    <hr />

    <p><span id="bold">Description:</span> Praesent pulvinar purus et diam laoreet vestibulum. Quisque iaculis viverra enim, nec pellentesque nibh scelerisque ultrices. Sed quis metus eros, et ultricies est. Nunc gravida feugiat elit, nec varius sem sollicitudin ac. Sed non lacinia turpis. Aliquam pellentesque lacinia eleifend. In congue accumsan nibh eget luctus. Fusce turpis nibh, condimentum volutpat vulputate vitae, pretium vitae ligula. </p>

    <p><span id="bold">Project area(s):</span> <br/> <span class="yellow2" style="margin:35px">Animation &amp; Graphics</span></p>

    <p><span id="bold">Specs:</span></p>
  <ul>
    	<li>Between 10-20 seconds</li>
        <li>.avi or .mp4 format</li>
      <li>Use attached footage</li>
    </ul>

    <p><span id="bold">Deadline:</span> Oct. 13, 2011</p>

    <p><span id="bold">Contract Type: </span> Open </p>

    <p>&nbsp;</p>

    <input name="add to projects" type="button" value="Add to my projects" class="button"  />

    <p>&nbsp;</p>

    <hr />

    <p><span id="bold">Active Students: </span><br />
    <img src="images/me.png" width="50" height="50" alt="Student" longdesc="images/me.png" style="margin:10px;" /> </p>

    <p class="text-center" style="font-size:1.4em"><span id="bold"> Discussion board</span></p>

    <p class="text-center"><textarea name="Discussion Board" cols="75" rows="7"></textarea></p>

  </div><!-- END PROJECT CONTAINER -->
</div><!-- END OUTER PROJECT CONTAINER -->


</div><!--END PAGE WRAP -->
</body>
</html>