| <!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 & Past Projects</a></li> |
| <li id="menu-events"><a href="javascript:void(0)">Events & 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"> </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> |
