anypicker
Version:
AnyPicker is a customizable jQuery Picker Library for Mobile OS. Create custom mobile pickers (Date, Time, Rating etc) for iOS, Android & Windows. Use pre-built pickers like Date Picker, Time Picker, Date Time Picker, etc
151 lines (102 loc) • 4.57 kB
HTML
<html>
<head>
<title>Index - AnyPicker</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="demo/vendors/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="demo/vendors/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="demo/vendors/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="doc/css/common.css" />
<link rel="stylesheet" type="text/css" href="doc/css/AP-Portal-Font.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript">
$(document).ready(function()
{
$("#footer-year").text(new Date().getFullYear());
});
</script>
</head>
<body>
<div class="jumbotron">
<h1 class="doc-header text-center">AnyPicker</h1>
<h3 class="doc-descr text-center">Customizable jQuery Picker for Mobile OS</h3>
</div>
<div class="container">
<div class="row link-list">
<div class="col-xs-offset-2 col-xs-8 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
<a class="link-list-header" href="https://nehakadam.github.io/AnyPicker/index.html#demo">
<i class="link-list-icon ap-po-icon-star"></i>
<h3>View Screenshots</h3>
</a>
<p class="link-list-desc">
Get a quick glance of various styles & themes available to customize AnyPicker.
</p>
</div>
<div class="col-xs-offset-2 col-xs-8 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
<a class="link-list-header" href="demo/index.html">
<i class="link-list-icon ap-po-icon-star"></i>
<h3>Working Demo</h3>
</a>
<p class="link-list-desc">
Open on supported browser on your device (desktop/mobile) to get first hand experience of using AnyPicker. Try all possible customizations using listed examples for getting a better understanding of AnyPicker.
</p>
</div>
<div class="col-xs-offset-2 col-xs-8 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
<a class="link-list-header" href="doc/doc.htm">
<i class="link-list-icon ap-po-icon-star"></i>
<h3>Documentation</h3>
</a>
<p class="link-list-desc">
Explore full set of functions, parameters, settings etc using a well documented AnyPicker manual. In case you still have doubts, please contact us at <b>[nehakadam9 at gmail dot com]</b>.
</p>
</div>
</div>
</div>
<div class="banner-cont">
<div class="container">
<div class="row text-center banner">
<div class="col-xs-12 col-sm-12 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
<h2 class="banner-header">CalenStyle - Event Calendar</h2>
<h4 class="banner-desc">Responsive Calendar Library for Web & Mobile</h4>
<a class="button-rounded bordered-black calenstyle-button" href="https://nehakadam.github.io/CalenStyle">Explore</a>
</div>
</div>
</div>
</div>
<div id="footerlinks">
<div class="container">
<a href="https://github.com/nehakadam/AnyPicker/wiki/Roadmap">Roadmap</a>
<a href="https://github.com/nehakadam/AnyPicker/releases">Changelog</a>
<a href="https://github.com/nehakadam/AnyPicker/issues">Report Bug</a>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer-copyright col-xs-12 col-sm-12 col-md-6 col-lg-6">
<span> © <span id="footer-year"></span> <a href="http://lajpatshah.in/">Lajpat Shah</a>. All rights reserved.
</span>
</div>
<div class="footer-content-links col-xs-12 col-sm-12 col-md-6 col-lg-6">
<span class="social-list">
<a class="facebook" href="http://www.facebook.com/curiouslala">
<i class="ap-po-icon-facebook"></i>
</a>
<a class="twitter" href="https://twitter.com/lajpat">
<i class="ap-po-icon-twitter"></i>
</a>
<a class="google" href="https://plus.google.com/100425525215161548641/posts">
<i class="ap-po-icon-google-plus"></i>
</a>
<a class="linkedin" href="http://in.linkedin.com/in/lajpat"><i class="ap-po-icon-linkedin"></i></a>
<a class="youtube" href="http://www.youtube.com/user/curiouslajpat">
<i class="ap-po-icon-youtube"></i>
</a>
<a class="github" href="https://github.com/lajpatshah">
<i class="ap-po-icon-github"></i>
</a>
</span>
</div>
</div>
</footer>
</body>
</html>