payment.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="description" content="FOSSMeet is the annual event on Free and Open source software, conducted at National Institute of Technology, Calicut.">
<meta name="keywords" content="nitc,fossmeet,fsf,gnu,icfoss,concur,NITC,CSEA,FOSSCell">
<meta name="author" content="Creative Team, FOSSCell NIT Calicut">

  <meta property="og:title" content="FOSSMeet '16" />
  <meta property="og:type" content="Website" />
  <meta property="og:url" content="http://www.fossmeet.in"/>
  <meta property="og:description" content="FOSSMeet is the annual event on Free and Open source software, conducted at National Institute of Technology, Calicut." />
  <meta property="og:locale" content="en_IN" />
  <meta property="og:image" content="http://fossmeet.in/img/poster.jpg" />
  <meta property="fb:app_id" content="921306757944441" />

  <link rel="shortcut icon" type="image/png" href="img/logo16.png" />

  <title>FOSSMeet '16</title>

    <link rel="stylesheet" href="css/payment.css">

</head>
<body>

<h3 style="text-align:center;">Online Registration is Closed!</h3>

<!--

  <ul class="form-fields">

    <div class="row">


    <li class=" columns small-6 clear ">
      <label for="id_billing_address_first_name">Name:</label>
      <input class="text-input parsley-validated" id="id_billing_address_first_name" maxlength="20" name="billing_address_first_name" maxlength="20" placeholder="Enter your full name." type="text" onfocus="document.getElementById('name_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('name_hint').style='display: none;';" required>
    </li>

<li class="columns small-6 clear">
<div class="text-hint" id="name_hint">Please enter your full name as given in your institute identity card.</div>
</li>

</div>
    <div class="row">


    <li class=" columns small-6 clear ">
      <label for="id_customer_email">Email Address:</label>
      <input class="text-input parsley-validated" id="id_customer_email" maxlength="75" name="customer_email" parsley-required="true" parsley-required-message="Please fill in your email address." parsley-type="email" parsley-type-email-message="Please enter a valid email" placeholder="So we can send you the purchase details." type="email" onfocus="document.getElementById('email_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('email_hint').style='display: none;';" required>
    </li>

<li class="columns small-6 clear">
<div class="text-hint" id="email_hint">And promise, we won't send you any unsolicited email - we hate spam too.</div>
</li>

</div>
    <div class="row">

    <li class=" columns small-6 clear  ">
      <label for="id_customer_phone">Phone Number:</label>
      <input class="text-input parsley-validated" id="id_customer_phone" maxlength="20" name="customer_phone" parsley-maxlength="20" parsley-maxlength-message="Please keep the length below 20" parsley-required="true" parsley-required-message="Please fill in your phone number." parsley-type="phone" parsley-type-phone-message="Please enter a valid phone number" placeholder="Your phone number" type="tel" onfocus="document.getElementById('no_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('no_hint').style='display: none;';" required>
    </li>

<li class="columns small-6 clear">
<div class="text-hint" id="no_hint">And promise, we won't send you any unsolicited SMSs - we hate spam too.</div>
</li>


</div>

    <div class="row">
<li class="columns small-6 clear">
<div class="text-hint" id="amt_hint">Which type of ticket do you want to buy?</div>
</li>

    <li class=" columns small-6 clear  ">
      <label for="id_total_amount">Enter Amount:</label>
      <select name="total_amount" id="id_total_amount" parsley-type="number" class="parsley-validated" onfocus="document.getElementById('amt_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('amt_hint').style='display: none;';if(document.getElementById('id_total_amount').value == 200) document.getElementById('id_Field_72942').value='National Institute of Technology, Calicut';">
        <option value="200">Students of National Institute of Technology, Calicut -- ₹200 </option>
        <option value="500">Students of other Institutes -- ₹500</option>
        <option value="1000" selected>Professionals -- ₹1000</option>
      </select>
    </li>

</div>


    <div class="row">

    <li class=" columns small-6 clear  ">
      <label for="id_Field_72942">Institution Name:</label>
      <input id="id_Field_72942" maxlength="255" name="Field_72942" parsley-required="true" placeholder="" type="text" class="parsley-validated" onfocus="document.getElementById('inst_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('inst_hint').style='display: none;';" required>
    </li>

<li class="columns small-6 clear">
<div class="text-hint" id="inst_hint">Please give the name of your institute.</div>
</li>


</div>
    <div class="row">

    <li class=" columns small-6 clear  ">
      <label for="id_Field_52247">Food Preference:</label>
      <select name="Field_52247" id="id_Field_52247" parsley-required="true" class="parsley-validated" onfocus="document.getElementById('food_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('food_hint').style='display: none;';">
        <option value="veg">Vegetarian</option>
        <option value="non_veg">Non Vegetarian</option>
      </select>
    </li>

<li class="columns small-6 clear">
<div class="text-hint" id="food_hint">Give us your food preferences so that we can know how to serve you!</div>
</li>


</div>
    <div class="row">


<li class="columns small-6 clear">
<div class="text-hint" id="tshirt_hint">Do you want the FOSSMeet '16 official T-Shirts?</div>
</li>

    <li class=" columns small-6 clear  ">
      <label for="id_Field_65157">FOSSMeet '16 T-Shirts <i><small>The registration amount does not include the T-Shirt cost.</small></i>:</label>
      <select name="Field_65157" id="id_Field_65157" parsley-required="true" class="parsley-validated" onfocus="document.getElementById('tshirt_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('tshirt_hint').style='display: none;';">
                <option value="N">No</option><option value="Y">Yes</option>

      </select>
    </li>


</div>

    <div class="row" id="optField">


<li class="columns small-6 clear">
<div class="text-hint" id="tshirt_spec_hint">The size you require for your FOSSMeet '16 official T-Shirts.</div>
</li>

    <li class=" columns small-6 clear  ">
      <label for="TSHIRT_SPEC">Your T-Shirt size: </label>
      <select name="TSHIRT_SPEC" id="id_TSHIRT_SPEC" parsley-required="true" class="parsley-validated" onfocus="document.getElementById('tshirt_hint').style='display: -webkit-flex;display: -ms-flexbox;display: flex;';" onblur="document.getElementById('tshirt_hint').style='display: none;';">
        <option value="NA">Not Applicable</option>
                <option value="S">Small</option>
        <option value="M">Medium</option>
<option value="L">Large</option>
<option value="XL">eXtra Large</option>
<option value="XXL">XXL</option>
      </select>
    </li>


</div>

    <li class="columns small-6 clear"><input value="Pay Now" type="submit" class="btn--green btn--full" name="fm16_pay_btn">-->
	<!--<p class="text-center"><small class="grey notice display-inline">By purchasing, you've read &amp; agreed to our <a href="terms.html" target="_blank">Terms</a> &amp; <a href="privacy.html" target="_blank">Privacy Policy</a>.</small></p>-->
	<!--</li>

  </ul>
  

</form>-->


<script src="js/payment.js"></script>

</body>
</html>