calenstyle
Version:
CalenStyle is a Responsive Drag-and-Drop Event Calendar for Web, iOS, Android & Windows. CalenStyle is customizable plugin having multiple, clean-designed event calendar templates specially designed for web & mobile applications.
170 lines (117 loc) • 5.96 kB
HTML
<html>
<head>
<title>Index - CalenStyle</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="demo/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="demo/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="demo/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="doc/css/common.css" />
<link rel="stylesheet" type="text/css" href="doc/css/details.css" />
<link rel="stylesheet" type="text/css" href="doc/css/doc.css" />
<link rel="stylesheet" type="text/css" href="doc/css/CS-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">CalenStyle</h1>
<h3 class="doc-descr text-center">Responsive Event Calendar for Web & Mobile</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/CalenStyle/content/demo.htm">
<i class="link-list-icon cs-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 CalenStyle.
</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 cs-po-icon-star"></i><h3>Working Demo</h3>
</a>
<ul class="link-list-desc-list">
<li>
For Web, <a href="demo/index.html">Click here</a>
</li>
<li>
For Mobile, <a href="demo/index-mobile.html">Click here</a>
</li>
</ul>
<p class="link-list-desc">
Open on supported browser on your device (desktop/mobile) to get first hand experience of using CalenStyle. Try all possible customizations using listed examples for getting a better understanding of CalenStyle.
</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 cs-po-icon-star"></i><h3>Documentation</h3>
</a>
<p class="link-list-desc">
Explore full set of functions, parameters, settings etc using well documented CalenStyle manual. In case you still have doubts, please contact us via contact form on our website or email your doubts at nehakadam9@gmail.com.
</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="ConfigPreview/ConfigPreview.htm">
<i class="link-list-icon cs-po-icon-star"></i><h3>Play with Settings</h3>
</a>
<p class="link-list-desc">
Familiarize with parameters & configurations available in CalenStyle using dynamic settings preview.
</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">AnyPicker</h2>
<h4 class="banner-desc">Customizable jQuery Picker for Mobile OS</h4>
<a class="button-rounded bordered-black anypicker-button" href="https://nehakadam.github.io/AnyPicker">Explore</a>
</div>
</div>
</div>
</div>
<div id="footerlinks">
<div class="container">
<a href="https://github.com/nehakadam/CalenStyle/wiki/Roadmap">Roadmap</a>
<a href="https://github.com/nehakadam/CalenStyle/releases">Changelog</a>
<a href="https://github.com/nehakadam/CalenStyle/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="cs-po-icon-facebook"></i>
</a>
<a class="twitter" href="https://twitter.com/lajpat">
<i class="cs-po-icon-twitter"></i>
</a>
<a class="google" href="https://plus.google.com/100425525215161548641/posts">
<i class="cs-po-icon-google-plus"></i>
</a>
<a class="linkedin" href="http://in.linkedin.com/in/lajpat"><i class="cs-po-icon-linkedin"></i></a>
<a class="youtube" href="http://www.youtube.com/user/curiouslajpat">
<i class="cs-po-icon-youtube"></i>
</a>
<a class="github" href="https://github.com/lajpatshah">
<i class="cs-po-icon-github"></i>
</a>
</span>
</div>
</div>
</footer>
</body>
</html>