Html site 7 5/3/2017

SUBMITTED BY: canonical

DATE: May 3, 2017, 6 p.m.

FORMAT: HTML

SIZE: 15.2 kB

Raw Download

HITS: 335

Report
  1. If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
  2. --------------------------------------------------------------------------------------
  3. view my last post at: https://bitbin.it/hN5DdugS/
  4. --------------------------------------------------------------------------------------
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <meta name="poptm" content="cf22d5ed217d4a1cddd19033464ed3be" />
  12. <title>GoGram - Auto Followers & Likes Instagram</title>
  13. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  14. <meta name="description" content="Aplikasi penambah followers dan likes instagram tanpa spam">
  15. <meta name="author" content="Yogi Akbar">
  16. <meta name="keywords" content="followers, likes, instagram, auto followers, followers gratis, followers indonesia, Admin Panel, Panel Gratis, Regarstore, Tools Gratis">
  17. <meta name="language" content="ID">
  18. <meta name="coverage" content="Worldwide">
  19. <meta name="distribution" content="Global">
  20. <link href="http://gogram.net/assets/img/gogram.png" rel="icon" type="image/x-icon" />
  21. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800&subsetting=all' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,300' rel='stylesheet' type='text/css'>
  23. <link rel="stylesheet" href="http://gogram.net/assets/css/bootstrap.css">
  24. <link rel="stylesheet" href="http://gogram.net/assets/css/font-awesome.min.css">
  25. <link rel="stylesheet" href="http://gogram.net/assets/css/simple-line-icons.css">
  26. <link rel="stylesheet" href="http://gogram.net/assets/css/prettyPhoto.css" rel="stylesheet" type="text/css" media="all" />
  27. <link rel="stylesheet" href="http://gogram.net/assets/css/style.css">
  28. <!--[if lt IE 9]>
  29. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  30. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  31. <![endif]-->
  32. </head>
  33. <body data-spy="scroll" data-target=".navigation">
  34. <div id="banner" class="bg-blur">
  35. <div id="header">
  36. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  37. <div class="container">
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  40. <span class="sr-only">Toggle navigation</span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. </button>
  45. <img id="logo-image" class="navbar-brand text-logo" src="http://gogram.net/assets/img/logogogram.png" alt="Logo" style="width:120px;height:41px;">
  46. </div>
  47. <div class="navigation navbar-collapse collapse">
  48. <ul class="nav navbar-nav menu-right">
  49. <li class="active"><a href="#banner">Home</a></li>
  50. <li><a href="#fitur">Fitur</a></li>
  51. <li><a href="#tutorial">Tutorial</a></li>
  52. <li><a href="#testimonials">Testimonials</a></li>
  53. <li><a href="#tentang">Tentang</a></li>
  54. <li><a href="http://tambahfollowers.id/prices/">Beli Followers</a></li>
  55. </ul>
  56. </div>
  57. </div>
  58. </nav>
  59. </div>
  60. <div class="banner-content">
  61. <div class="container">
  62. <div class="row">
  63. <div class="col-md-7 col-sm-7">
  64. <h1><strong>GoGram</strong> Followers</h1>
  65. <p>Situs/Website auto followers Instagram dan likes Instagram gratis terbesar di Indonesia dengan pengguna aktif tiap detiknya.</p>
  66. <p>Nikmati layanan penambah followers dan likes gratis tanpa spam.</p>
  67. <ul class="banner-list">
  68. <li><i class="fa fa-users"></i>Menambah Jumlah Followers</li>
  69. <li><i class="fa fa-heart"></i>Menambah Jumlah Likes</li>
  70. <li><i class="fa fa-send"></i>Meningkatkan Jumlah Kunjungan Akun</li>
  71. <li><i class="fa fa-globe"></i>Jumlah Pengguna <b>35,698</b> Orang</li>
  72. </ul>
  73. </div>
  74. <div class="col-lg-4 col-md-4 col-md-offset-1 col-sm-5">
  75. <div class="banner-form">
  76. <div class="form-title">
  77. <h2>Masuk Gratis!</h2>
  78. </div>
  79. <div class="form-body">
  80. <center><p>Masuk menggunakan akun Instagram</p></center>
  81. <form action="http://gogram.net/users/signin" class="form-signin" id="haqny" method="post" accept-charset="utf-8">
  82. <div id="mutiara" class="input-group col-sm-12"></div>
  83. <div class="form-group">
  84. <input name="username" id="username" type="text" class="form-control" required placeholder="Username">
  85. </div>
  86. <div class="form-group">
  87. <input name="password" id="password" type="password" class="form-control" required placeholder="Password">
  89. </div>
  90. <button id="btn-login" type="submit" class="btn btn-default btn-submit">Masuk</button>
  91. </form> </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <section id="fitur" class="section bg-blue-pattern white-text">
  99. <div class="container">
  100. <div class="row">
  101. <div class="col-lg-12">
  102. <div class="headline">
  103. <h2>Mengapa Harus GoGram ?</h2>
  104. <p>Kami memiliki Kualitas Terbaik</p>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="row text-center">
  109. <div class="col-md-4">
  110. <div class="main-point">
  111. <i class="line-font fa fa-shield"></i>
  112. <h3>Keamanan</h3>
  113. <p>Bicara mengenai keamanan,kami tidak pernah menyimpan/mengetahui kata sandi anda.Alasan kenapa kami memerlukan password anda pada saat masuk adalah agar data anda dapat terhubung ke <b>API Instagram</b> untuk dapat bertukar follow dan like.<b>Mengapa kami tidak menyimpan password?</b> karena kami tahu, bahwa <b>Privasi</b> adalah hal yang sangat penting bagi kita semua.Kami hanya ingin menjaga kepercayaan pengguna terhadap auto followers dan likes ini. </p><!-- Main Point Text -->
  114. </div>
  115. </div>
  116. <div class="col-md-4">
  117. <div class="main-point">
  118. <i class="line-font fa fa-desktop"></i>
  119. <h3>Tampilan/Interface</h3>
  120. <p>Untuk urusan tampilan,jangan diragukan lagi karena situs kami sangat responsive dan cocok dibuka baik melalui <b>Smartphone,Tablet,Atau PC</b> anda.Situs kami juga <b>BEBAS</b> dari iklan,karena kami tahu bahwa iklan sangat mengganggu anda saat mengakses situs ini.Terlebih lagi jika anda menggunakan Smartphone/Tablet. </p>
  121. </div>
  122. </div>
  123. <div class="col-md-4">
  124. <div class="main-point">
  125. <i class="line-font fa fa-globe"></i>
  126. <h3>Followers & Like</h3>
  127. <p>Kita semua tahu bahwa semakin banyak followers/likes yang kita punya dapat <b>meningkatkan popularitas,merk,dan juga status anda</b>.Hal ini tentunya akan sangat bermanfaat bagi anda yang berjualan online agar produk anda tidak kalah saing dengan produk dari toko online di instagram lainnya.Situs kami juga menggunakan sistem poin untuk bertukar like/follow yang setiap harinya di reset. </p>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </section>
  133. <section id="tutorial" class="section">
  134. <div class="container">
  135. <div class="row">
  136. <div class="col-lg-12">
  137. <div class="headline">
  138. <h2>Tutorial</h2>
  139. <p>Berikut Ini Cara menggunakan Auto Followers Instagram GoGram</p>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="row">
  144. <div class="col-md-5">
  145. <ul class="steps-list">
  146. <li>
  147. <span>1</span>
  148. <h4>Masukan Username & Password</h4>
  149. <p>Username & Password untuk Mengambil Cookie akun anda agar dapat terhubung.</p>
  150. </li>
  151. <li>
  152. <span>2</span>
  153. <h4>Pilih Masuk</h4>
  154. <p>Masuk dengan Username & Password yang telah Terisi dengan benar.</p>
  155. </li>
  156. <li>
  157. <span>3</span>
  158. <h4>Pilih Fitur </h4>
  159. <p>Pilih Tambah Followers/Like untuk menambah Jumlah Pada akun kamu.</p>
  160. </li>
  161. <li>
  162. <span>4</span>
  163. <h4>Selesai</h4>
  164. <p>Cek Followers/Like kamu ^_^</p>
  165. </li>
  166. </ul>
  167. </div>
  168. <div class="col-md-7">
  169. <div class="video-container">
  170. <iframe src="https://www.youtube.com/embed/8-Anp7oQqCc"></iframe> <!-- Responsive video iframe -->
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </section>
  176. <section id="testimonials" class="section bg-testimonial cover border-bottom">
  177. <div class="container">
  178. <div class="row">
  179. <div class="col-lg-12">
  180. <div class="headline">
  181. <h2>Testimonials</h2>
  182. <p>Berikut ini beberapa dari Pengguna Website kami.</p>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="row">
  187. <div class="col-md-8 col-md-offset-2">
  188. <div class="carousel slide carousel-mod" data-ride="carousel" id="testimonial">
  189. <div class="carousel-inner">
  190. <div class="item active">
  191. <div class="testimonial-inner">
  192. <img src="http://gogram.net/assets/img/mark.jpg" style="width:100px;height:100px; alt="" title="" />
  193. <p>Mantap gan, Saya baru coba sekali Followers saya Langsung nambah 1000,<br>Rekomendasi banget dah.. Thanks GoGram</p>
  194. <small>Mark Zuckerberg - Founder and CEO di Facebook</small>
  195. </div>
  196. </div>
  197. <div class="item">
  198. <div class="testimonial-inner">
  199. <img src="http://gogram.net/assets/img/billgates.jpg" style="width:100px;height:100px; alt="" title="" />
  200. <p>Rekomendasi Banget nih Websitenya,<br>Followersku Sekarang udah 5000 Dari ini wen, Terimakasih ya GoGram.</p>
  201. <small>Bill Gates - CEO Microsoft</small>
  202. </div>
  203. </div>
  204. <div class="item">
  205. <div class="testimonial-inner">
  206. <img src="http://gogram.net/assets/img/miakhalifah.jpg" style="width:100px;height:100px; alt="" title="" />
  207. <p>dulu Followers & Like ku sedikit banget,<br>Semenjak kenal GoGram Sekarang Followersku nambah 1000 Seiap Hari.</p>
  208. <small>Mia Khalifah - Atlet Kasur</small>
  209. </div>
  210. </div>
  211. </div>
  212. <ol class="carousel-indicators">
  213. <li data-target="#testimonial" data-slide-to="0" class="active"></li>
  214. <li data-target="#testimonial" data-slide-to="1"></li>
  215. <li data-target="#testimonial" data-slide-to="2"></li>
  216. </ol>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </section>
  222. <section id="tentang" class="section bg-blue-pattern">
  223. <div class="container">
  224. <div class="row">
  225. <div class="col-lg-12 text-center white-text">
  226. <div class="headline">
  227. <div class="content col-md-6 col-sm-6 col-xs-12 text-center">
  228. <h2 class="title">Tentang</h2>
  229. <b>GoGram</b> adalah Layanan Gratis yang bergerak di bidang Sosial Media.<br><br>
  230. Terimakasih untuk seluruh pengguna yang setia menggunakan Layanan kami, kami berusaha kepada Setiap pengguna agar mendapatkan kepuasan Maksimal.<br><br>
  231. Seiring berjalannya Waktu & Support dari pengguna yang begitu banyak, kini situs kami memasuki Halaman utama pencarian dengan keyword "<b>Auto Followers Instagram</b>" sehingga Pengguna akan merasa lebih aman dan terlindungi. Sekali lagi terima kasih atas kontribusi Anda untuk kami.
  232. </div>
  233. <div class="team col-md-5 col-sm-5 col-md-offset-1 col-sm-offset-1 col-xs-12">
  234. <div class="row">
  235. <div class="member col-md-6 text-center">
  236. <img class="img-rounded" src="http://gogram.net/assets/img/user.png" style="width:160px;height:160px;" alt="" />
  237. <b>Rian Andriatman</b><br>
  238. Technical Server<br>
  239. <ul class="social">
  240. <li class="facebook"> <a href="#"> <i class="fa fa-facebook"></i> </a> </li>
  241. <li class="twitter"> <a href="#"> <i class="fa fa-twitter"></i> </a> </li>
  242. <li class="google-plus"> <a href="#"> <i class="fa fa-instagram"></i> </a> </li>
  243. </ul>
  244. </div><!--//member-->
  245. <div class="member col-md-6 text-center">
  246. <img class="img-rounded" src="http://gogram.net/assets/img/user.png" style="width:160px;height:160px;" alt="" />
  247. <b>Yogi Akbar</b><br>
  248. Developer & Web Designer<br>
  249. <ul class="social">
  250. <li class="facebook"> <a href="//fb.com/100013198093473"class="fa fa-facebook"></a> </li>
  251. <li class="twitter"> <a href="#"> <i class="fa fa-twitter"></i> </a> </li>
  252. <li class="google-plus"> <a href="//instagram.com/yogiakbar06" class="fa fa-instagram"></a> </li>
  253. </ul>
  254. </div>
  255. </div>
  256. </div>
  257. </section>
  258. <footer class="footer footer-sub">
  259. <div class="container">
  260. <div class="row">
  261. <div class="col-lg-6 col-sm-6">
  262. <p>Copyright © 2017 GoGram All Right Reserved.</p>
  263. </div>
  264. <div class="col-lg-6 col-sm-6">
  265. <p class="copyright">Made with <i class="icon-heart"></i> by <a href="/">Yogi Akbar</a></p>
  266. </div>
  267. </div>
  268. </div>
  269. </footer>
  270. <script src="http://gogram.net/assets/js/jquery-2.1.0.min.js" type="text/javascript"></script>
  271. <script src="http://gogram.net/assets/js/bootstrap.min.js" type="text/javascript"></script>
  272. <script src="http://gogram.net/assets/js/modernizr.min.js" type="text/javascript"></script>
  273. <script src="http://gogram.net/assets/js/jquery.prettyPhoto.js" type="text/javascript" ></script>
  274. <script src="http://gogram.net/assets/js/custom.js" type="text/javascript"></script>
  275. </div>
  276. <script type="text/javascript">
  277. $(document).ready(function () {
  278. $('#username').focus();
  279. $("form#haqny").submit(function () {
  280. if ($('#username').val().length > 1 || $('#password').val.length > 1) {
  281. var pdata = $(this).serialize();
  282. var purl = $(this).attr('action');
  283. $.ajax({
  284. url: purl,
  285. data: pdata,
  286. timeout: false,
  287. type: 'POST',
  288. dataType: 'JSON',
  289. success: function (hasil) {
  290. $("input").removeAttr("disabled", "disabled");
  291. $("button").removeAttr("disabled", "disabled");
  292. $("#btn-login").html('Masuk');
  293. $("#mutiara").html(hasil.result ? "<div class='alert alert-success' role='alert'><center>" + hasil.content + "</center></div>" : "<div class='alert alert-warning' role='alert'><center>" + hasil.content + "</center></div>")
  294. },
  295. error: function (a, b, c) {
  296. $("input").removeAttr("disabled", "disabled");
  297. $("button").removeAttr("disabled", "disabled");
  298. $("#btn-login").html('Masuk');
  299. $("#mutiara").html('<div class="alert alert-warning" role="alert">' + c + '</div>')
  300. },
  301. beforeSend: function () {
  302. $("input").attr("disabled", "disabled");
  303. $("#btn-login").html('Tunggu..');
  304. $("#mutiara").html('<center><img src="http://gogram.net/assets/img/loading_small.gif"></center><br>');
  305. $("button").attr("disabled", "disabled")
  306. }
  307. })
  308. }
  309. return false
  310. })
  311. });
  312. </script>
  313. </body>
  314. </html>
comments powered by Disqus