API tools faq
paste
Advertisement
freddy0512

samping.php

freddy0512
Jan 27th, 2015
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.59 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. </head>
  13. <body>
  14. <header>
  15. <div class = "row">
  16. <div class = "col-md-8 col-md-offset-2">
  17. <div class="col-md-4 pull-left no-margin no-padding">
  18. <img src="icon/theme.png" class="img-responsive">
  19. </div>
  20. <div class="col-md-4 pull-right">
  21. <img src="icon/logo.png" class="img-responsive">
  22. </div>
  23. </div>
  24. </div>
  25.  
  26. <div class = "row">
  27. <div class = "col-md-8 col-md-offset-2">
  28. <nav class="navbar navbar-default no-margin no-padding" >
  29. <div class="container-fluid">
  30. <!-- Brand and toggle get grouped for better mobile display -->
  31. <div class="navbar-header">
  32. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  33. <span class="sr-only">Toggle navigation</span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. <span class="icon-bar"></span>
  37. </button>
  38. <a class="navbar-brand" href="#">Brand</a>
  39. </div>
  40.  
  41. <!-- Collect the nav links, forms, and other content for toggling -->
  42. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  43. <ul class="nav navbar-nav">
  44. <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
  45. <li><a href="#">Link</a></li>
  46. <li class="dropdown">
  47. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  48. <ul class="dropdown-menu" role="menu">
  49. <li><a href="#">Action</a></li>
  50. <li><a href="#">Another action</a></li>
  51. <li><a href="#">Something else here</a></li>
  52. <li class="divider"></li>
  53. <li><a href="#">Separated link</a></li>
  54. <li class="divider"></li>
  55. <li><a href="#">One more separated link</a></li>
  56. </ul>
  57. </li>
  58. </ul>
  59. <form class="navbar-form navbar-left" role="search">
  60. <div class="form-group">
  61. <input type="text" class="form-control" placeholder="Search">
  62. </div>
  63. <button type="submit" class="btn btn-default">Submit</button>
  64. </form>
  65. <ul class="nav navbar-nav navbar-right">
  66. <li><a href="#">Link</a></li>
  67. <li class="dropdown">
  68. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  69. <ul class="dropdown-menu" role="menu">
  70. <li><a href="#">Action</a></li>
  71. <li><a href="#">Another action</a></li>
  72. <li><a href="#">Something else here</a></li>
  73. <li class="divider"></li>
  74. <li><a href="#">Separated link</a></li>
  75. </ul>
  76. </li>
  77. </ul>
  78. </div><!-- /.navbar-collapse -->
  79. </div><!-- /.container-fluid -->
  80. </nav>
  81. </div>
  82. </div>
  83. </header>
  84.  
  85.  
  86. <aside>
  87. <div class="row">
  88. <div class = "col-md-8 col-md-offset-2">
  89. <section class="slider">
  90. <div class="flexslider">
  91. <ul class="slides">
  92. <li data-thumb="images_try/kitchen_adventurer_cheesecake_brownie.jpg">
  93. <img src="images_try/kitchen_adventurer_cheesecake_brownie.jpg" />
  94. </li>
  95. <li data-thumb="images_try/kitchen_adventurer_lemon.jpg">
  96. <img src="images_try/kitchen_adventurer_lemon.jpg" />
  97. </li>
  98. <li data-thumb="images_try/kitchen_adventurer_donut.jpg">
  99. <img src="images_try/kitchen_adventurer_donut.jpg" />
  100. </li>
  101. <li data-thumb="images_try/kitchen_adventurer_caramel.jpg">
  102. <img src="images_try/kitchen_adventurer_caramel.jpg" />
  103. </li>
  104. </ul>
  105. </div>
  106. </section>
  107. </div>
  108. </div>
  109.  
  110.  
  111. <div class="row">
  112.  
  113. <div class="col-md-6 col-md-offset-2">
  114.  
  115. <hr>
  116. <h4><a href="">Judul 1</a></h4>
  117. <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
  118. 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
  119. 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. </p>
  121. <a href="">Baca selengkapnya...</a>
  122.  
  123.  
  124. <hr>
  125. <h4><a href="">Judul 1</a></h4>
  126. <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
  127. 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
  128. 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. </p>
  130. <a href="">Baca selengkapnya...</a>
  131.  
  132.  
  133. <hr>
  134. <h4><a href="">Judul 1</a></h4>
  135. <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
  136. 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
  137. 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. </p>
  139. <a href="">Baca selengkapnya...</a>
  140.  
  141. <hr>
  142. <h4><a href="">Judul 1</a></h4>
  143. <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
  144. 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
  145. 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. </p>
  147. <a href="">Baca selengkapnya...</a>
  148.  
  149. <hr>
  150. <h4><a href="">Judul 1</a></h4>
  151. <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
  152. 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
  153. 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. </p>
  155. <a href="">Baca selengkapnya...</a>
  156. </div>
  157.  
  158. <div class="col-md-2">
  159. <div class="panel panel-default">
  160. <div class="panel-heading"> <span class="glyphicon glyphicon-list"></span><b>Article Archive</b></div>
  161. <div class="panel-body">
  162. <div class="row">
  163. <div class="col-md-12">
  164. <a href="">June 2014 (5 )</a><br>
  165. <a href="">May 2014 (5 )</a><br>
  166. <a href="">April 2014 (5 )</a><br>
  167. <a href="">March 2014 (5 )</a><br>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="panel-footer"> </div>
  172. </div>
  173.  
  174. <div class="panel panel-default">
  175. <div class="panel-heading"> <span class="glyphicon glyphicon-list"></span><b>Article Archive</b></div>
  176. <div class="panel-body">
  177. <div class="row">
  178. <div class="col-md-12">
  179. <a href="">June 2014 (5 )</a><br>
  180. <a href="">May 2014 (5 )</a><br>
  181. <a href="">April 2014 (5 )</a><br>
  182. <a href="">March 2014 (5 )</a><br>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="panel-footer"> </div>
  187. </div>
  188.  
  189. </div>
  190. </div>
  191. </aside>
  192. <footer>
  193. <div class="row">
  194.  
  195. <div class="col-md-8 col-md-offset-2 ">
  196. <p class="text-center">NamaBlog.com powered by LunkCMS v2.0<br>
  197. <b>Copyright &copy; 2011 </b>
  198. <p/>
  199. </div>
  200. </div>
  201. </footer>
  202.  
  203. <script src="js/jquery-1.11.1.min.js"></script>
  204. <script src="js/bootstrap.min.js"></script>
  205. <script type="text/javascript">
  206. $(window).load(function(){
  207. $('.flexslider').flexslider({
  208. animation : "slide",
  209. controlNav : false,
  210. start : function(slider){
  211. $('body').removeClass('loading');
  212. }
  213. });
  214. });
  215. </script>
  216. <script type="text/javascript">
  217. $(function () {
  218. $(".demo1").bootstrapNews({
  219. newsPerPage: 2,
  220. autoplay: true,
  221. pauseOnHover:true,
  222. direction: 'up',
  223. newsTickerInterval: 4000,
  224. onToDo: function () {
  225. //console.log(this);
  226. }
  227. });
  228. $(".demo2").bootstrapNews({
  229. newsPerPage: 3,
  230. autoplay: true,
  231. pauseOnHover:true,
  232. direction: 'up',
  233. newsTickerInterval: 6050,
  234. onToDo: function () {
  235. //console.log(this);
  236. }
  237. });
  238. });
  239. </script>
  240.  
  241. <script src="js/plugins/jquery.bootstrap.newsbox.min.js"></script>
  242. <script src="js/plugins/jquery.easing.js"></script>
  243. <script src="js/plugins/jquery.mousewheel.js"></script>
  244. <script src="js/plugins/jquery.flexslider-min.js"></script>
  245.  
  246. </body>
  247. </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!