master

分支 (1)

管理

管理

master

SpiderBasicPreference
/
source
/
ordering_2.htm


<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="HTML5 Template" />
  <meta name="description" content="SpiderBasic - a Basic to master the Web">

  <title>SpiderBasic</title>

  <!-- Retina Bookmark Icon -->
  <link rel="apple-touch-icon-precomposed" href="apple-icon.png" />

  <!-- Reset CSS -->
  <link href="css/reset.css" rel="stylesheet" />

  <!-- CSS -->
  <link href="css/whhg.css" rel="stylesheet" />
  <link href="css/foundstrap.css" rel="stylesheet" />

  <!-- CSS Plugin -->
  <link href="css/mediaplayer.css" rel="stylesheet" />

  <!-- epicon stylesheet -->
  <link href="css/style.css" rel="stylesheet" />
  <link href="css/epicon-responsive.css" rel="stylesheet" />

  <!-- Theme Option -->
  <link href="css/theme/red.css" id="theme" rel="stylesheet">

  <!-- Favicon -->
  <link rel="shortcut icon" href="img/favicon.png" />

  <script src="js/modernizr.js"></script>
  <script src="js/md5.js"></script>


  <script type="text/javascript">
  <!--
  function hash_password(form)
  {
    if (form.password.value != '')
    {
      form.md5password.value = md5(form.password.value);
      form.password.value = '';
    }
  }
  //-->
  </script>

</head>
<body>

  <!-- main-container -->
  <div id="main-container">

    <!-- headaer -->
    <header>
      <div class="row">
        <div class="large-12 column">
          <div class="header-info">
            <ul class="right-info no-bullet inline-list">

              <li class="login-container">
                <a class="login" id="loginpopup" href="ordering_2.htm#loginform"><i class="icon-enter"></i> login</a>
                <!-- login panel -->
                <div id="loginform" class="login-form-container">
                  <h4><strong class="epicon-strong">Login</strong> to your Account</h4>
                  <form action="securedownload/do-login.htm" method="post" onsubmit="hash_password(this);">
                    <div class="input-group">
                      <span class="input-group-addon"><i class="icon-user"></i></span>
                      <input type="text" class="form-control" placeholder="Enter your email" name="login">
                    </div>
                    <div class="input-group">
                      <span class="input-group-addon"><i class="icon-lock"></i></span>
                      <input type="password" class="form-control" placeholder="Enter your password" name="password">
                    </div>

                    <input type="hidden" name="md5password">

                    <div class="input-group">
                      <button type="submit" class="button button-block">Login</button>
                    </div>
                  </form>
                </div>
                <!-- login panel end here -->
              </li>


              <!--<li class="language-flag">
                <a href="#"><img src="/img/language-flag/fr.png" alt="French Flag"></a>
                <a href="#"><img src="/img/language-flag/us.png" alt="US Flag"></a>
              </li>-->
            </ul>
          </div>

          <div class="header-container">
            <div class="logo-container">
              <a href="index.htm">
                <img class="retina" src="img/logo.png" alt="Epicon Logo">
                SpiderBasic
              </a>
            </div>

           <div class="navigation-container">
             <div class="menu-trigger">
                <img src="img/hamburger-nav.png" alt="burger menu">
             </div>
           </div>

           <div class="social-icon social-header">
             <ul class="no-bullet inline-list">
             </ul>
           </div>

            <!-- menu navigation -->
            <nav class="menu-container">
              <ul id="menu" class="sm epicon-menu">
                <li ><a href="index.htm">Home</a></li>
                <li ><a href="news.htm">News</a></li>
                <li ><a href="download.htm">Download</a></li>
                <li ><a href="pricing.htm">Pricing</a></li>
                <li ><a href="showcase.htm">Showcase</a></li>
                <li ><a href="support.htm">Support</a></li>
                <li ><a href="faq.htm">FAQ</a></li>
              </ul>
            </nav>


          </div>
        </div>
      </div>
    </header>
    <!-- header end here -->


<section class="container no-padding" id="contact-information">
  <div class="row">
    <div class="inner-container">
      <div class="large-12 medium-6 medium-potrait-12 small-12 column no-padding" data-animate="fadeInDown">
        <div class="inner-column" id="contact-form">
          <form class="contact-form clearfix" action="do-ordering.htm" method="post" name="form_ordering" onsubmit="return validate_form()">

            The class room license has been selected (only for school, including the teacher) at 199 EUR.<br><br>


              <div class="input-group large-12 column">
                Number of licenses needed: &nbsp;&nbsp;
                <input id="nb_copies" type="number" name="nb_copies" class="form-control" value="1" min="1" max="99">

                <script type="text/javascript">
                <!--
                document.getElementById("nb_copies").style.display = 'inline';
                document.getElementById("nb_copies").style.width = '100px';
                //-->
                </script>

              </div>


            <div class="input-group large-12 column">
              <span class="input-group-addon"><i class="icon-user"></i></span>
              <input type="text" name="firstname" class="form-control" placeholder="Enter your firstname (leave empty if a company)">
            </div>

            <div class="input-group large-12 column">
              <span class="input-group-addon"><i class="icon-user"></i></span>
              <input type="text" name="lastname" class="form-control" placeholder="Enter your name (or company name)">
            </div>

            <div class="input-group large-12 column">
              <span class="input-group-addon"><i class="icon-mailinglists"></i></span>
              <input type="text" name="address" class="form-control" placeholder="Enter your address">
            </div>

            <div class="input-group large-6 column">
              <span class="input-group-addon"><i class="icon-mailinglists"></i></span>
              <input type="text" name="postal_code" class="form-control" placeholder="Enter your postal code">
            </div>

            <div class="input-group large-6 column">
              <span class="input-group-addon"><i class="icon-mailinglists"></i></span>
              <input type="text" name="city" class="form-control" placeholder="Enter your city">
            </div>

            <div class="input-group large-12 column">
              <span class="input-group-addon"><i class="icon-mailinglists"></i></span>
              <input type="text" name="country" class="form-control" placeholder="Enter your country">
            </div>

            <div class="input-group large-6 column">
              <span class="input-group-addon"><i class="icon-envelope"></i></span>
              <input type="text" name="email" class="form-control" placeholder="Enter your email">
            </div>

            <div class="input-group large-6 column">
              <span class="input-group-addon"><i class="icon-envelope"></i></span>
              <input type="text" name="confirm_email" class="form-control" placeholder="Re-enter your email for confirmation">
            </div>

            <input type="hidden" name="license_type" class="form-control" value="educational" >

            Note: this e-mail will be used to send the license automatically once the paiement
            is accepted. Please check your spam filter if no mail is recieved after one hour.
            This e-mail won't be communicated to any third party. Feel free to contact us if you
            need any support.<br><br>

            <div class="form-group large-12 column">
              <a class="button small button-group" onclick="$(this).closest('form').submit()">Continue
                <span><i class="icon-chevron-right"></i></span>
              </a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<script language="JavaScript">

function isEmpty(s)
{
  return (( s == null) || ( s.length == 0))
}

function mail(champ)
{
  var i = 1;
  var s = champ.value;
  var slength = s.length;

  while ((i < slength) && (s.charAt(i) != "@"))
  {
    i++;
  }

  if ((i >= slength) || (s.charAt(i) != "@"))
  {
    return false;
  }
  else
  {
    i+=2;
  }

  while ((i < slength) && (s.charAt(i) != "."))
  {
    i++;
  }

  if ((i >= slength - 1) || (s.charAt(i) != "."))
  {
    return false;
  }
  else
  {
    return true;
  }
}


function validate_form()
{
  var form = document.form_ordering;

  if (isEmpty(form.lastname.value))
  {
    alert ("Please enter your name.")
    form.lastname.focus();
    form.lastname.select();
    return false;
  }

  if (isEmpty(form.address.value))
  {
    alert ("Please enter your address.")
    form.address.focus();
    form.address.select();
    return false;
  }

  if (isEmpty(form.postal_code.value))
  {
    alert ("Please enter your postal code.")
    form.postal_code.focus();
    form.postal_code.select();
    return false;
  }

  if (isEmpty(form.city.value))
  {
    alert ("Please enter your city")
    form.city.focus();
    form.city.select();
    return false;
  }

  if (isEmpty(form.country.value))
  {
    alert ("Please enter your country.")
    form.country.focus();
    form.country.select();
    return false;
  }

  if (isEmpty(form.email.value))
  {
    alert ("Please enter your email.")
    form.email.focus();
    form.email.select();
    return false;
  }

  if (!mail(form.email))
  {
    alert ("The email format is incorrect")
    form.email.focus();
    form.email.select();
    return false;
  }

  if (form.email.value != form.confirm_email.value)
  {
    alert ("The email and the confirmation email don't match.")
    form.confirm_email.focus();
    form.confirm_email.select();
    return false;
  }

  return true;
}
</script>

<!-- footer -->
<footer>

  <div class="footer-info">
    <div class="row">
      <div class="large-5 medium-5 medium-potrait-12 small-12 column">
        <div>
          Copyright &copy; 2016 Fantaisie Software
        </div>
      </div>

      <div class="large-7 medium-7 medium-potrait-12 small-12 column text-right" id="footer-menu-container">
        <ul class="inline-list footer-menu">
          <li><a href="mailto:support@spiderbasic.com">support@spiderbasic.com</a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>
<!-- footer end here -->

</div>
<!-- main-container end here -->

<!-- javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.smartmenus.min.js"></script>
<script src="js/jquery.scrollUp.js"></script>
<script src="js/jquery.retina.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/icheck.js"></script>

<!-- javascript plugin -->
<script src="js/jquery.player.js"></script>
<script src="http://www.spiderbasic.com/js/twitter/jquery.tweet.js"></script>

<!-- javascript core -->
<script src="js/theme-script.js"></script>

<script type="text/javascript">
jQuery(document).ready(function($){
  // your script here
});
</script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-94052-4', 'auto');
  ga('send', 'pageview');

</script>

</body>
</html>