isEven/website/index.html

532 lines
29 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="isEven API tells you if a number is even">
<meta name="author" content="isEven">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="isEven API" /> <!-- website name -->
<meta property="og:site" content="isEven API" /> <!-- website link -->
<meta property="og:title" content="isEven API"/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="isEven API tells you if a number is even" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="https://isevenapi.xyz" /> <!-- where do you want your post to link to -->
<!-- Website Title -->
<title>isEven API - Tell if a number is even</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/fontawesome-all.css" rel="stylesheet">
<link href="css/swiper.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=jwEbQRMQyE">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=jwEbQRMQyE">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=jwEbQRMQyE">
<link rel="manifest" href="/site.webmanifest?v=jwEbQRMQyE">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=jwEbQRMQyE" color="#5bbad5">
<link rel="shortcut icon" href="/favicon.ico?v=jwEbQRMQyE">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body data-spy="scroll" data-target=".fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
<div class="container">
<!-- Text Logo - Use this if you don't have a graphic logo -->
<!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->
<!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
<!-- Mobile Menu Toggle Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-awesome fas fa-bars"></span>
<span class="navbar-toggler-awesome fas fa-times"></span>
</button>
<!-- end of mobile menu toggle button -->
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link page-scroll" href="#header">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#features">FEATURES</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#details">DOCS</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#pricing">PRICING</a>
</li>
</ul>
</div>
</div> <!-- end of container -->
</nav> <!-- end of navbar -->
<!-- end of navigation -->
<!-- Header -->
<header id="header" class="header">
<div class="header-content">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-5">
<div class="text-container">
<h1>isEven API</h1>
<p class="p-large">Use isEven to tell if a number is even</p>
<a class="btn-solid-lg page-scroll" href="#details">VIEW DOCS</a>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
<div class="col-lg-6 col-xl-7">
<div class="image-container">
<div class="img-wrapper">
<img class="img-fluid" src="images/header-software-app.png" alt="alternative">
</div> <!-- end of img-wrapper -->
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of header-content -->
</header> <!-- end of header -->
<svg class="header-frame" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 310"><defs><style>.cls-1{fill:#5f4def;}</style></defs><title>header-frame</title><path class="cls-1" d="M0,283.054c22.75,12.98,53.1,15.2,70.635,14.808,92.115-2.077,238.3-79.9,354.895-79.938,59.97-.019,106.17,18.059,141.58,34,47.778,21.511,47.778,21.511,90,38.938,28.418,11.731,85.344,26.169,152.992,17.971,68.127-8.255,115.933-34.963,166.492-67.393,37.467-24.032,148.6-112.008,171.753-127.963,27.951-19.26,87.771-81.155,180.71-89.341,72.016-6.343,105.479,12.388,157.434,35.467,69.73,30.976,168.93,92.28,256.514,89.405,100.992-3.315,140.276-41.7,177-64.9V0.24H0V283.054Z"/></svg>
<!-- end of header -->
<!-- Customers -->
<div class="slider-1">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Image Slider -->
<div class="slider-container">
<div class="swiper-container image-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-1.png" alt="alternative">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-2.png" alt="alternative">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-3.png" alt="alternative">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-4.png" alt="alternative">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-5.png" alt="alternative">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="images/customer-logo-6.png" alt="alternative">
</div>
</div> <!-- end of swiper-wrapper -->
</div> <!-- end of swiper container -->
</div> <!-- end of slider-container -->
<!-- end of image slider -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of slider-1 -->
<!-- end of customers -->
<!-- Features -->
<div id="features" class="cards-1">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="above-heading">FEATURES</div>
<h2 class="h2-heading">Let our API deliver instant numerical information</h2>
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-12">
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="images/description-1.png" alt="alternative">
</div>
<div class="card-body">
<h4 class="card-title">Even</h4>
<p>It's easy to tell if a given number is even.</p>
</div>
</div>
<!-- end of card -->
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="images/description-2.png" alt="alternative">
</div>
<div class="card-body">
<h4 class="card-title">Odd</h4>
<p>If a number isn't even, you can easily tell that it's odd.</p>
</div>
</div>
<!-- end of card -->
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="images/description-3.png" alt="alternative">
</div>
<div class="card-body">
<h4 class="card-title">Grow</h4>
<p>We support a large range of numbers to fit your application's needs.</p>
</div>
</div>
<!-- end of card -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of cards-1 -->
<!-- end of description -->
<!-- Details -->
<div id="details" class="basic-1">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="text-container">
<h2>isEven Public API Docs</h2>
<p>isEven API is a RESTful API that returns json.</p>
<p>API URL: <a href="https://api.isevenapi.xyz/api/" target="_blank">https://api.isevenapi.xyz/api/</a></p>
<h4>GET /iseven/&lt;number&gt;/</h4>
<div style="margin-left: 1.5rem;">
<p>Returns whether a given number is even.
Allowed numbers depend on your API tier. See Pricing below.</p>
<p><b>URL Parameters</b></p>
<p>number: the number you want to check</p>
<p><b>Example</b></p>
<p><a href="https://api.isevenapi.xyz/api/iseven/6/" target="_blank">https://api.isevenapi.xyz/api/iseven/6/</a></p>
<p><b>Unofficial Python Module</b></p>
<p><a href="https://pypi.org/project/PyIsEven/" target="_blank">https://pypi.org/project/PyIsEven/</a></p>
</div>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
<div class="col-lg-6">
<div class="image-container">
<p><b>Example API Response</b></p>
<pre style="background: black; color: white; padding: 0.5rem; font-size: 1rem;">
$ curl https://api.isevenapi.xyz/api/iseven/6/
{
"iseven": true,
"ad": "Buy isEvenCoin, the hottest new cryptocurrency!"
}
</pre>
<p>Sign up for isEven Premium or Enterprise to remove advertisements.</p>
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of details -->
<!-- Pricing -->
<div id="pricing" class="cards-2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="above-heading">PRICING</div>
<h2 class="h2-heading">Pricing Options Table</h2>
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-12">
<!-- Card-->
<div class="card">
<div class="card-body">
<div class="card-title">PUBLIC</div>
<div class="price"><span class="currency">$</span><span class="value">Free</span></div>
<div class="frequency">&nbsp;</div>
<div class="divider"></div>
<ul class="list-unstyled li-space-lg">
<li class="media">
<i class="fas fa-check"></i><div class="media-body">isEven number API route</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">Range: 0 - 999,999</div>
</li>
<li class="media">
<i class="fas fa-times"></i><div class="media-body">No advertisements</div>
</li>
<li class="media">
<i class="fas fa-times"></i><div class="media-body">Supports negative numbers</div>
</li>
<li class="media">
<i class="fas fa-times"></i><div class="media-body">24/7 support</div>
</li>
</ul>
<div class="button-wrapper" style="visibility: hidden;">
<a class="btn-solid-reg page-scroll" href="sign-up.html">SIGN UP</a>
</div>
</div>
</div> <!-- end of card -->
<!-- end of card -->
<!-- Card-->
<div class="card">
<div class="card-body">
<div class="card-title">PREMIUM</div>
<div class="price"><span class="currency">$</span><span class="value">1.99</span></div>
<div class="frequency">monthly</div>
<div class="divider"></div>
<ul class="list-unstyled li-space-lg">
<li class="media">
<i class="fas fa-check"></i><div class="media-body">isEven number API route</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">Range: 0 - 999,999,999</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">No advertisements</div>
</li>
<li class="media">
<i class="fas fa-times"></i><div class="media-body">Supports negative numbers</div>
</li>
<li class="media">
<i class="fas fa-times"></i><div class="media-body">24/7 support</div>
</li>
</ul>
<div class="button-wrapper">
<a class="btn-solid-reg page-scroll" href="https://archive.org/donate/">SIGN UP</a>
</div>
</div>
</div> <!-- end of card -->
<!-- end of card -->
<!-- Card-->
<div class="card">
<!--<div class="label">
<p class="best-value">Best Value</p>
</div> -->
<div class="card-body">
<div class="card-title">ENTERPRISE</div>
<div class="price"><span class="currency">$</span><span class="value">99.99</span></div>
<div class="frequency">monthly</div>
<div class="divider"></div>
<ul class="list-unstyled li-space-lg">
<li class="media">
<i class="fas fa-check"></i><div class="media-body">isEven number API route</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">Range: 0 - 999,999,999,999</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">No advertisements</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">Supports negative numbers</div>
</li>
<li class="media">
<i class="fas fa-check"></i><div class="media-body">24/7 support</div>
</li>
</ul>
<div class="button-wrapper">
<a class="btn-solid-reg page-scroll" href="https://archive.org/donate/">SIGN UP</a>
</div>
</div>
</div> <!-- end of card -->
<!-- end of card -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of cards-2 -->
<!-- end of pricing -->
<!-- Testimonials -->
<div class="slider-2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Text Slider -->
<div class="slider-container">
<div class="swiper-container text-slider">
<div class="swiper-wrapper">
<!-- Slide -->
<div class="swiper-slide">
<div class="image-wrapper">
<img class="img-fluid" src="images/testimonial-1.jpg" alt="alternative">
</div> <!-- end of image-wrapper -->
<div class="text-wrapper">
<div class="testimonial-text">I started to use isEven with the free tier about a year ago and never stopped since then. It does all the work to figure out if a number is even and allows me to focus on core development activities like new product research and design. I love it and recommend it to everyone.</div>
<div class="testimonial-author">Jude Thorn - Python Developer</div>
</div> <!-- end of text-wrapper -->
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-wrapper">
<img class="img-fluid" src="images/testimonial-2.jpg" alt="alternative">
</div> <!-- end of image-wrapper -->
<div class="text-wrapper">
<div class="testimonial-text">Awesome features for the money. I never thought such a low amount of money would bring me so many answers per month. Before isEven I used a giant case expression and it was a mess. Highly recommended to programmers focused on results.</div>
<div class="testimonial-author">Roy Smith - Ruby Developer</div>
</div> <!-- end of text-wrapper -->
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-wrapper">
<img class="img-fluid" src="images/testimonial-5.jpg" alt="alternative">
</div> <!-- end of image-wrapper -->
<div class="text-wrapper">
<div class="testimonial-text">I usually hate using APIs and trying new things. I prefer to keep all dependencies to a minimum. But when my friend on IRC mentioned isEven API, I just had to test it out. And I'm glad I did!</div>
<div class="testimonial-author">Dusty Anderson - Perl Developer</div>
</div> <!-- end of text-wrapper -->
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-wrapper">
<img class="img-fluid" src="images/testimonial-3.jpg" alt="alternative">
</div> <!-- end of image-wrapper -->
<div class="text-wrapper">
<div class="testimonial-text">isEven is the best numerical API for small and medium sized business. It understands the mindset of young programmers and provides the necessary data for wise number-related decisions. Just give it a try and you will definitely not regret spending your time.</div>
<div class="testimonial-author">Eddie Singer - Javascript Developer</div>
</div> <!-- end of text-wrapper -->
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-wrapper">
<img class="img-fluid" src="images/testimonial-4.jpg" alt="alternative">
</div> <!-- end of image-wrapper -->
<div class="text-wrapper">
<div class="testimonial-text">isEven is one of the greatest APIs out there. I especially love the number API route because it gives me such a great amount of information based on a little amount of input gathered in just few weeks of light weight usage. Recommended!</div>
<div class="testimonial-author">Ronda Louis - PHP Developer</div>
</div> <!-- end of text-wrapper -->
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
</div> <!-- end of swiper-wrapper -->
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- end of add arrows -->
</div> <!-- end of swiper-container -->
</div> <!-- end of slider-container -->
<!-- end of text slider -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of slider-2 -->
<!-- end of testimonials -->
<!-- Footer -->
<svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#5f4def;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-col first">
<h4>About isEven</h4>
<p class="p-small">We're passionate about telling you if a number is even or odd so you can focus on more important things</p>
</div>
</div> <!-- end of col -->
<div class="col-md-4">
<div class="footer-col middle">
<h4>Important Links</h4>
<ul class="list-unstyled li-space-lg p-small">
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body">Info on even numbers: <a class="white" href="https://mathworld.wolfram.com/EvenNumber.html">MathWorld</a></div>
</li>
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body">Info on number parity: <a class="white" href="https://en.wikipedia.org/wiki/Parity_(mathematics)">Wikipedia</a></div>
</li>
</ul>
</div>
</div> <!-- end of col -->
<div class="col-md-4">
<div class="footer-col last">
<h4>Contact</h4>
<ul class="list-unstyled li-space-lg p-small">
<li class="media">
<i class="fas fa-map-marker-alt"></i>
<div class="media-body">22 Innovative, San Francisco, CA 94043, US</div>
</li>
<li class="media">
<i class="fas fa-envelope"></i>
<div class="media-body"><a class="white" href="mailto:hello@isevenapi.xyz">hello@isevenapi.xyz</a></div>
</li>
</ul>
</div>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="p-small">Copyright © 2020 Tanner
<br />
No affiliation with archive.org, I just love them.</p>
</div> <!-- end of col -->
</div> <!-- enf of row -->
</div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
<script src="js/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>