Revision: 62785
Updated Code
at March 12, 2013 23:08 by kanin2604
Updated Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Karmins Develop :: Jaidee HTML Framework</title>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="http://karmins.com/apps/jaidee-5/img/icon.png">
<script src="http://karmins.com/apps/jaidee-5/js/jquery.js"></script>
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/reset.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/style.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/slider.css">
</head>
<body background="http://karmins.com/apps/jaidee-5/img/bg.jpg" bgColor="#F5FBFE" style="background-repeat:repeat-x;">
<div>
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
<li class="test">
<a href="index.html">Home</a>
</li>
<li>
<a href="getting-started.html">Get started</a>
</li>
<li>
<a href="base-css.html">Basic CSS</a>
<ul>
<li><a href="#bc">Body content</a></li>
<li><a href="#fm">Form input</a></li>
<li><a href="#bt">Buttons</a></li>
<li><a href="#tb">Table</a></li>
</ul>
</li>
<li>
<a href="components.html">Components</a>
</li>
<li>
<a href="http://develop.karmins.com/jaidee/getting-started.html#step1">Download</a>
</li>
<li>
<a href="about.html">About Jaidee</a>
</li><li class="pull-right">
<a id="go" rel="leanModal" name="Modals" href="#Modals"><button class="blue">Open popup</button></a>
</li>
</ul>
</div>
<div class="Modals" id="Modals">
<h2>Demo Form Popup</h2>
<p>It's simple, and free.</p>
<a class="modal_close" href="#"></a>
<form action="">
<div >
<label for="">Username</label>
<input id="" class="good_input" name="" type="text" />
</div>
<div>
<label for="">Email address</label>
<input id="" name="" type="text" />
</div>
<div>
<label for="">Password</label>
<input id="" name="" type="text" />
</div>
<div>
<button type="submit" class="blue">Sign Up »</button>
</div>
</form>
</div>
<div class="container content-inner">
<div class="section row">
<div class="col four"><h1><img src="http://karmins.com/apps/jaidee-5/images/logo.png" width="230px" alt="logo"></h1></div>
<div class="col eight"><br><form action="http://www.google.com/search" method="get"><input name="q" class="input unit_nav " style="width: 50%;" type="text">   <button class="clean-gray" style="width:60px;">search</button></form></div>
</div>
<p><h2>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</h2></p>
<div class="section row">
<div class="col nine"> <div class="flexslider">
<ul class="slides">
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner0.png" />
</li>
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner1.png" />
</li>
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner2.png" />
</li>
</ul>
</div>
</div><div class="col three">
<ul id="menu" class="menu expandfirst">
<li>
<a href="#">Community</a>
<ul>
<li><a href="http://sourceforge.net/p/jaidee/discussion/" title="Login Sourceforge before do it">Advise Us</a></li>
<li><a href="http://sourceforge.net/p/jaidee/discussion/create_topic/" title="Login Sourceforge before do it">Report Bug</a></li>
<li><a href="http://sourceforge.net/projects/jaidee/reviews/?source=navbar" title="Login Sourceforge before do it">Review Us</a></li>
<li><a href="http://th.karmins.com/support/open.php">Contact US</a></li>
</ul>
</li>
<li>
<a href="#">Menu 2</a>
<ul>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
</ul>
</li>
<li>
<a href="#">Menu 3</a>
<ul>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="section row">
<div class="codepre">
<p>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</p>
</div>
<div class="responsive-tabs ">
<h2>Key features</h2>
<div class="tab_detail">
<li>Create flexible website use css3</li>
<li> Top Navigation and Side Navigation</li>
<li>Supported grid content</li>
<li>Tab Contents</li>
<li>Modal pop-up box (good in Desktop and tablet)</li>
<li>lightweight Html Framework</li>
<li>Built in Beautiful Font (Font : SPLaksaman) in Full version</li>
<li> Flexible Slider (Slideshow) Content</li>
<li>Used Sky blue default shade</li>
</div>
<h2>How to use</h2>
<div class="tab_detail">
</li>
<li>On document ready, call the function responsiveTabs() </li>
</ol>
</div>
<h2>Download</h2>
<div class="tab_detail">
<h2>1 Download Last Version </h2>
Version: 3.1.0<br>
Codename: Saturn<br>
Release Date :6/03/2013 <br>
<a href="http://sourceforge.net/projects/jaidee/"><button class="blue">Download Version 3.1</button></a>
</div>
</div>
</div>
</div>
<footer>
<center>Code licensed under <a href="http://www.karmins.com/apps/jaidee-5/licence.txt" class="link">Openpassorn license v1.0</a><br>
Designed and built by KEEP APP team | Built on LinuxMint & Geany Text Editor
</center>
</footer>
</body>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/menu.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/slider.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/script.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/jaidee-tab.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/modal.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<script type="text/javascript">
$(function() {
$('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });
});
</script>
</body>
</html>
Revision: 62784
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at March 12, 2013 23:06 by kanin2604
Initial Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Karmins Develop :: Jaidee HTML Framework</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development" />
<meta name="keywords" content="HTML5,Html Template,html framework,css framework,responsive framework,css web app,responsive grid,flexiable web" />
<link rel="shortcut icon" href="http://karmins.com/apps/jaidee-5/img/icon.png">
<script src="http://karmins.com/apps/jaidee-5/js/jquery.js"></script>
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/reset.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/style.css">
<link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/slider.css">
</head>
<body background="http://karmins.com/apps/jaidee-5/img/bg.jpg" bgColor="#F5FBFE" style="background-repeat:repeat-x;">
<div>
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
<li class="test">
<a href="index.html">Home</a>
</li>
<li>
<a href="getting-started.html">Get started</a>
</li>
<li>
<a href="base-css.html">Basic CSS</a>
<ul>
<li><a href="#bc">Body content</a></li>
<li><a href="#fm">Form input</a></li>
<li><a href="#bt">Buttons</a></li>
<li><a href="#tb">Table</a></li>
</ul>
</li>
<li>
<a href="components.html">Components</a>
</li>
<li>
<a href="http://develop.karmins.com/jaidee/getting-started.html#step1">Download</a>
</li>
<li>
<a href="about.html">About Jaidee</a>
</li><li class="pull-right">
<a id="go" rel="leanModal" name="Modals" href="#Modals"><button class="blue">Open popup</button></a>
</li>
</ul>
</div>
<div class="Modals" id="Modals">
<h2>Demo Form Popup</h2>
<p>It's simple, and free.</p>
<a class="modal_close" href="#"></a>
<form action="">
<div >
<label for="">Username</label>
<input id="" class="good_input" name="" type="text" />
</div>
<div>
<label for="">Email address</label>
<input id="" name="" type="text" />
</div>
<div>
<label for="">Password</label>
<input id="" name="" type="text" />
</div>
<div>
<button type="submit" class="blue">Sign Up »</button>
</div>
</form>
</div>
<div class="container content-inner">
<div class="section row">
<div class="col four"><h1><img src="http://karmins.com/apps/jaidee-5/images/logo.png" width="230px" alt="logo"></h1></div>
<div class="col eight"><br><form action="http://www.google.com/search" method="get"><input name="q" class="input unit_nav " style="width: 50%;" type="text">   <button class="clean-gray" style="width:60px;">search</button></form></div>
</div>
<p><h2>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</h2></p>
<div class="section row">
<div class="col nine"> <div class="flexslider">
<ul class="slides">
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner0.png" />
</li>
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner1.png" />
</li>
<li>
<img src="http://www.karmins.com/apps/jaidee-5/banner2.png" />
</li>
</ul>
</div>
</div><div class="col three">
<ul id="menu" class="menu expandfirst">
<li>
<a href="#">Community</a>
<ul>
<li><a href="http://sourceforge.net/p/jaidee/discussion/" title="Login Sourceforge before do it">Advise Us</a></li>
<li><a href="http://sourceforge.net/p/jaidee/discussion/create_topic/" title="Login Sourceforge before do it">Report Bug</a></li>
<li><a href="http://sourceforge.net/projects/jaidee/reviews/?source=navbar" title="Login Sourceforge before do it">Review Us</a></li>
<li><a href="http://th.karmins.com/support/open.php">Contact US</a></li>
</ul>
</li>
<li>
<a href="#">Menu 2</a>
<ul>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
</ul>
</li>
<li>
<a href="#">Menu 3</a>
<ul>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
<li><a href="#">List 1</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="section row">
<div class="codepre">
<p>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</p>
</div>
<div class="responsive-tabs ">
<h2>Key features</h2>
<div class="tab_detail">
<li>Create flexible website use css3</li>
<li> Top Navigation and Side Navigation</li>
<li>Supported grid content</li>
<li>Tab Contents</li>
<li>Modal pop-up box (good in Desktop and tablet)</li>
<li>lightweight Html Framework</li>
<li>Built in Beautiful Font (Font : SPLaksaman) in Full version</li>
<li> Flexible Slider (Slideshow) Content</li>
<li>Used Sky blue default shade</li>
</div>
<h2>How to use</h2>
<div class="tab_detail">
</li>
<li>On document ready, call the function responsiveTabs() </li>
</ol>
</div>
<h2>Download</h2>
<div class="tab_detail">
<h2>1 Download Last Version </h2>
Version: 3.1.0<br>
Codename: Saturn<br>
Release Date :6/03/2013 <br>
<a href="http://sourceforge.net/projects/jaidee/"><button class="blue">Download Version 3.1</button></a>
</div>
</div>
</div>
</div>
<footer>
<center>Code licensed under <a href="http://www.karmins.com/apps/jaidee-5/licence.txt" class="link">Openpassorn license v1.0</a><br>
Designed and built by KEEP APP team | Built on LinuxMint & Geany Text Editor
</center>
</footer>
</body>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/menu.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/slider.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/script.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/jaidee-tab.js"></script>
<script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/modal.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<script type="text/javascript">
$(function() {
$('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });
});
</script>
</body>
</html>
Initial URL
http://develop.karmins.com/jaidee
Initial Description
Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.
Initial Title
Jaidee HTML Framework
Initial Tags
html, web
Initial Language
HTML