API tools faq
paste
Advertisement
Guest User

qontol

a guest
Sep 19th, 2019
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.17 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!-- HEADER
  4. ================================================= -->
  5. <div>
  6. <!doctype html>
  7. <html lang="en">
  8.  
  9.  
  10. <head>
  11. <!-- Required meta tags -->
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. <meta name="description" content="it">
  15. <meta name="keywords" content="Rapoo,creative, agency, startup, Mobicon,onepage, clean, modern,business, company,it">
  16. <meta name="author" content="AFTER5FIVE IT CONSULTANT">
  17.  
  18. <!-- Plugins CSS -->
  19. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  20. <link rel="stylesheet" href="assets/fonts/themify/themify-icons.css">
  21.  
  22. <link rel="stylesheet" href="assets/css/slick.css">
  23. <link rel="stylesheet" href="assets/css/slick-theme.css">
  24. <link rel="stylesheet" href="assets/css/all.css">
  25.  
  26. <!-- Theme CSS -->
  27. <link rel="stylesheet" href="assets/css/style.css">
  28. <link rel="stylesheet" href="assets/css/responsive.css">
  29.  
  30.  
  31. <title>Neogen Indonesia</title>
  32. </head>
  33. <body class="top-header">
  34. <div class="logo-bar d-none d-md-block d-lg-block bg-white">
  35. <div class="container" >
  36. <div class="row" >
  37. <div class="col-lg-2">
  38. <div class="logo d-none d-lg-block">
  39. <!-- Brand -->
  40. <a class="navbar-brand js-scroll-trigger" href="index.php">
  41. <img class="d-block w-100" src="assets/img/logo.png" style="width: 171px; height: 48px;">
  42. </a>
  43. </div>
  44. </div>
  45.  
  46. <div class="col-lg-8 justify-content-end ml-lg-auto d-flex col-12">
  47. <div class="top-info-block d-inline-flex">
  48.  
  49. </div>
  50.  
  51. <div class="top-info-block d-inline-flex">
  52.  
  53. </div>
  54. <div class="top-info-block d-inline-flex">
  55. <a href="login.php" class="btn btn-masuk" role="button"><b>MASUK</b></a>
  56. </div>
  57. <div class="top-info-block d-inline-flex">
  58. <a href="reg.php" class="btn btn-daftar" role="button"><b>DAFTAR</b></a>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div> </div>
  64.  
  65. <!-- NAVIGASI
  66. ================================================= -->
  67. <div>
  68. <head>
  69. <!-- Required meta tags -->
  70. <meta charset="utf-8">
  71. <meta name="viewport" content="width=device-width, initial-scale=1">
  72. <meta name="description" content="it">
  73. <meta name="keywords" content="Rapoo,creative, agency, startup, Mobicon,onepage, clean, modern,business, company,it">
  74. <meta name="author" content="AFTER5FIVE IT CONSULTANT">
  75.  
  76. <!-- Plugins CSS -->
  77. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  78. <link rel="stylesheet" href="assets/fonts/themify/themify-icons.css">
  79.  
  80. <link rel="stylesheet" href="assets/css/slick.css">
  81. <link rel="stylesheet" href="assets/css/slick-theme.css">
  82. <link rel="stylesheet" href="assets/css/all.css">
  83.  
  84. <!-- Theme CSS -->
  85. <link rel="stylesheet" href="assets/css/style.css">
  86. <link rel="stylesheet" href="assets/css/responsive.css">
  87.  
  88.  
  89. <title>Neogen Indonesia</title>
  90. </head>
  91.  
  92. <div class="main-navigation" id="mainmenu-area">
  93. <div class="container" id="bg-cont">
  94. <nav class="navbar navbar-expand-lg navbar-dark main-nav navbar-togglable" >
  95. <!-- Toggler -->
  96. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  97. <span class="fa fa-bars"></span>
  98. </button>
  99.  
  100. <!-- Collapse -->
  101. <div class="collapse navbar-collapse" id="navbarCollapse">
  102. <!-- Links -->
  103. <ul class="navbar-nav ">
  104. <li class="nav-item">
  105. <a href="index.php" class="nav-link js-scroll-trigger">
  106. Home
  107. </a>
  108. </li>
  109. <li class="nav-item ">
  110. <a href="giveaway.php" class="nav-link js-scroll-trigger">
  111. Giveaway
  112. </a>
  113. </li>
  114. <li class="nav-item ">
  115. <a href="redeem.php" class="nav-link js-scroll-trigger">
  116. Redeem
  117. </a>
  118. </li> <li class="nav-item ">
  119. <a href="guardianxneogen.php" class="nav-link js-scroll-trigger">
  120. GuardianXNeogen
  121. </a>
  122. </li>
  123. <li class="nav-item ">
  124. <a href="faq.php" class="nav-link js-scroll-trigger">
  125. FAQ
  126. </a>
  127. </li>
  128. </ul>
  129. </div> <!-- / .navbar-collapse -->
  130. </nav>
  131. </div> <!-- / .container -->
  132. </div> </div>
  133.  
  134. <!-- SLIDER
  135. ================================================== -->
  136. <div>
  137. <head>
  138. <!-- Required meta tags -->
  139. <meta charset="utf-8">
  140. <meta name="viewport" content="width=device-width, initial-scale=1">
  141. <meta name="description" content="it">
  142. <meta name="keywords" content="Rapoo,creative, agency, startup, Mobicon,onepage, clean, modern,business, company,it">
  143. <meta name="author" content="AFTER5FIVE IT CONSULTANT">
  144.  
  145. <!-- Plugins CSS -->
  146. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  147. <link rel="stylesheet" href="assets/fonts/themify/themify-icons.css">
  148.  
  149. <link rel="stylesheet" href="assets/css/slick.css">
  150. <link rel="stylesheet" href="assets/css/slick-theme.css">
  151. <link rel="stylesheet" href="assets/css/all.css">
  152.  
  153. <!-- Theme CSS -->
  154. <link rel="stylesheet" href="assets/css/style.css">
  155. <link rel="stylesheet" href="assets/css/responsive.css">
  156.  
  157.  
  158. <title>Neogen Indonesia</title>
  159. </head>
  160. <div class="bs-example carousel carousel.item bs-example">
  161. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  162. <!-- Carousel indicators -->
  163. <ol class="carousel-indicators">
  164. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  165. <li data-target="#myCarousel" data-slide-to="1"></li>
  166. <li data-target="#myCarousel" data-slide-to="2"></li>
  167. </ol>
  168. <!-- Wrapper for carousel items -->
  169. <div class="carousel-inner">
  170. <div class="carousel-item active">
  171. <img class="d-block w-100" src="assets/img/banner/banner1.png" alt="Giveaway">
  172. <div class="carousel-caption col-md-6">
  173.  
  174. <h3>Selamat Datang di Neogenland</h3>
  175. <h1>MAINKAN GAMENYA,</h1>
  176. <h1>DAPATKAN HADIAHNYA!</h1>
  177. <div>
  178. <a href="#" class="btn btn-outline-dark" role="button">Mainkan Sekarang</a>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="carousel-item">
  183. <img class="d-block w-100" src="assets/img/banner/banner2.jpg" alt="Redeem">
  184. <div class="carousel-caption col-sm-12">
  185. <h3>Redeem Points Belanja Kamu</h3>
  186. <h1>Dapatkan Hadiah</h1>
  187. <h1>Menarik!</h1>
  188. <a href="redeem.php" class="btn btn-outline-dark" role="button">Mainkan Sekarang</a>
  189. <!-- <a href="redeem.php" class="col-sm-12 btn btn-outline-dark role="button">Redeem Sekarang</a> -->
  190. </div>
  191. </div>
  192. <div class="carousel-item">
  193. <img class="d-block w-100" src="assets/img/banner/banner3.jpg" alt="Third Slide">
  194. <!----
  195. <div class="carousel-caption">
  196. <h3>Jadikan Produk Neogen Dermalogy sebagai</h3>
  197. <h1>#SAHABATKULIT</h1><p style="color:black">Dapatkan perawatan kulit inovatif dari Neogen. Produk canggih mereka dibuat menggunakan bio-teknologi enam inti. Dengan formula alami & bebas dari bahan berbahaya.</p>
  198. </div> -->
  199. </div>
  200. </div>
  201. <!-- Carousel controls -->
  202. <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
  203. <span class="carousel-control-prev-icon"></span>
  204. </a>
  205. <a class="carousel-control-next" href="#myCarousel" data-slide="next">
  206. <span class="carousel-control-next-icon"></span>
  207. </a>
  208. </div>
  209. </div>
  210. </div>
  211. <!-- POP UP NEWSLETTER
  212. ===================================-->
  213. <!-- Modal -->
  214. <div>
  215.  
  216. <head>
  217. <!-- Required meta tags -->
  218. <meta charset="utf-8">
  219. <meta name="viewport" content="width=device-width, initial-scale=1">
  220. <meta name="description" content="it">
  221. <meta name="keywords" content="Rapoo,creative, agency, startup, Mobicon,onepage, clean, modern,business, company,it">
  222. <meta name="author" content="AFTER5FIVE IT CONSULTANT">
  223.  
  224. <!-- Plugins CSS -->
  225. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  226. <link rel="stylesheet" href="assets/fonts/themify/themify-icons.css">
  227.  
  228. <link rel="stylesheet" href="assets/css/slick.css">
  229. <link rel="stylesheet" href="assets/css/slick-theme.css">
  230. <link rel="stylesheet" href="assets/css/all.css">
  231.  
  232. <!-- Theme CSS -->
  233. <link rel="stylesheet" href="assets/css/style.css">
  234. <link rel="stylesheet" href="assets/css/responsive.css">
  235.  
  236.  
  237. <title>Neogen Indonesia</title>
  238. </head>
  239. <div id="myModal" class="modal fade" role="dialog">
  240. <div class="modal-dialog" role="document">
  241. <div class="modal-content bg-transparent">
  242. <div class="modal-header">
  243. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  244. <span aria-hidden="true">&times;</span>
  245. </button>
  246. </div>
  247. <div class="modal-body">
  248. <img class="d-block w-70" src="assets/img/newsletter.png">
  249. <input type="form-control" class="form-news" name="">
  250. <div>
  251. <a href="#" class="btn tbl-news" role="button">SIGN UP</a>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div> </div>
  257.  
  258. <!-- ISI
  259. ================================================== -->
  260. <section class="bg-white pl-6 py-md-5" id="service">
  261. <div class="container">
  262. <div class="row ">
  263. <div class="col-lg-6 pl-4 py-md-5">
  264. <div class="service-content">
  265. <h2>Kenapa <b>NEOGEN DERMALOGY</b></h2>
  266. <p>Neogen Dermalogy adalah sebuah inovator produk kecantikan khusus untuk anda dengan penelitian dan inovasi derma-ceutical terbaru yang memberikan solusi untuk setiap kebutuhan perawatan kulit Anda.<br> Terdiri dari banyak lini produk, masing-masing yang dikembangkan dengan hati-hati untuk masalah kulit yang berbeda, Neogen Dermalogy menawarkan produk yang akan membantu anda menyesuaikan rejimen perawatan kulit dengan fokus pada permasalahan spesifik setiap individu.</p>
  267. </div>
  268. </div>
  269. <div class="col-lg-5 pl-5 py-md-5">
  270. <div class="service-img">
  271. <img class="d-block w-100" src="assets/img/produk1.png" alt="" class="img-fluid">
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </section>
  277.  
  278. <!-- MEDSOS
  279. ================================================== -->
  280. <div>
  281. <div class="medsos" id="logo-medsos">
  282. <div class="container" >
  283. <div class="row" >
  284. <div class="col-lg-auto">
  285. <div class="logo d-none d-lg-block">
  286. <!-- Brand -->
  287. <a href="index.php">
  288. <img src="assets/img/icon/fb.png" style="width: 31px; height: 31px;">
  289. </a>
  290. </div>
  291. </div>
  292. <div class="col-lg-auto">
  293. <div class="logo d-none d-lg-block">
  294. <!-- Brand -->
  295. <a href=" https://instagram.com/neogendermalogy.id?igshid=16f8tuyb8dqtp">
  296. <img src="assets/img/icon/ig.png" style="width: 31px; height: 31px;">
  297. </a>
  298. </div>
  299. </div>
  300. <div class="col-lg-auto">
  301. <div class="logo d-none d-lg-block">
  302. <!-- Brand -->
  303. <a href="index.php">
  304. <img src="assets/img/icon/mail.png" style="width: 41px; height: 31px;">
  305. </a>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div> </div>
  311.  
  312. <!-- FOOTER
  313. ================================================== -->
  314. <footer>
  315. <head>
  316. <!-- Required meta tags -->
  317. <meta charset="utf-8">
  318. <meta name="viewport" content="width=device-width, initial-scale=1">
  319. <meta name="description" content="it">
  320. <meta name="keywords" content="Rapoo,creative, agency, startup, Mobicon,onepage, clean, modern,business, company,it">
  321. <meta name="author" content="AFTER5FIVE IT CONSULTANT">
  322.  
  323. <!-- Plugins CSS -->
  324. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  325. <link rel="stylesheet" href="assets/fonts/themify/themify-icons.css">
  326.  
  327. <link rel="stylesheet" href="assets/css/slick.css">
  328. <link rel="stylesheet" href="assets/css/slick-theme.css">
  329. <link rel="stylesheet" href="assets/css/all.css">
  330.  
  331. <!-- Theme CSS -->
  332. <link rel="stylesheet" href="assets/css/style.css">
  333. <link rel="stylesheet" href="assets/css/responsive.css">
  334.  
  335. </head>
  336. <!-- FOOTER
  337. ================================================== -->
  338. <footer class="section" id="footer">
  339. <div class="overlay footer-overlay"></div>
  340. <!--Content -->
  341. <div class="container">
  342. <div class="row">
  343. <div class="col-lg-4 col-sm-4">
  344. <div class="footer-widget">
  345. <h4><b>COSTUMER CARE</b></h4>
  346. <h6>info@donnapasifik.com <br><br>+62 877 8268 4032<br> <br>PT.Golden Donna Pasifik - Gedung Cityloft Lt 10 Unit 1005 <br>Jl. KH. Mas Mansyur No 121 Rt 013/011, Kel Karet Tengsin,<br> Kec.Tanah Abang, Jakarta Pusat, 10220</h6><br>
  347.  
  348. <h4>PARTNERSHHIP</h4>
  349. <img class="d-block w-100"src="assets/img/patner.png">
  350.  
  351. </div>
  352. </div>
  353.  
  354.  
  355. </div> <!-- / .row -->
  356. <div class="newsletter text-left">
  357. <div class="row">
  358. <!-- Copyright -->
  359. <h4>JADILAH YANG PERTAMA</h4>
  360. <!-- <p style="font-size: 24px; color: black"><br>Jadilah yang pertama</br></p> -->
  361. <p style="font-size: 12px; color: black; margin-top:-50px;"><br>Subsribe untuk mendapatkan informasi tentang promo & update terbaru produk kami.</br></p>
  362. <input type="text" class="form-newsletter" name="" placeholder=" Enter your email address">
  363. <div class="btn-newsletter">
  364. <a href="#" class="btn btn-hitam" role="button">SUBSCRIBE</a>
  365. </div>
  366. </div>
  367. </div> <!-- / .row -->
  368. </div> <!-- / .container -->
  369.  
  370. <div class="row text-right" style="width: 95%;">
  371. <div class="col-lg-12">
  372. <!-- Copyright -->
  373. <p >
  374. &copy; Copyright <span class="current-year"><a href="#">AFTER5FIVE IT CONSULTANT</a></span> All rights reserved.
  375. </p>
  376. </div>
  377. </div> <!-- / .row -->
  378. </div> <!-- / .container -->
  379. </footer>
  380.  
  381. <a class="scroll-to-top js-scroll-trigger" href=".top-header">
  382. <i class="fa fa-angle-up"></i>
  383. </a>
  384.  
  385. <!-- JAVASCRIPT
  386. ================================================== -->
  387. <!-- Global JS -->
  388. <script src="assets/js/jquery.min.js"></script>
  389. <script src="assets/js/popper.min.js"></script>
  390.  
  391. <!-- Plugins JS -->
  392. <script src="assets/js/bootstrap.min.js"></script>
  393.  
  394. <!-- Slick JS -->
  395. <script src="assets/js/jquery.easing.1.3.js"></script>
  396. <script src="assets/js/slick.min.js"></script>
  397. <!-- Theme JS -->
  398. <script src="assets/js/theme.js"></script>
  399. <script>
  400. $('#myModal').modal('show');
  401. </script>
  402. </body>
  403.  
  404. </html> </footer>
  405.  
  406.  
  407. <!-- Page Scroll to Top -->
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!