| <!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" /> |
| |
| <!-- |
| //////////////////////// |
| 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" href="css/uniform.default.css" type="text/css" media="screen"> |
| <script src="js/jquery.uniform.min.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| $(function(){ |
| $("select, input:radio, input:file, input:checkbox").uniform(); |
| }); |
| </script> |
| |
| <!-- |
| Character counter |
| http://wplayground.comuv.com/counter/ |
| --> |
| <script src="js/jquery.counter-1.0.min.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| $(function(){ |
| $("#form-proposal-textfield-project-short").counter({ |
| goal: 300 |
| }); |
| $("#form-proposal-textfield-project-full").counter({ |
| goal: 3000 |
| }); |
| }); |
| </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> |
| <ul id="submenu"> |
| <li id="submenu-apply-student" class="active"><a href="javascript:void(0)">As a Student</a></li> |
| <li id="submenu-apply-org"><a href="javascript:void(0)">As an Organization</a></li> |
| <li id="submenu-apply-mentor"><a href="javascript:void(0)">As a Mentor</a></li> |
| </ul> |
| </li> |
| <li id="menu-projects"><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">Submit a Proposal for Google Summer of Code</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. |
| Cras eu ante nec ipsum ultricies consequat imperdiet vitae lacus. Sed nec neque eget mi scelerisque |
| aliquam. Curabitur porttitor tempor interdum.</p> |
| |
| <form action="#" method="post" id="form" class="form-proposal"> |
| |
| <fieldset id="form-fieldset-proposal"> |
| <div id="form-row-project-title" class="row project-title error"> |
| <label>Project Title</label> |
| <input type="text" name="projecttitle" value="" class="text" /> |
| <div class="error-message">*Project needs a name!</div> |
| </div> |
| <div id="form-row-project-desc-short" class="row project-desc-short"> |
| <label>Short Description</label> |
| <input type="text" name="projectdescshort" value="" class="text" id="form-proposal-textfield-project-short" /> |
| </div> |
| <div id="form-row-project-desc-full" class="row project-desc-full"> |
| <label>Full Description</label> |
| <textarea name="projectdescfull" rows="10" cols="10" class="textarea" id="form-proposal-textfield-project-full"></textarea> |
| </div> |
| <div id="form-row-project-sponsor" class="row project-sponsor"> |
| <label>Sponsoring Organization</label> |
| <input type="text" name="projectsponsor" value="" class="text" /> |
| </div> |
| <div id="form-row-project-os" id="form-row-" class="row project-os"> |
| <label>Operating System</label> |
| <select> |
| <option selected="selected" disabled="disabled"></option> |
| <option>Windows</option> |
| <option>Mac OS X</option> |
| <option>Linux</option> |
| <option>N/A</option> |
| </select> |
| <span class="note">Primary OS your project will run on</span> |
| </div> |
| <div id="form-row-project-lang" class="row project-lang"> |
| <label>Language</label> |
| <select> |
| <option selected="selected" disabled="disabled"></option> |
| <option>JavaScript</option> |
| <option>PHP</option> |
| <option>Perl</option> |
| <option>Python</option> |
| </select> |
| </div> |
| <div id="form-row-project-tags" class="row project-tags"> |
| <label>Tags</label> |
| <input type="text" name="projecttags" value="" class="text" /> |
| <span class="note">Describe your proposal with tags (comma separated)<br />Ex: Linux, Apache, C++, GUI</span> |
| </div> |
| <div id="form-row-project-resume" class="row project-resume"> |
| <label>Upload your resume</label> |
| <input type="file" /> |
| <span class="note">Upload any required documents</span> |
| </div> |
| <div id="form-row-project-public" class="row project-public"> |
| <label><input name="projectpublic" value="Public" type="checkbox" /> Public</label> |
| <span class="note">Whether this proposed project will be publicly listed</span> |
| </div> |
| </fieldset> |
| |
| <div id="form-row-button-row" class="row button-row"> |
| <input type="submit" value="Submit" class="submit" /> |
| <input type="submit" value="Save and Close" class="save" /> |
| </div> |
| </form> |
| |
| </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> |