blob: df4dcb00ee08977cd059d2c2952388c5b68eeb06 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Summer of Code</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/forms.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/tables.css" />
<!--
////////////////////////
BEGIN CUSTOM SCRIPTS
////////////////////////
-->
<!--
jQuery 1.4.2
-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<!--
Skinning form elements with Uniform
http://pixelmatrixdesign.com/uniform
-->
<link rel="stylesheet" type="text/css" media="screen" href="css/uniform.default.css" />
<script src="js/jquery.uniform.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("select, input:radio").uniform();
});
</script>
<!--
Table sorter
http://tablesorter.com
-->
<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".table-projects").tablesorter( {sortList: [[1,0]], widgets: ['zebra']} );
}
);
</script>
<!--
////////////////////////
END CUSTOM SCRIPTS
////////////////////////
-->
</head>
<body>
<!--
////////////////////////
BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
<div class="container_12">
<div class="grid_12">
<a href="homepage.html"><img src="images/logo-banner.jpg" height="156" width="924" alt="Google Summer of Code" /></a>
</div>
</div>
</div>
<!-- .page-header -->
<!--
////////////////////////
END DEFAULT HEADER
////////////////////////
-->
<!--
////////////////////////
BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
<div class="container_12">
<!--
////////////////////////
BEGIN SITE MENU
////////////////////////
-->
<div id="main-menu" class="grid_3">
<ul id="main-menu-list">
<li id="menu-login"><a href="javascript:void(0)">Login</a></li>
<li id="menu-about"><a href="javascript:void(0)">About</a></li>
<li id="menu-apply" class="parent"><a href="javascript:void(0)">Apply</a></li>
<li id="menu-projects" class="active"><a href="search.html">Current &amp; Past Projects</a></li>
<li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
<li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
<li id="menu-help"><a href="javascript:void(0)">Help</a></li>
</ul>
</div>
<!-- .grid_3 -->
<!--
////////////////////////
END SITE MENU
////////////////////////
-->
<!--
////////////////////////
BEGIN PAGE CONTENT
////////////////////////
-->
<div class="grid_9">
<div class="content">
<h1 id="main-page-title">Search Projects and Organizations</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod volutpat tellus,
vel dapibus nibh sagittis nec. Vestibulum lectus arcu, aliquam ac elementum a, porttitor lacinia augue.</p>
<div class="form-search">
<form action="#" method="post" id="form" class="form-search">
<h2 id="form-search-title">Keyword Search</h2>
<fieldset id="form-search-fieldset">
<div id="form-row-search-field" class="row search-field">
<input type="text" name="search" value="" class="text" />
</div>
<div id="form-row-search-filter" class="row search-filter">
<select>
<option selected="selected">Program Year</option>
<option>Another option</option>
<option>Option #3</option>
</select>
</div>
<div id="form-row-button-row" class="row button-row">
<input id="form-search-submit" type="submit" value="Search" class="submit" />
</div>
</fieldset>
<div id="form-row-search-note" class="row search-note">
<span class="note">Search within project title, project description, organization name, and all tags</span>
</div>
</form>
</div>
<!-- .search-form -->
<!-- begin table#projects -->
<table id="projects" class="tablesorter table-projects">
<thead>
<tr>
<th><span>Title</span></th>
<th><span>Organization</span></th>
<th><span>Student</span></th>
<th><span>Mentor</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td><a href="javascript:void(0)">Apache</a></td>
<td><a href="javascript:void(0)">Ben Smith</a></td>
<td><a href="javascript:void(0)">Matt McGann</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Consectetur adipiscing elit</a></td>
<td><a href="javascript:void(0)">Apache</a></td>
<td><a href="javascript:void(0)">Mike Yang</a></td>
<td><a href="javascript:void(0)">Danielle Jones</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Praesent ut erat tellus quis rhoncus massa</a></td>
<td><a href="javascript:void(0)">Apache</a></td>
<td><a href="javascript:void(0)">Kim Hunter</a></td>
<td><a href="javascript:void(0)">Yan Zēng</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Donec malesuada tempus laoreet</a></td>
<td><a href="javascript:void(0)">Apache</a></td>
<td><a href="javascript:void(0)">Natanya Kutzow</a></td>
<td><a href="javascript:void(0)">Anika Sarin</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Pellentesque vestibulum sem et enim malesuada porta</a></td>
<td><a href="javascript:void(0)">Mozilla</a></td>
<td><a href="javascript:void(0)">Ben Smith</a></td>
<td><a href="javascript:void(0)">Matt McGann</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Morbi tempor lorem in enim ullamcorper</a></td>
<td><a href="javascript:void(0)">Mozilla</a></td>
<td><a href="javascript:void(0)">Mike Yang</a></td>
<td><a href="javascript:void(0)">Danielle Jones</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Aenean eleifend enim eget neque</a></td>
<td><a href="javascript:void(0)">Mozilla</a></td>
<td><a href="javascript:void(0)">Kim Hunter</a></td>
<td><a href="javascript:void(0)">Yan Zēng</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Condimentum ligula lacinia</a></td>
<td><a href="javascript:void(0)">Mozilla</a></td>
<td><a href="javascript:void(0)">Natanya Kutzow</a></td>
<td><a href="javascript:void(0)">Anika Sarin</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Venenatis sagittis</a></td>
<td><a href="javascript:void(0)">WikiMedia</a></td>
<td><a href="javascript:void(0)">Ben Smith</a></td>
<td><a href="javascript:void(0)">Matt McGann</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Aliquam quis dolor sit amet</a></td>
<td><a href="javascript:void(0)">WikiMedia</a></td>
<td><a href="javascript:void(0)">Mike Yang</a></td>
<td><a href="javascript:void(0)">Danielle Jones</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Magna hendrerit viverra</a></td>
<td><a href="javascript:void(0)">WikiMedia</a></td>
<td><a href="javascript:void(0)">Kim Hunter</a></td>
<td><a href="javascript:void(0)">Yan Zēng</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Ultricies laoreet a gravida risus</a></td>
<td><a href="javascript:void(0)">WikiMedia</a></td>
<td><a href="javascript:void(0)">Natanya Kutzow</a></td>
<td><a href="javascript:void(0)">Anika Sarin</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Praesent ac enim leo</a></td>
<td><a href="javascript:void(0)">Drupal</a></td>
<td><a href="javascript:void(0)">Ben Smith</a></td>
<td><a href="javascript:void(0)">Matt McGann</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Nunc ut placerat orci</a></td>
<td><a href="javascript:void(0)">Drupal</a></td>
<td><a href="javascript:void(0)">Mike Yang</a></td>
<td><a href="javascript:void(0)">Danielle Jones</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Suspendisse at lacus sem</a></td>
<td><a href="javascript:void(0)">Drupal</a></td>
<td><a href="javascript:void(0)">Kim Hunter</a></td>
<td><a href="javascript:void(0)">Yan Zēng</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Nulla quis mollis libero</a></td>
<td><a href="javascript:void(0)">Drupal</a></td>
<td><a href="javascript:void(0)">Natanya Kutzow</a></td>
<td><a href="javascript:void(0)">Anika Sarin</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Vestibulum aliquet dolor quis justo tempor feugiat</a></td>
<td><a href="javascript:void(0)">Perl</a></td>
<td><a href="javascript:void(0)">Ben Smith</a></td>
<td><a href="javascript:void(0)">Matt McGann</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Etiam id quam mi, nec tempus justo</a></td>
<td><a href="javascript:void(0)">Perl</a></td>
<td><a href="javascript:void(0)">Mike Yang</a></td>
<td><a href="javascript:void(0)">Danielle Jones</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Nam libero turpis tincidunt nec tristique</a></td>
<td><a href="javascript:void(0)">Perl</a></td>
<td><a href="javascript:void(0)">Kim Hunter</a></td>
<td><a href="javascript:void(0)">Yan Zēng</a></td>
</tr>
<tr>
<td><a href="javascript:void(0)">Quisque ut odio auctor</a></td>
<td><a href="javascript:void(0)">Perl</a></td>
<td><a href="javascript:void(0)">Natanya Kutzow</a></td>
<td><a href="javascript:void(0)">Anika Sarin</a></td>
</tr>
</tbody>
</table>
<!-- end table#projects -->
<div id="table-pager" class="pager">
<p><a href="javascript:void(0)" class="prev">Prev</a> Page 1 of <span>10</span> <a href="javascript:void(0)" class="next">Next</a></p>
</div>
</div>
<!-- .content -->
</div>
<!-- .grid_9 -->
<!--
////////////////////////
END PAGE CONTENT
////////////////////////
-->
</div>
<!-- .container_12 -->
</div>
<!-- .main -->
<!--
////////////////////////
END MAIN CONTENT
////////////////////////
-->
<!--
////////////////////////
BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
<div class="container_12">
<div class="grid_3">&nbsp;</div>
<!-- .grid_3 -->
<div class="grid_9">
<div class="footer-menu">
<ul id="footer-menu-list">
<li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
<li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
<li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
<li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
<li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
<li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
<li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
<li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-meta">
<span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
</div>
</div>
<!-- .grid_9 -->
</div>
<!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!--
////////////////////////
END DEFAULT FOOTER
////////////////////////
-->
</body>
</html>