Advanced Search

Jaidee HTML Framework

/ Published in: HTML
Save to your folder(s)
Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <title>Karmins Develop :: Jaidee HTML Framework</title>
  6.     <meta name="viewport" content="width=device-width">
  7.     <link rel="shortcut icon" href="http://karmins.com/apps/jaidee-5/img/icon.png">
  8.     <script src="http://karmins.com/apps/jaidee-5/js/jquery.js"></script>
  9.     <link rel="stylesheet" href="css/font.css">
  10.     <link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/reset.css">
  11.     <link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/style.css">
  12.     <link rel="stylesheet" href="http://karmins.com/apps/jaidee-5/css/slider.css">
  13.    </head>
  14. <body background="http://karmins.com/apps/jaidee-5/img/bg.jpg" bgColor="#F5FBFE" style="background-repeat:repeat-x;">
  15. <div>
  16.  
  17. <a class="toggleMenu" href="#">Menu</a>
  18. <ul class="nav">
  19. 	<li  class="test">
  20. 		<a href="index.html">Home</a>
  21. 	</li>
  22. 	<li>
  23. 		<a href="getting-started.html">Get started</a>
  24. 	</li>
  25. 	<li>
  26. 		<a href="base-css.html">Basic CSS</a>
  27. 	<ul>
  28. 				<li><a href="#bc">Body content</a></li>
  29. 				<li><a href="#fm">Form input</a></li>
  30. 				<li><a href="#bt">Buttons</a></li>
  31. 				<li><a href="#tb">Table</a></li>
  32. 				</ul>
  33. 	</li>
  34. 	<li>
  35. 		<a href="components.html">Components</a>
  36. 	</li>
  37. 	<li>
  38. 		<a href="http://develop.karmins.com/jaidee/getting-started.html#step1">Download</a>
  39. 	</li>
  40.  
  41. 	<li>
  42.    <a href="about.html">About Jaidee</a>
  43. 	</li><li class="pull-right">
  44. <a id="go" rel="leanModal" name="Modals" href="#Modals"><button class="blue">Open popup</button></a>
  45. 	</li>
  46. </ul>
  47.  
  48. </div>
  49. 	<div class="Modals" id="Modals">
  50.  
  51.  
  52. 					<h2>Demo Form Popup</h2>
  53. 					<p>It's simple, and free.</p>
  54. 					<a class="modal_close" href="#"></a>
  55.  
  56.  
  57. 				<form action="">
  58.  
  59. 				  <div >
  60. 				    <label for="">Username</label>
  61. 				    <input id="" class="good_input" name="" type="text" />
  62.  
  63. 				  </div>
  64. 				  <div>
  65. 				    <label for="">Email address</label>
  66. 				    <input id="" name="" type="text" />
  67. 				  </div>
  68. 				  <div>
  69. 				    <label for="">Password</label>
  70. 				    <input id="" name="" type="text" />
  71.  
  72. 				  </div>
  73. 				  <div>
  74. 				  <button type="submit" class="blue">Sign Up &raquo;</button>
  75. </div>
  76. 				 </form>
  77.  
  78. 		</div>
  79.  
  80. <div class="container content-inner">
  81.   <div class="section row">
  82.     <div class="col four"><h1><img src="http://karmins.com/apps/jaidee-5/images/logo.png" width="230px" alt="logo"></h1></div>
  83.     <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"> &nbsp <button class="clean-gray" style="width:60px;">search</button></form></div>
  84.   </div>
  85. <p><h2>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</h2></p>
  86.   <div class="section row">
  87.  
  88.     <div class="col nine">	<div class="flexslider">
  89. 	    <ul class="slides">
  90. 	    	<li>
  91. 	    		<img src="http://www.karmins.com/apps/jaidee-5/banner0.png" />
  92. 	    	</li>
  93.  
  94. 	    	<li>
  95. 	    		<img src="http://www.karmins.com/apps/jaidee-5/banner1.png" />
  96. 	    	</li>
  97. 	    	<li>
  98. 	    		<img src="http://www.karmins.com/apps/jaidee-5/banner2.png" />
  99.  
  100. 	    	</li>
  101. 	    </ul>
  102. 	  </div> 
  103. 	</div><div class="col three">
  104. 		<ul id="menu" class="menu expandfirst">
  105. 		<li>
  106. 			<a href="#">Community</a>
  107. 			<ul>
  108. 				<li><a href="http://sourceforge.net/p/jaidee/discussion/" title="Login Sourceforge before do it">Advise Us</a></li>
  109. 				<li><a href="http://sourceforge.net/p/jaidee/discussion/create_topic/" title="Login Sourceforge before do it">Report Bug</a></li>
  110. 				<li><a href="http://sourceforge.net/projects/jaidee/reviews/?source=navbar" title="Login Sourceforge before do it">Review Us</a></li>
  111. 				<li><a href="http://th.karmins.com/support/open.php">Contact US</a></li>
  112. 			</ul>
  113. 		</li>
  114. 		<li>
  115. 			<a href="#">Menu 2</a>
  116. 			<ul>
  117. 				<li><a href="#">List 1</a></li>
  118. 				<li><a href="#">List 1</a></li>
  119. 				<li><a href="#">List 1</a></li>
  120. 				<li><a href="#">List 1</a></li>
  121. 				<li><a href="#">List 1</a></li>
  122. 			</ul>
  123. 		</li>
  124. 		<li>
  125. 			<a href="#">Menu 3</a>
  126. 			<ul>
  127. 				<li><a href="#">List 1</a></li>
  128. 				<li><a href="#">List 1</a></li>
  129. 				<li><a href="#">List 1</a></li>
  130. 				<li><a href="#">List 1</a></li>
  131. 				<li><a href="#">List 1</a></li>
  132. 			</ul>
  133. 		</li>
  134. 	</ul>	
  135.  
  136. </div>
  137. 	</div>
  138.  
  139.   <div class="section row">
  140. 	<div class="codepre">
  141.   <p>Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.</p>
  142.  
  143.   </div>
  144.  
  145. 	<div class="responsive-tabs ">
  146.  
  147. 			<h2>Key features</h2>
  148. 			<div class="tab_detail">
  149. <li>Create flexible website use css3</li>
  150. <li> Top Navigation and Side Navigation</li>
  151. <li>Supported grid content</li>
  152. <li>Tab Contents</li>
  153. <li>Modal pop-up box (good in Desktop and tablet)</li>
  154. <li>lightweight Html Framework</li>
  155. <li>Built in Beautiful Font (Font : SPLaksaman) in Full version</li>
  156. <li> Flexible Slider (Slideshow) Content</li>
  157. <li>Used Sky blue default shade</li>
  158. 			</div>
  159.  
  160. 			<h2>How to use</h2>
  161. 			<div class="tab_detail">
  162. 					</li>
  163. 					<li>On document ready, call the function responsiveTabs() </li>
  164. 				</ol>
  165. 			</div>
  166.  
  167. 			<h2>Download</h2>
  168. 			<div class="tab_detail">
  169. 				<h2>1 Download Last Version </h2>
  170. Version: 3.1.0<br>
  171. 	Codename: Saturn<br>
  172. Release Date :6/03/2013 <br>
  173. 	<a href="http://sourceforge.net/projects/jaidee/"><button class="blue">Download Version 3.1</button></a>
  174. 			</div>
  175. 		</div>
  176.  
  177.  
  178.  
  179.   </div>
  180. </div>
  181.  
  182.  
  183.  
  184. <footer>
  185. <center>Code licensed under <a href="http://www.karmins.com/apps/jaidee-5/licence.txt" class="link">Openpassorn license v1.0</a><br>
  186. Designed and built by KEEP APP team | Built on LinuxMint & Geany Text Editor
  187. </center>
  188.  
  189. </footer>
  190.  
  191. </body>
  192. <script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/menu.js"></script>
  193. <script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/slider.js"></script>
  194. <script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/script.js"></script>
  195. <script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/jaidee-tab.js"></script>
  196. <script type="text/javascript" src="http://karmins.com/apps/jaidee-5/js/modal.js"></script>
  197. 	<script type="text/javascript">
  198. 		$(window).load(function() {
  199. 			$('.flexslider').flexslider();
  200. 		});
  201. 	</script>
  202. 	<script type="text/javascript">
  203. 			$(function() {
  204.     			$('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });		
  205. 			});
  206. 		</script>
  207. </body>
  208.  
  209.  
  210. </html>

URL: http://develop.karmins.com/jaidee

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.