Theme Inspinia
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>INSPINIA | Package</title>
  7. <link href="css/bootstrap.min.css" rel="stylesheet">
  8. <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
  9. <link href="css/animate.css" rel="stylesheet">
  10. <link href="css/style.css" rel="stylesheet">
  11. <!-- Local style only for demo purpose -->
  12. <style>
  13. .directive-list
  14. list-style: none;
  15. }
  16. .directive-list li
  17. background: #f3f3f4;
  18. padding: 10px 20px;
  19. margin: 4px;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div id="wrapper">
  25. <nav class="navbar-default navbar-static-side" role="navigation">
  26. <div class="sidebar-collapse">
  27. <ul class="nav metismenu" id="side-menu">
  28. <li class="nav-header">
  29. <div class="dropdown profile-element"> <span>
  30. <img alt="image" class="img-circle" src="img/profile_small.jpg" />
  31. </span>
  32. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  33. <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
  34. </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
  35. <ul class="dropdown-menu animated fadeInRight m-t-xs">
  36. <li><a href="profile.html">Profile</a></li>
  37. <li><a href="contacts.html">Contacts</a></li>
  38. <li><a href="mailbox.html">Mailbox</a></li>
  39. <li class="divider"></li>
  40. <li><a href="login.html">Logout</a></li>
  41. </ul>
  42. </div>
  43. <div class="logo-element">
  44. IN+
  45. </div>
  46. </li>
  47. <li>
  48. <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
  49. <ul class="nav nav-second-level collapse">
  50. <li><a href="index.html">Dashboard v.1</a></li>
  51. <li><a href="dashboard_2.html">Dashboard v.2</a></li>
  52. <li><a href="dashboard_3.html">Dashboard v.3</a></li>
  53. <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
  54. <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
  55. </ul>
  56. </li>
  57. <li>
  58. <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
  59. </li>
  60. <li>
  61. <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
  62. <ul class="nav nav-second-level collapse">
  63. <li><a href="graph_flot.html">Flot Charts</a></li>
  64. <li><a href="graph_morris.html">Morris.js Charts</a></li>
  65. <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
  66. <li><a href="graph_chartjs.html">Chart.js</a></li>
  67. <li><a href="graph_chartist.html">Chartist</a></li>
  68. <li><a href="c3.html">c3 charts</a></li>
  69. <li><a href="graph_peity.html">Peity Charts</a></li>
  70. <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
  71. </ul>
  72. </li>
  73. <li>
  74. <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
  75. <ul class="nav nav-second-level collapse">
  76. <li><a href="mailbox.html">Inbox</a></li>
  77. <li><a href="mail_detail.html">Email view</a></li>
  78. <li><a href="mail_compose.html">Compose email</a></li>
  79. <li><a href="email_template.html">Email templates</a></li>
  80. </ul>
  81. </li>
  82. <li>
  83. <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span> </a>
  84. </li>
  85. <li>
  86. <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
  87. </li>
  88. <li>
  89. <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
  90. <ul class="nav nav-second-level collapse">
  91. <li><a href="form_basic.html">Basic form</a></li>
  92. <li><a href="form_advanced.html">Advanced Plugins</a></li>
  93. <li><a href="form_wizard.html">Wizard</a></li>
  94. <li><a href="form_file_upload.html">File Upload</a></li>
  95. <li><a href="form_editors.html">Text Editor</a></li>
  96. <li><a href="form_markdown.html">Markdown</a></li>
  97. </ul>
  98. </li>
  99. <li>
  100. <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span> <span class="pull-right label label-primary">SPECIAL</span></a>
  101. <ul class="nav nav-second-level collapse">
  102. <li><a href="contacts.html">Contacts</a></li>
  103. <li><a href="profile.html">Profile</a></li>
  104. <li><a href="profile_2.html">Profile v.2</a></li>
  105. <li><a href="contacts_2.html">Contacts v.2</a></li>
  106. <li><a href="projects.html">Projects</a></li>
  107. <li><a href="project_detail.html">Project detail</a></li>
  108. <li><a href="teams_board.html">Teams board</a></li>
  109. <li><a href="social_feed.html">Social feed</a></li>
  110. <li><a href="clients.html">Clients</a></li>
  111. <li><a href="full_height.html">Outlook view</a></li>
  112. <li><a href="vote_list.html">Vote list</a></li>
  113. <li><a href="file_manager.html">File manager</a></li>
  114. <li><a href="calendar.html">Calendar</a></li>
  115. <li><a href="issue_tracker.html">Issue tracker</a></li>
  116. <li><a href="blog.html">Blog</a></li>
  117. <li><a href="article.html">Article</a></li>
  118. <li><a href="faq.html">FAQ</a></li>
  119. <li><a href="timeline.html">Timeline</a></li>
  120. <li><a href="pin_board.html">Pin board</a></li>
  121. </ul>
  122. </li>
  123. <li>
  124. <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
  125. <ul class="nav nav-second-level collapse">
  126. <li><a href="search_results.html">Search results</a></li>
  127. <li><a href="lockscreen.html">Lockscreen</a></li>
  128. <li><a href="invoice.html">Invoice</a></li>
  129. <li><a href="login.html">Login</a></li>
  130. <li><a href="login_two_columns.html">Login v.2</a></li>
  131. <li><a href="forgot_password.html">Forget password</a></li>
  132. <li><a href="register.html">Register</a></li>
  133. <li><a href="404.html">404 Page</a></li>
  134. <li><a href="500.html">500 Page</a></li>
  135. <li><a href="empty_page.html">Empty page</a></li>
  136. </ul>
  137. </li>
  138. <li>
  139. <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
  140. <ul class="nav nav-second-level collapse">
  141. <li><a href="toastr_notifications.html">Notification</a></li>
  142. <li><a href="nestable_list.html">Nestable list</a></li>
  143. <li><a href="agile_board.html">Agile board</a></li>
  144. <li><a href="timeline_2.html">Timeline v.2</a></li>
  145. <li><a href="diff.html">Diff</a></li>
  146. <li><a href="i18support.html">i18 support</a></li>
  147. <li><a href="sweetalert.html">Sweet alert</a></li>
  148. <li><a href="idle_timer.html">Idle timer</a></li>
  149. <li><a href="truncate.html">Truncate</a></li>
  150. <li><a href="spinners.html">Spinners</a></li>
  151. <li><a href="tinycon.html">Live favicon</a></li>
  152. <li><a href="google_maps.html">Google maps</a></li>
  153. <li><a href="code_editor.html">Code editor</a></li>
  154. <li><a href="modal_window.html">Modal window</a></li>
  155. <li><a href="clipboard.html">Clipboard</a></li>
  156. <li><a href="forum_main.html">Forum view</a></li>
  157. <li><a href="validation.html">Validation</a></li>
  158. <li><a href="tree_view.html">Tree view</a></li>
  159. <li><a href="loading_buttons.html">Loading buttons</a></li>
  160. <li><a href="chat_view.html">Chat view</a></li>
  161. <li><a href="masonry.html">Masonry</a></li>
  162. <li><a href="tour.html">Tour</a></li>
  163. </ul>
  164. </li>
  165. <li>
  166. <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
  167. <ul class="nav nav-second-level collapse">
  168. <li><a href="typography.html">Typography</a></li>
  169. <li><a href="icons.html">Icons</a></li>
  170. <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
  171. <li><a href="buttons.html">Buttons</a></li>
  172. <li><a href="video.html">Video</a></li>
  173. <li><a href="tabs_panels.html">Panels</a></li>
  174. <li><a href="tabs.html">Tabs</a></li>
  175. <li><a href="notifications.html">Notifications & Tooltips</a></li>
  176. <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
  177. </ul>
  178. </li>
  179. <li>
  180. <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
  181. </li>
  182. <li>
  183. <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
  184. <ul class="nav nav-second-level collapse">
  185. <li><a href="table_basic.html">Static Tables</a></li>
  186. <li><a href="table_data_tables.html">Data Tables</a></li>
  187. <li><a href="table_foo_table.html">Foo Tables</a></li>
  188. <li><a href="jq_grid.html">jqGrid</a></li>
  189. </ul>
  190. </li>
  191. <li>
  192. <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
  193. <ul class="nav nav-second-level collapse">
  194. <li><a href="ecommerce_products_grid.html">Products grid</a></li>
  195. <li><a href="ecommerce_product_list.html">Products list</a></li>
  196. <li><a href="ecommerce_product.html">Product edit</a></li>
  197. <li><a href="ecommerce_product_detail.html">Product detail</a></li>
  198. <li><a href="ecommerce-cart.html">Cart</a></li>
  199. <li><a href="ecommerce-orders.html">Orders</a></li>
  200. <li><a href="ecommerce_payments.html">Credit Card form</a></li>
  201. </ul>
  202. </li>
  203. <li>
  204. <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
  205. <ul class="nav nav-second-level collapse">
  206. <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
  207. <li><a href="slick_carousel.html">Slick Carousel</a></li>
  208. <li><a href="carousel.html">Bootstrap Carousel</a></li>
  209. </ul>
  210. </li>
  211. <li>
  212. <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
  213. <ul class="nav nav-second-level collapse">
  214. <li>
  215. <a href="#">Third Level <span class="fa arrow"></span></a>
  216. <ul class="nav nav-third-level">
  217. <li>
  218. <a href="#">Third Level Item</a>
  219. </li>
  220. <li>
  221. <a href="#">Third Level Item</a>
  222. </li>
  223. <li>
  224. <a href="#">Third Level Item</a>
  225. </li>
  226. </ul>
  227. </li>
  228. <li><a href="#">Second Level Item</a></li>
  229. <li>
  230. <a href="#">Second Level Item</a></li>
  231. <li>
  232. <a href="#">Second Level Item</a></li>
  233. </ul>
  234. </li>
  235. <li>
  236. <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
  237. </li>
  238. <li class="landing_link">
  239. <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
  240. </li>
  241. <li class="special_link">
  242. <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
  243. </li>
  244. </ul>
  245. </div>
  246. </nav>
  247. <div id="page-wrapper" class="gray-bg">
  248. <div class="row border-bottom">
  249. <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
  250. <div class="navbar-header">
  251. <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
  252. <form role="search" class="navbar-form-custom" action="search_results.html">
  253. <div class="form-group">
  254. <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
  255. </div>
  256. </form>
  257. </div>
  258. <ul class="nav navbar-top-links navbar-right">
  259. <li>
  260. <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
  261. </li>
  262. <li class="dropdown">
  263. <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
  264. <i class="fa fa-envelope"></i> <span class="label label-warning">16</span>
  265. </a>
  266. <ul class="dropdown-menu dropdown-messages">
  267. <li>
  268. <div class="dropdown-messages-box">
  269. <a href="profile.html" class="pull-left">
  270. <img alt="image" class="img-circle" src="img/a7.jpg">
  271. </a>
  272. <div class="media-body">
  273. <small class="pull-right">46h ago</small>
  274. <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
  275. <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
  276. </div>
  277. </div>
  278. </li>
  279. <li class="divider"></li>
  280. <li>
  281. <div class="dropdown-messages-box">
  282. <a href="profile.html" class="pull-left">
  283. <img alt="image" class="img-circle" src="img/a4.jpg">
  284. </a>
  285. <div class="media-body ">
  286. <small class="pull-right text-navy">5h ago</small>
  287. <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
  288. <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
  289. </div>
  290. </div>
  291. </li>
  292. <li class="divider"></li>
  293. <li>
  294. <div class="dropdown-messages-box">
  295. <a href="profile.html" class="pull-left">
  296. <img alt="image" class="img-circle" src="img/profile.jpg">
  297. </a>
  298. <div class="media-body ">
  299. <small class="pull-right">23h ago</small>
  300. <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
  301. <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
  302. </div>
  303. </div>
  304. </li>
  305. <li class="divider"></li>
  306. <li>
  307. <div class="text-center link-block">
  308. <a href="mailbox.html">
  309. <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
  310. </a>
  311. </div>
  312. </li>
  313. </ul>
  314. </li>
  315. <li class="dropdown">
  316. <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
  317. <i class="fa fa-bell"></i> <span class="label label-primary">8</span>
  318. </a>
  319. <ul class="dropdown-menu dropdown-alerts">
  320. <li>
  321. <a href="mailbox.html">
  322. <div>
  323. <i class="fa fa-envelope fa-fw"></i> You have 16 messages
  324. <span class="pull-right text-muted small">4 minutes ago</span>
  325. </div>
  326. </a>
  327. </li>
  328. <li class="divider"></li>
  329. <li>
  330. <a href="profile.html">
  331. <div>
  332. <i class="fa fa-twitter fa-fw"></i> 3 New Followers
  333. <span class="pull-right text-muted small">12 minutes ago</span>
  334. </div>
  335. </a>
  336. </li>
  337. <li class="divider"></li>
  338. <li>
  339. <a href="grid_options.html">
  340. <div>
  341. <i class="fa fa-upload fa-fw"></i> Server Rebooted
  342. <span class="pull-right text-muted small">4 minutes ago</span>
  343. </div>
  344. </a>
  345. </li>
  346. <li class="divider"></li>
  347. <li>
  348. <div class="text-center link-block">
  349. <a href="notifications.html">
  350. <strong>See All Alerts</strong>
  351. <i class="fa fa-angle-right"></i>
  352. </a>
  353. </div>
  354. </li>
  355. </ul>
  356. </li>
  357. <li>
  358. <a href="login.html">
  359. <i class="fa fa-sign-out"></i> Log out
  360. </a>
  361. </li>
  362. </ul>
  363. </nav>
  364. </div>
  365. <div class="wrapper wrapper-content animated fadeInRight">
  366. <div class="row">
  367. <div class="col-lg-12">
  368. <div class="ibox">
  369. <div class="ibox-content">
  370. <div class="row">
  371. <div class="col-lg-4">
  372. <div class="text-center m-t-lg">
  373. <img src="img/angular_logo.png" alt="AngularJS">
  374. </div>
  375. <div class="text-center m-t-lg">
  376. <h1>Inspinia <span class="text-navy"> <br>AngularJs</span></h1>
  377. <small>Supported AngularJs version</small>
  378. </div>
  379. <div>
  380. <div class="hr-line-dashed"></div>
  381. <div class="text-center p-m">
  382. <p>
  383. <strong>Inspinia <span class="text-navy">AngularJs</span></strong> is supported AngularJS version of INSPINIA theme.<br>
  384. This version contains a number of controllers and directives written specifically to support angular framework.
  385. <br>
  386. <strong>Angular version is writen with Opinionated AngularJS styleguide for teams</strong>. (https://github.com/toddmotto/angularjs-styleguide).
  387. <br>
  388. In project folder you find also <strong class="text-navy">SeedProject</strong> It is an application skeleton for a typical AngularJS web app. You can use it
  389. to quickly bootstrap your angular
  390. webapp projects and dev environment for these projects.
  391. </p>
  392. <p class="text-center m-t-md">
  393. <a target="_blank" href="Angular/" class="btn btn-primary">Live AngularJS version</a>
  394. </p>
  395. </div>
  396. <div>
  397. <div class="text-center">
  398. <small>If you need any help feel free to write to us on support@webapplayers.com.
  399. </small>
  400. </div>
  401. </div>
  402. </div>
  403. </div>
  404. <div class="col-lg-4">
  405. <div class="text-center m-t-lg">
  406. <img src="img/mvc_logo.png" alt="MVC" style="width: 120px">
  407. </div>
  408. <div class="text-center m-t-lg">
  409. <h1>Inspinia <span class="text-success"><br>ASP.NET MVC5</span></h1>
  410. <small>Supported ASP.NET MVC5 version</small>
  411. </div>
  412. <div>
  413. <div class="hr-line-dashed"></div>
  414. <div class="text-center p-m">
  415. <p>
  416. <strong>Inspinia <span class="text-success">MVC5</span></strong> is supported ASP.NET MVC5 version of INSPINIA theme.<br>
  417. This version contains a ASP.NET MVC5 project written in Visual Studio 2013 for .net developers.
  418. <br>
  419. Project has implemented all the plug-ins and it is created in accordance with the convention MVC5.
  420. In addition, this version has a scaffolding templates that will help you quickly write applications using Entity Framework.
  421. This version also has <strong class="text-success">SeedProject</strong> - a skeleton application that halp you easy start a new project.
  422. </p>
  423. <p class="text-center m-t-md">
  424. <a target="_blank" href="http://208.43.255.210/" class="btn btn-success">Live ASP 4.5.1 MVC5 version</a><br>
  425. <!--<a target="_blank" href="#" class="btn btn-success"><small>(30 minutes break) <br/> server configuration</small></a><br/>-->
  426. </p>
  427. </div>
  428. <div>
  429. <div class="text-center">
  430. <small>If you need any help feel free to write to us on support@webapplayers.com.
  431. </small>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. <div class="col-lg-4">
  437. <div class="text-center m-t-lg">
  438. <img src="img/meteor_logo.png" alt="HTML" style="width: 200px;margin-top: 20px">
  439. </div>
  440. <div class="text-center m-t-lg">
  441. <h1>Inspinia <span class="font-bold" style="color: black;"><br>Meteor</span></h1>
  442. <small>Meteor.js version</small>
  443. </div>
  444. <div>
  445. <div class="hr-line-dashed"></div>
  446. <div class="text-center p-m">
  447. <p>
  448. <strong>Inspinia <span class="font-bold" style="color: black;">METEOR</span></strong> is supported Meteor version. Meteor.js is
  449. an open-source platform built on Node and MongoDB. <br>This version
  450. contains Meteor project with designs and components form HTML/JS
  451. version. Project has implemented all plugins and it is created in
  452. accordance with the convention of Meteor structure. The code is
  453. clean and all templates are well structured. It use Iron.Router for
  454. routes management. Like other versions this version also has
  455. <strong style="color:black">SeedProject</strong> - a skeleton application that help you easy start a new
  456. Meteor app.
  457. </p>
  458. <p class="text-center m-t-md">
  459. <a target="_blank" href="http://45.55.219.47/" class="btn btn-danger btn-disabled" style="background-color: black;border: 1px solid black">Live Meteor version</a>
  460. </p>
  461. </div>
  462. <div>
  463. <div class="text-center">
  464. <small>If you need any help feel free to write to us on support@webapplayers.com.
  465. </small>
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. </div>
  471. <div class="row">
  472. <div class="col-lg-4">
  473. <div class="text-center m-t-lg">
  474. <img src="img/html_logo.png" alt="HTML" style="width: 100px">
  475. </div>
  476. <div class="text-center m-t-lg">
  477. <h1>Inspinia <span class="text-danger"><br>Static HTML/JS</span></h1>
  478. <small>Static HTML/JS version</small>
  479. </div>
  480. <div>
  481. <div class="hr-line-dashed"></div>
  482. <div class="text-center p-m">
  483. <p>
  484. <strong>Inspinia <span class="text-danger">HTML/JS</span></strong> is static version of INSPINIA theme.<br>
  485. This version contains all components and plugin created with strict HTML and jQuery.
  486. <br>
  487. This version is great if you are a PHP or JAVA programmer.
  488. As each page is created separately it allows you to quickly implement it for your project by including needed resources.
  489. The code is clean and clear so you should not have any problems with its implementation.
  490. Like in all is has also implemented more than 30 plugins which allow you to give your application a great new functionality.
  491. </p>
  492. <p class="text-center m-t-md">
  493. <a target="_blank" href="index.html" class="btn btn-danger">Live HTML/JS version</a>
  494. </p>
  495. </div>
  496. <div>
  497. <div class="text-center">
  498. <small>If you need any help feel free to write to us on support@webapplayers.com.
  499. </small>
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. <div class="col-lg-4">
  505. <div class="text-center m-t-lg">
  506. <img src="img/rails_logo.png" alt="HTML" style="width: 80px">
  507. </div>
  508. <div class="text-center m-t-lg">
  509. <h1>Inspinia <span class="text-warning"><br> Ruby on Rails</span></h1>
  510. <small>Ruby on Rails version</small>
  511. </div>
  512. <div>
  513. <div class="hr-line-dashed"></div>
  514. <div class="text-center p-m">
  515. <p>
  516. <strong>Inspinia <span class="text-warning">Rails</span></strong> is Ruby on Rails version of INSPINIA theme.<br>
  517. This version contains Ruby on Rails project with all designs from Inspinia static version.
  518. <br>
  519. This version is great if you are a Ruby on Rails programmer.
  520. It is created with elementary Rails controllers to demonstrate skeleton Rails app with all views and components.
  521. Like other versions this version also has <span class="text-warning"><strong>SeedProject</strong></span> - a skeleton application that halp you easy start a new Rails app.
  522. </p>
  523. <p class="text-center m-t-md">
  524. <a target="_blank" href="http://104.131.70.23/" class="btn btn-warning">Live Ruby on Rails version</a>
  525. </p>
  526. </div>
  527. <div>
  528. <div class="text-center">
  529. <small>If you need any help feel free to write to us on support@webapplayers.com.
  530. </small>
  531. </div>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. <div class="footer">
  542. <div class="pull-right">
  543. 10GB of <strong>250GB</strong> Free.
  544. </div>
  545. <div>
  546. <strong>Copyright</strong> Example Company &copy; 2014-2015
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. <!-- Mainly scripts -->
  552. <script src="js/jquery-2.1.1.js"></script>
  553. <script src="js/bootstrap.min.js"></script>
  554. <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
  555. <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  556. <!-- Custom and plugin javascript -->
  557. <script src="js/inspinia.js"></script>
  558. <script src="js/plugins/pace/pace.min.js"></script>
  559. </body>
  560. </html>