API tools faq
paste
Advertisement
freddy0512

lolo

freddy0512
Jan 26th, 2015
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Intonesia</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
  6. <meta name="robots" content="index, follow" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <!-- Bootstrap -->
  9. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  10. <link href="css/style.css" rel="stylesheet" media="screen">
  11. <link href="css/costum/flexslider.css" rel="stylesheet" media="screen">
  12.  
  13. </head>
  14. <body>
  15. <header>
  16. <div class = "row">
  17. <div class = "col-xs-8 col-md-offset-2">
  18. <div class="col-xs-4 pull-left no-margin no-padding">
  19. <img src="icon/theme.png" class="img-responsive">
  20. </div>
  21. <div class="col-xs-4 pull-right">
  22. <img src="icon/logo.png" class="img-responsive">
  23. </div>
  24. </div>
  25. </div>
  26.  
  27. <div class = "row">
  28. <div class = "col-md-8 col-md-offset-2">
  29. <nav class="navbar navbar-default no-margin no-padding" >
  30. <div class="container-fluid">
  31. <!-- Brand and toggle get grouped for better mobile display -->
  32. <div class="navbar-header">
  33. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  34. <span class="sr-only">Toggle navigation</span>
  35. <span class="icon-bar"></span>
  36. <span class="icon-bar"></span>
  37. <span class="icon-bar"></span>
  38. </button>
  39. <a class="navbar-brand" href="#">Brand</a>
  40. </div>
  41.  
  42. <!-- Collect the nav links, forms, and other content for toggling -->
  43. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  44. <ul class="nav navbar-nav">
  45. <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
  46. <li><a href="#">Link</a></li>
  47. <li class="dropdown">
  48. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  49. <ul class="dropdown-menu" role="menu">
  50. <li><a href="#">Action</a></li>
  51. <li><a href="#">Another action</a></li>
  52. <li><a href="#">Something else here</a></li>
  53. <li class="divider"></li>
  54. <li><a href="#">Separated link</a></li>
  55. <li class="divider"></li>
  56. <li><a href="#">One more separated link</a></li>
  57. </ul>
  58. </li>
  59. </ul>
  60. <form class="navbar-form navbar-left" role="search">
  61. <div class="form-group">
  62. <input type="text" class="form-control" placeholder="Search">
  63. </div>
  64. <button type="submit" class="btn btn-default">Submit</button>
  65. </form>
  66. <ul class="nav navbar-nav navbar-right">
  67. <li><a href="#">Link</a></li>
  68. <li class="dropdown">
  69. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  70. <ul class="dropdown-menu" role="menu">
  71. <li><a href="#">Action</a></li>
  72. <li><a href="#">Another action</a></li>
  73. <li><a href="#">Something else here</a></li>
  74. <li class="divider"></li>
  75. <li><a href="#">Separated link</a></li>
  76. </ul>
  77. </li>
  78. </ul>
  79. </div><!-- /.navbar-collapse -->
  80. </div><!-- /.container-fluid -->
  81. </nav>
  82. </div>
  83. </div>
  84. </header>
  85.  
  86.  
  87. <aside>
  88.  
  89. <div class="row">
  90. <div class = "col-md-8 col-md-offset-2">
  91. <section class="slider">
  92. <div class="flexslider">
  93. <ul class="slides">
  94. <li data-thumb="images_try/kitchen_adventurer_cheesecake_brownie.jpg">
  95. <img src="images_try/kitchen_adventurer_cheesecake_brownie.jpg" />
  96. </li>
  97. <li data-thumb="images_try/kitchen_adventurer_lemon.jpg">
  98. <img src="images_try/kitchen_adventurer_lemon.jpg" />
  99. </li>
  100. <li data-thumb="images_try/kitchen_adventurer_donut.jpg">
  101. <img src="images_try/kitchen_adventurer_donut.jpg" />
  102. </li>
  103. <li data-thumb="images_try/kitchen_adventurer_caramel.jpg">
  104. <img src="images_try/kitchen_adventurer_caramel.jpg" />
  105. </li>
  106. </ul>
  107. </div>
  108. </section>
  109. </div>
  110. </div>
  111.  
  112.  
  113. <div class="row">
  114.  
  115. <div class="col-md-6 col-md-offset-2">
  116.  
  117. <hr>
  118. <h4><a href="">Judul 1</a></h4>
  119. <p> Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  120. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  121. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  122. </p>
  123. <a href="">Baca selengkapnya...</a>
  124.  
  125.  
  126. <hr>
  127. <h4><a href="">Judul 1</a></h4>
  128. <p> Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  129. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  130. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  131. </p>
  132. <a href="">Baca selengkapnya...</a>
  133.  
  134.  
  135. <hr>
  136. <h4><a href="">Judul 1</a></h4>
  137. <p> Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  138. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  139. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  140. </p>
  141. <a href="">Baca selengkapnya...</a>
  142.  
  143. <hr>
  144. <h4><a href="">Judul 1</a></h4>
  145. <p> Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  146. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  147. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  148. </p>
  149. <a href="">Baca selengkapnya...</a>
  150.  
  151. <hr>
  152. <h4><a href="">Judul 1</a></h4>
  153. <p> Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  154. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  155. Sudah banyak perubahan yang saya lakukan didalam Aplikasi ini, salah satunya adalah Facebook Connect yang memungkinkan adanya interaksi antara admin dengan pengunjung memalui Account Facebook mereka
  156. </p>
  157. <a href="">Baca selengkapnya...</a>
  158. </div>
  159.  
  160. <div class="col-md-2">
  161. <div class="panel panel-default">
  162. <div class="panel-heading"> <span class="glyphicon glyphicon-list"></span><b>Article Archive</b></div>
  163. <div class="panel-body">
  164. <div class="row">
  165. <div class="col-md-2">
  166. <a href="">June 2014 (5 )</a><br>
  167. <a href="">May 2014 (5 )</a><br>
  168. <a href="">April 2014 (5 )</a><br>
  169. <a href="">March 2014 (5 )</a><br>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="panel-footer"> </div>
  174. </div>
  175. </div>
  176. </div>
  177. </aside>
  178. <footer>
  179. <div class="row">
  180.  
  181. <div class="col-md-8 col-md-offset-2 ">
  182. <p class="text-center">NamaBlog.com powered by LunkCMS v2.0<br>
  183. <b>Copyright &copy; 2011 </b>
  184. <p/>
  185. </div>
  186. </div>
  187. </footer>
  188.  
  189. <script src="js/jquery-1.11.1.min.js"></script>
  190. <script src="js/bootstrap.min.js"></script>
  191. <script type="text/javascript">
  192. $(window).load(function(){
  193. $('.flexslider').flexslider({
  194. animation : "slide",
  195. controlNav : false,
  196. start : function(slider){
  197. $('body').removeClass('loading');
  198. }
  199. });
  200. });
  201. </script>
  202. <script type="text/javascript">
  203. $(function () {
  204. $(".demo1").bootstrapNews({
  205. newsPerPage: 2,
  206. autoplay: true,
  207. pauseOnHover:true,
  208. direction: 'up',
  209. newsTickerInterval: 4000,
  210. onToDo: function () {
  211. //console.log(this);
  212. }
  213. });
  214. $(".demo2").bootstrapNews({
  215. newsPerPage: 3,
  216. autoplay: true,
  217. pauseOnHover:true,
  218. direction: 'up',
  219. newsTickerInterval: 6050,
  220. onToDo: function () {
  221. //console.log(this);
  222. }
  223. });
  224. });
  225. </script>
  226.  
  227. <script src="js/plugins/jquery.bootstrap.newsbox.min.js"></script>
  228. <script src="js/plugins/jquery.easing.js"></script>
  229. <script src="js/plugins/jquery.mousewheel.js"></script>
  230. <script src="js/plugins/jquery.flexslider-min.js"></script>
  231.  
  232. </body>
  233. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!