master

分支 (1)

管理

管理

master

SpiderBasicPreference
/
source
/
pricing.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="pricing.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 class="active"><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 -->

<!-- page header here -->
<section class="container" id="page-header">
  <div class="row">
    <div class="inner-container">
      <div class="large-12 column text-right epic-animate" data-animate="fadeInDown">
        <h1>Pricing<span class="epicon-color">.</span></h1>
        <ol class="breadcrumb">
          <li><a href="index.htm">Home</a></li>
          <li class="active">Pricing</li>
        </ol>
      </div>
    </div>
  </div>
</section>
<!-- page header end here -->

<section class="container">
  <div class="row">
    <div class="large-12 medium-12 column" data-animate="fadeInDown">
      <p>
        SpiderBasic is an affordable yet powerful programming language with a fair update policy.
        There are different prices for different audiences, all coming with a royality-free
        license for programs created with SpiderBasic. The free version of SpiderBasic (limited
        to small webapps) is available for download for everyone, you can get it on the <a href="download.htm">download section</a>.<br>
        <br>
        Registering SpiderBasic gives you access to full-sized webapps, the three versions of SpiderBasic (Linux, Windows and OS X) will be
        immediately available on your online account.  There is also an exclusive access for registered users to forthcoming beta version if you want to
        test it before official release.<br><br>
        Thank you to consider using SpiderBasic for your rich webapps development !
      </p>
    </div>

    <div class="large-12 column" data-animate="fadeInDown">
      <ul class="large-block-grid-3 medium-block-grid-3 medium-potrait-block-grid-1 small-block-grid-1 no-wrap">
        <li class="mo-animate" data-animate="fadeInLeft">
          <ul class="pricing-table">
            <li class="title">Single</li>
            <li class="price">
              <div class="box-icon right">
                <div class="icon-container">
                  <div class="icon-shape circle">
                    <i class="icon-html"></i>
                  </div>
                </div>
                <div class="text-container">
                  <h4 class="title-box"><strong class="epicon-strong">Single user</strong></h4>
                  49 <span class="currency">€</span>
                </div>
              </div>
            </li>
            <li class="description">Only for individual<br>and small company (up to 20 employees)</li>
            <li class="description">Single user license</li>
            <li class="bullet-item">Includes all updates for one year</li>
            <li class="bullet-item">Royality-free license</li>
            <li class="bullet-item">Online account created immediately</li>
            <li class="cta-button">
              <a class="button button-group" href="ordering.htm">Order Now
                <span><i class="icon-circleright"></i></span>
              </a>
            </li>
          </ul>
        </li>

        <li class="mo-animate" data-animate="fadeInLeft">
          <ul class="pricing-table">
            <li class="title">School</li>
            <li class="price">
              <div class="box-icon right">
                <div class="icon-container">
                  <div class="icon-shape circle">
                    <i class="icon-html"></i>
                  </div>
                </div>
                <div class="text-container">
                  <h4 class="title-box"><strong class="epicon-strong">Educational</strong></h4>
                  199 <span class="currency">€</span>
                </div>
              </div>
            </li>
            <li class="description">Only for educational purpose<br>For a whole class room</li>
            <li class="bullet-item">License for class room including teacher</li>
            <li class="bullet-item">Includes all updates for one year</li>
            <li class="bullet-item">Royality-free license</li>
            <li class="bullet-item">Online account created immediately</li>
            <li class="cta-button">
              <a class="button button-group" href="ordering_2.htm">Order Now
                <span><i class="icon-circleright"></i></span>
              </a>
            </li>
          </ul>
        </li>

        <li class="mo-animate" data-animate="fadeInLeft">
          <ul class="pricing-table">
            <li class="title">Site</li>
            <li class="price">
              <div class="box-icon right">
                <div class="icon-container">
                  <div class="icon-shape circle">
                    <i class="icon-html"></i>
                  </div>
                </div>
                <div class="text-container">
                  <h4 class="title-box"><strong class="epicon-strong">Company site</strong></h4>
                  499 <span class="currency">€</span>
                </div>
              </div>
            </li>
            <li class="description">Only for large company<br>(more than 20 employees)</li>
            <li class="bullet-item">Global license for any number of users</li>
            <li class="bullet-item">Includes all updates for one year</li>
            <li class="bullet-item">Royality-free license</li>
            <li class="bullet-item">Online account created immediately</li>
            <li class="cta-button">
              <a class="button button-group" href="ordering_3.htm">Order Now
                <span><i class="icon-circleright"></i></span>
              </a>
            </li>
            </ul>
          </li>

        </ul>
      </div>
    </div>
  </section>

  <section class="container no-padding-top gap" data-gap-top="-10">
    <div class="row" data-animate="fadeInDown">
      <div class="large-12 column">
        <h3><strong class="epicon-strong">Do you</strong> have a question ?</h3>
      </div>

      <div class="large-6 medium-6 column">
        <i class="icon-ok-sign icon-margin"></i><strong>How fast is the delivering?</strong>
        <p>If your payment has been granted, the account is created automatically and a mail is sent to your
          e-mail address. Be sure to check your spam folder, as it sometimes goes in it. If you haven't recieved
          it after one hour, feel free to contact us: support@spiderbasic.com
        </p>
      </div>
      <div class="large-6 medium-6 column">
        <i class="icon-ok-sign icon-margin"></i><strong>If I don't renew my license, can I keep using my older version and
          continue developping and publishing app with it ?</strong>
        <p>Yes, absolutely.</p>
      </div>
      <div class="large-6 medium-6 column">
        <i class="icon-ok-sign icon-margin"></i><strong>Can I use the free version to publish webapps ?</strong>
        <p>Yes, you can do what you want with the apps created with the free version of SpiderBasic.</p>
      </div>
    </div>
  </section>

<!-- 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>