Posted By

kanin2604 on 03/12/13


Tagged

html web Framework flexiblewebpage fuilddesign css-framework


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

kanin2604
faugustin


Jaidee HTML Framework


 / Published in: HTML
 

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

Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.

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

Report this snippet  

You need to login to post a comment.