API tools faq
paste
Advertisement
Guest User

Main Page

a guest
Dec 7th, 2012
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.10 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. include "functions.php";
  3. ?>
  4. <!doctype html>
  5. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  6. <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  7. <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  8. <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
  9. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  10. <head>
  11.     <meta charset="utf-8">
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13.     <title>
  14.         Online Gift &mdash; Gift Information
  15.     </title>
  16.     <meta name="description" content="Hampden-Sydney College Online Gift Form">
  17.     <meta name="viewport" content="width=device-width">
  18. <!--Old Style's from Old Form-->
  19. <style type="text/css" media="all">
  20. @import "http://www.hsc.edu/PreBuilt/hsc1.css";
  21. .arrow {
  22.     color: #999;
  23. }
  24. .block { margin-top:-20px; }
  25. .scrolllist {
  26.         height: 75px;
  27.     width: 475px;
  28.     margin-left:26px;
  29.         padding: 5px;
  30.         overflow: auto;
  31.         border: 1px solid #ccc
  32. }
  33. .scrolllist2 {
  34.         height: 75px;
  35.     width: 300px;
  36.     margin-left:26px;
  37.         padding: 5px;
  38.         overflow: auto;
  39.         border: 1px solid #ccc
  40. }
  41. </style>
  42. <link rel="stylesheet" href="css/style.css">
  43. <!-- All JavaScript at the bottom, except this Modernizr build.
  44.       Modernizr enables HTML5 elements & feature detects for optimal performance.
  45.       Create your own custom Modernizr build: www.modernizr.com/download/ -->
  46.   <script src="js/libs/modernizr-2.5.3.min.js"></script>
  47. </head>
  48. <body>
  49.     <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started -->
  50.     <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  51.     <div role="main" id="content">
  52.         <header>
  53.             <a href="http://www.hsc.edu">
  54.                 <img src="http://www.hsc.edu/images/hpheadernew2.gif" alt="Hampden-Sydney College " id="headerImage">
  55.             </a>
  56.         </header>
  57.  
  58.         <!-- DATE -->
  59.         <p class="floatRight">
  60.             <?php echo getTodaysDate(); ?>
  61.         </p>
  62.  
  63.         <!--Title-->
  64.         <h1 class="floatLeft">
  65.             The Hampden-Sydney Fund
  66.         </h1>
  67.         <br /><br /><br />
  68.         <span class="headerTagline">
  69.                 <strong>Making an atmosphere of sound learning a reality, year after year.</strong>
  70.         </span>
  71.  
  72.         <div class="clearfix"></div>
  73.         <!-- /DATE -->
  74.         <br />
  75.         <!--Inform the user that the form IS secure!-->
  76.         <p>
  77.             To make a credit card gift to Hampden-Sydney College, simply fill out the form below and continue to the payment information page. Credit card information is handled using a secure web server and all information is encrypted before submission to the Office of Institutional Advancement. If you have any questions, please <a href="mailto:lreinson@hsc.edu" title="Contact Us">Contact Us</a> with any questions or updates. For Stock Gift Donors, please view the instructions <a href="https://secure.hsc.edu/gifts/StockGiftInstructions.pdf" title="Stock Gift Donor Instructions">here</a>.
  78.         </p>
  79.                 <!--One Time or Recurring Step-->
  80.                 <div class="formStep" id="step0">
  81.                     <!--Ask whether it's a one-time gift or a recurring gift-->
  82.                     <div class="centerButtons">
  83.                         <a href="#" id="oneTimeGift"><img src="img/One-TimeGift.png" class="OTG" alt="I would like to make a one-time gift" /></a>
  84.                         <a href="#" id="recurringGift"><img src="img/RecurringGift.png" alt="I would like to make a recurring gift" /></a>
  85.                     </div>
  86.                 </div>
  87.                 <!--End Question Step-->
  88.  
  89.                 <form id="DonationForm" action="processForm.php" method="post">
  90.                 <!--First Step-->
  91.                 <div class="formStep" id="step1">
  92.                     <!--One Time Gift-->
  93.                     <div id="makingAOneTimeGift">
  94.                         Enter Donation Amount Here: $<input type="number" min="0" name="oneTimeDonationValue" id="oneTimeDonationValue" size="15" value="0" />
  95.                     </div>
  96.  
  97.                     <!--Recurring Gift-->
  98.                     <div id="makingARecurringGift">
  99.                        Enter Recurring Gift Amount: $<input type="number" min="0" name="recurringDonationValue" id="recurringDonationValue" size="15" value="0" /><br />
  100.                        I would like to make this gift for <input type="number" min="0" max="60" name="numberOfMonths" id="numberOfMonths" size="15" value="0" /> months.<br />
  101.                         Total Gift Amount of $<input type="number" min="0" value="0" name="totalRecurringDonationValue" />.
  102.                     </div>
  103.                     <!--End Form Section 1-->
  104.                     <div id="first" class="clearfix"></div>
  105.                     <input class="submit floatLeft" type="submit" name="return_question" id="return_question" value="Previous" />
  106.                     <input class="submit floatRight" type="submit" id="submit_first" name="submit_first" value="Next" />
  107.                 </fieldset>
  108.                     <br />
  109.                 </div>
  110.                 <!--End First Step-->
  111.  
  112.  
  113.                 <!--Second Step-->
  114.                 <div class="formStep" id="step2">
  115.                     <p>
  116.                         <strong>$<span id="showTotalDonationAmount">DONATION_AMOUNT</span> &mdash; Your <span id="typeOfGift">GIFT_TYPE</span> gift amount from the previous page.
  117.                             <!--If more than one fund is chosen, display the following-->
  118.                             Enter amounts for each fund below. If you would like to change the total amount, please press the previous button.
  119.                         </strong>
  120.                     </p>
  121.                         <fieldset>
  122.                             <legend>
  123.                                 I would like to allocate my gift
  124.                             </legend>
  125.                                 <input type="checkbox" name="Class_Scholarships" value="class_scholarships" class="enableClassYearSelection" />
  126.                                 <label><strong>to a Specific Scholarship</strong></label>
  127.                                     <!--Dropdown if selected-->
  128.                                     <div id="ifClassScholashipsSelected">
  129.                                         <label><em>Please select the scholarships below</em></label> <br />
  130.                                         <div class="scrolllist">
  131.                                             <input value="Class_Of_2003">Class of 2003 Scholarship IHO Ralph A. Crawley</option>
  132.                                             <input value="Class_Of_2004">Class of 2004 Scholarship IMO C. Frazier 04 &amp; IHO W. Simms</option>
  133.                                             <input value="Class_Of_2005">Class of 2005 Scholarship IMO Prof. Lee Cohen</option>
  134.                                             <input value="Class_Of_2006">Class of 2006 Scholarship IMO Peter C. Bance Jr</option>
  135.                                             <input value="Class_Of_2007">Class of 2007 Scholarship IHO Lt. Gen. Sam Wilson</option>
  136.                                             <input value="Class_Of_2008">Class of 2008 Scholarship IHO Ms. Gerry Pettus</option>
  137.                                             <input value="Class_Of_2009">Class of 2009 Scholarship</option>
  138.                                             <input value="Class_Of_2010">Class of 2010 Scholarship IHO Mrs. Dottie Fahrner</option>
  139.                                             <input value="Class_Of_2011">Class of 2011 Scholarship IHO Ms. Anita Garland</option>
  140.                                             <input value="Class_Of_2012">Class of 2012 Scholarship IHO Mr. Jason M. Ferguson 96</option>
  141.                                             <option value="Class_Of_1951">Class of 1951 Memorial Scholarship</option>
  142.                                             <option value="Class_Of_1953">Class of 1953 Scholarship Endowment</option>
  143.                                             <option value="Class_Of_1954">Class of 1954 Wilson Center Lecture Series</option>  
  144.                                             <option value="Class_Of_1958">Class of 1958 Summer College Endowment Fund</option>  
  145.                                             <option value="Class_Of_1960">Class of 1960 Good Men Good Citizens Scholarship</option>  
  146.                                             <option value="Class_Of_1961">Class of 1961 Good Men Good Citizens Scholarship</option>
  147.                                             <option value="Class_Of_1980">Class of 1980 Endowed Scholarship</option>
  148.                                         </div>
  149.                                     </div>
  150.                                     <!--End Dropdown-->
  151.                                     <br />
  152.  
  153.                                 <input type="checkbox" name="CultureandCommunity" value="culture_and_community" />
  154.                                 <label><strong>Culture and Community</strong> &mdash; Supports the arts at Hampden-Sydney and service opportunities locally and around the world.</label><br />
  155.  
  156.                                 <input type="checkbox" name="OtherFunds" value="other_funds" class="enableOtherFunds" />
  157.                                 <label><strong>Would you like to donate to other funds?</strong></label>
  158.                                 <!--Dropdown if selected-->
  159.                                     <div id="ifOtherFundsSelected">
  160.                                         <label><em>Please select the fund below</em></label> <br />
  161.                                         <div class="scrolllist">
  162.                                             <input type="checkbox" name="BortzLibrary" value="1" /> Bortz Library<br />
  163.                                             <input type="checkbox" name="EstherAtkinsonMuseum" value="1"  />Esther Atkinson Museum<br />
  164.                                             <input type="checkbox" name="EverettStadium" value="1" />Everett Stadium<br />
  165.                                             <input type="checkbox" name="GMGCScholarship" value="1" />Good Men Good Citizens Scholarship<br />
  166.                                             <input type="checkbox" name="KirkAthleticCenter" value="1" />Kirk Athletic Center<br />
  167.                                             <input type="checkbox" name="BaseballBigHittersClub" value="1"  />Baseball Big Hitters Club<br />
  168.                                             <input type="checkbox" name="BasketballRoundballClub" value="1" />Basketball Roundball Club<br />
  169.                                             <input type="checkbox" name="CrossCountryHarriers" value="1" />Cross Country Harriers<br />
  170.                                             <input type="checkbox" name="GolfHoleOneClub" value="1" />Golf Hole In One Club<br />
  171.                                             <input type="checkbox" name="FootballGridironClub" value="1" />Football Gridiron Club<br />
  172.                                             <input type="checkbox" name="LacrosseFaceOffClub" value="1" />Lacrosse Face Off Club<br />                                                                      
  173.                                             <input type="checkbox" name="SoccerGoalClub" value="1" />Soccer Goal Club<br />  
  174.                                             <input type="checkbox" name="TennisRacquetClub" value="1" />Tennis Racquet Club<br />
  175.                                             <input type="checkbox" name="SwimmingClub" value="1" />Swimming Club<br />
  176.                                             <input type="checkbox" name="RugbyClub" value="1" />Rugby Club<br />  
  177.                                             <input type="checkbox" name="UnrestrictedCapital" value="1" />Unrestricted Capital<br />  
  178.                                             <input type="checkbox" name="WilsonCenter" value="1" />Wilson Center<br />
  179.                                             <input type="checkbox" name="Other" value="1" />Other&mdash;<em>Explain in Special Instructions</em><br />                                
  180.                                     </div>
  181.                                     </div>
  182.                                     <!--End Dropdown-->
  183.                                     <br />
  184.                                     <input type="checkbox" name="Unrestricted" value="unrestricted" />
  185.                                     <label><strong>unrestricted</strong> &mdash; Funds the annual need of &ldquo;Forming good men and good citizens.&rdquo;.</label><br />
  186.                                     <br />
  187.                                     <label><strong>Special Instructions</strong></label><br />
  188.                                     <textarea name="specinstr" cols="100" rows="3" onKeyDown="limitText(this.form.specinstr,this.form.countdown,255);" onKeyUp="limitText(this.form.specinstr,this.form.countdown,255);">
  189.                                     </textarea>
  190.                                     <br />
  191.                                     <span style="font-size: .5em;">You have <input readonly type="text" name="countdown" size="3" value="255" /> characters left.</span>
  192.                         </fieldset>
  193.                     <!--End Form Section 2-->
  194.                         <div class="clearfix"></div>
  195.                         <br />
  196.                 <input class="submit floatLeft" type="submit" name="return_first" id="return_first" value="Previous" />
  197.                 <input class="submit floatRight" type="submit" name="submit_second" id="submit_second" value="Next" onclick="replaceDonationAmount()" />
  198.                 <br />
  199.                 </div>
  200.                 <!--End Second Step-->
  201.                
  202.                 <div class="formStep" id="step3">
  203.  
  204.                         <fieldset>
  205.                             <legend>
  206.                                 Donor Information
  207.                             </legend>
  208.                             <label>First Name:</label>
  209.                                 <input type="text" name="usersFirstName" size="20" />
  210.                                 &nbsp;
  211.                             <label>Last Name:</label>
  212.                                 <input type="text" name="usersLastName" size="30" />
  213.                                 <br />
  214.                             <label>Employer Name (Optional):</label>
  215.                                 <input type="text" name="usersEmployer" size="30" />
  216.                                 <br />
  217.                             <label>Street Address:</label>
  218.                                 <input type="text" name="usersStreetAddress" size="30" />
  219.                                 <br />
  220.                             <label>Apt, Suite, Bldg. (Optional):</label>
  221.                                 <input type="text" name="usersSecondaryAddress" size="30" />
  222.                                 <br />
  223.                             <label>City:</label>
  224.                                 <input type="text" name="usersCity" size="30" />
  225.                                 <br />
  226.                             <label>Country:</label>
  227.                                 <input type="text" name="usersCountry" size="30" />
  228.                                 <br />
  229.                             <label>Home Phone:</label>
  230.                                 <input type="text" name="usersHomePhone" size="30" />
  231.                                 <br />
  232.                             <label>Work Phone:</label>
  233.                                 <input type="text" name="usersWorkPhone" size="30" />
  234.                                 <br />
  235.                             <label>Email:</label>
  236.                                 <input type="email" name="usersEmail" size="45" />
  237.                                 <br />
  238.                         </fieldset>
  239.                         <div class="clearfix"></div>
  240.                         <br />
  241.                 <input class="submit floatLeft" type="submit" name="return_second" id="return_second" value="Previous" />
  242.                 <input class="submit floatRight" type="submit" name="submit_third" id="submit_third" value="Next" />
  243.                 <br />
  244.                 </div>
  245.                 <div class="formStep" id="step4">
  246.                         <fieldset>
  247.                             <legend>
  248.                                 <strong>
  249.                                     Payment Method&mdash;Credit Card Information
  250.                                 </strong>
  251.                             </legend>
  252.                             <br />
  253.                             <label>Name as it appears on Credit Card:</label>
  254.                                 <input type="text" name="nameOnCard" size="20" />
  255.                                 <br />
  256.                             <label>Credit Card Number:</label>
  257.                                 <input type="text" name="numberOnCard" size="30" />
  258.                                 <br />
  259.                             <label>Credit Card Verification Code (CVV or CSV):</label>
  260.                                 <input type="text" name="securityCodeOnCard" size="30" />
  261.                                 <br />
  262.                             <label>Expiration Date:</label>
  263.                                 <input type="text" name="expirationMonthOnCard" size="5" />&nbsp;/&nbsp;<input type="text" name="expirationYearOnCard" size="5" />
  264.                                 <br />
  265.                         </fieldset>
  266.                         <div class="clearfix"></div>
  267.                 <input class="submit floatLeft" type="submit" name="return_third" id="return_third" value="Previous" />
  268.                 <input class="submit floatRight" type="submit" name="submit_form" id="submit_form" value="Submit" />
  269.                 <br />
  270.                 </div>
  271.         </form>
  272.     <br />
  273. <footer>
  274.     <div class="floatLeft">
  275.         <p>
  276.             &copy; 2012&ndash;2013
  277.             <br />
  278.             <a href="http://www.hsc.edu/Computing-Center/Policies/Digital-Copyright-Infringements.html" title="Copyright" target="_blank"><em>Copyright</em></a> | <a href="http://www.hsc.edu/Emergencies.html" title="Emergencies" target="_blank"><em>Emergencies</em></a> | <a href="http://www.hsc.edu/Search/A-Z-Index.html" title="Site Index" target="_blank"><em>Site Index</em></a>
  279.         </p>
  280.     </div>
  281.     <div class="floatRight">
  282.         <p>
  283.             Hampden-Sydney, VA 23943
  284.             <br />
  285.             <a href="tel:+4342236000" title="434-223-6000">(434) 223&ndash;6000</a> | <a href="#" title="Contact the College" target="_blank">Contact the College</a>
  286.         </p>
  287.     </div>
  288. </footer>
  289. <!--End Main Area-->
  290. </div>
  291.   <!-- JavaScript at the bottom for fast page loading -->
  292.   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  293.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  294.   <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
  295.   <!--JQuery UI-->
  296.   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
  297.   <script>window.jQuery || document.write('<script src="js/libs/jquery-ui-1.8.23.custom.min.js"><\/script>')</script>
  298.  
  299.   <!-- scripts concatenated and minified via build script -->
  300.   <script src="js/plugins.js"></script>
  301.   <!--Hide or Show Class Year Selection-->
  302.   <!--Rotation of the different "Steps"-->
  303.   <script src="js/script.js"></script>
  304.   <script src="js/jquery.creditCardValidator.js"></script>
  305.   <!-- end scripts -->
  306.  
  307.   <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
  308.       mathiasbynens.be/notes/async-analytics-snippet -->
  309. <script>
  310.     var _gaq=[['_setAccount','UA-23315215-1'],['_trackPageview']];
  311.     (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  312.     g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  313.     s.parentNode.insertBefore(g,s)}(document,'script'));
  314.  </script>
  315. </body>
  316. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!