SHARE
TWEET

Untitled

a guest Jul 22nd, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Portal SNI Corner</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  8.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  9.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  10.     <script>
  11.     $(document).ready(function(){
  12.         $('#MymodalPreventHTML').modal({
  13.             backdrop: 'static',
  14.             keyboard: false
  15.         });
  16.     });
  17.    
  18.  
  19.     </script>
  20.    
  21.    
  22.         <link rel="stylesheet" href="assets/portal/css/main.css" />
  23.         <noscript><link rel="stylesheet" href="assets/portal/css/noscript.css" /></noscript>
  24.        
  25.             <script src="assets/portal/js/browser.min.js"></script>
  26.             <script src="assets/portal/js/breakpoints.min.js"></script>
  27.             <script src="assets/portal/js/util.js"></script>
  28.             <script src="assets/portal/js/main.js"></script>
  29. </head>
  30. <body>
  31.  
  32. <div id="wrapper">
  33.  
  34.                 <!-- Header -->
  35.                     <header id="header">
  36.                         <div class="inner">
  37.  
  38.                             <!-- Logo -->
  39.                                 <a href="index.html" class="logo">
  40.                                     <span class="symbol"><img src="assets/images/bsn1.gif" alt="" /></span><span class="title">Badan Standardisasi Nasional</span>
  41.                                 </a>
  42.  
  43.                             <!-- Nav -->
  44.                            
  45.  
  46.                         </div>
  47.                     </header>
  48.  
  49.                 <!-- Menu -->
  50.                    
  51.  
  52.                 <!-- Main -->
  53.                     <div id="main">
  54.                         <div class="inner">
  55.                             <header>
  56.                                 <h1>Selamat Datang di SNI Corner<br />
  57.                                 Informasi apa yang dapat kami bantu?</h1>
  58.                                 <p>SNI Corner merupakan outlet informasi standardisasi dan penilaian kesesuaian, yang menyediakan informasi terpadu satu pintu baik dalam bentuk dokumen fisik maupun melalui aplikasi PORTAL SNI. Informasi terpadu yang ditawarkan antara lain: dokumen SNI, direktori SNI, daftar regulasi teknis,  direktori laboratorium dan lembaga sertikasi, buku referensi, publikasi ilmiah dan publikasi informatif  SNI,  serta  galeri infografis dan video standardisasi dan penilaian kesesuaian.</p>
  59.                             </header>
  60.                             <section class="tiles">
  61.                                 <article class="style1">
  62.                                     <span class="image">
  63.                                         <img src="assets/images/sni.png" alt="" />
  64.                                     </span>
  65.                                     <a href="generic.html">
  66.                                         <h2>SNI</h2>
  67.                                         <div class="content">
  68.                                             <p>SDi sini pengunjung dapat melihat daftar koleksi standar SNI sekaligus membaca versi e-book dokumen SNI terpilih secara lebih mudah.</p>
  69.                                         </div>
  70.                                     </a>
  71.                                 </article>
  72.                                 <article class="style2">
  73.                                     <span class="image">
  74.                                         <img src="assets/images/polisi2.png" alt="" />
  75.                                     </span>
  76.                                     <a href="generic.html">
  77.                                         <h2>Regulasi Teknis</h2>
  78.                                         <div class="content">
  79.                                             <p>Pengunjung dapat melihat daftar Regulasi Teknis pemberlakuan SNI wajib dan daftar Program Nasional Regulasi Teknis.</p>
  80.                                         </div>
  81.                                     </a>
  82.                                 </article>
  83.                            
  84.                                 <article class="style4">
  85.                                     <span class="image">
  86.                                         <img src="assets/images/vote.png" alt="" />
  87.                                     </span>
  88.                                     <a href="generic.html">
  89.                                         <h2>Penilaian Kesesuaian</h2>
  90.                                         <div class="content">
  91.                                             <p>Di sini pengunjung dapat melihat daftar Lembaga Penilaian Kesesuaian yang telah terakreditasi oleh Komite Akreditasi Nasional, baik Lembaga Sertifikasi, Laboratorium, maupun Lembaga Inspeksi. Di sini Anda juga dapat melihat proses akreditasi LPK dan mengajukan pendaftaran akreditasi LPK.</p>
  92.                                         </div>
  93.                                     </a>
  94.                                 </article>
  95.                                 <article class="style5">
  96.                                     <span class="image">
  97.                                         <img src="assets/images/ganci.png" alt="" />
  98.                                     </span>
  99.                                     <a href="generic.html">
  100.                                         <h2>Layanan BSN</h2>
  101.                                         <div class="content">
  102.                                             <p>Pada menu ini, pengunjung dapat memanfaatkan layanan BSN tanpa harus datang ke kantor BSN.</p>
  103.                                         </div>
  104.                                     </a>
  105.                                 </article>
  106.                                 <article class="style6">
  107.                                     <span class="image">
  108.                                         <img src="assets/images/baca.png" alt="" />
  109.                                     </span>
  110.                                     <a href="generic.html">
  111.                                         <h2>Perpustakaan BSN</h2>
  112.                                         <div class="content">
  113.                                             <p>Merupakan Penelusuran Informasi Perpustakaan Badan Standardisasi Nasional.</p>
  114.                                         </div>
  115.                                     </a>
  116.                                 </article>
  117.                                 <article class="style2">
  118.                                     <span class="image">
  119.                                         <img src="assets/images/publikasi.png" alt="" />
  120.                                     </span>
  121.                                     <a href="generic.html">
  122.                                         <h2>Publikasi BSN</h2>
  123.                                         <div class="content">
  124.                                             <p>Di sini pengunjung dapat mengakses daftar publikasi yang diterbitkan oleh BSN baik berupa publikasi ilmiah dalam bentuk jurnal maupun publikasi bersifat informatif terkait standardisasi dan penilaian kesesuaian dalam bentuk leaflet maupun booklet.</p>
  125.                                         </div>
  126.                                     </a>
  127.                                 </article>
  128.                                 <article class="style3">
  129.                                     <span class="image">
  130.                                         <img src="assets/images/pic08.jpg" alt="" />
  131.                                     </span>
  132.                                     <a href="generic.html">
  133.                                         <h2>Galeri</h2>
  134.                                         <div class="content">
  135.                                             <p>Galeri berisi sejumlah infografis tentang standardisasi dan penilaian kesesuaian serta koleksi video tentang standardisasi dan penilaian kesesuaian yang dibuat oleh BSN.</p>
  136.                                         </div>
  137.                                     </a>
  138.                                 </article>
  139.                                 <article class="style1">
  140.                                     <span class="image">
  141.                                         <img src="assets/images/pic09.jpg" alt="" />
  142.                                     </span>
  143.                                     <a href="generic.html">
  144.                                         <h2>Tentang Kami</h2>
  145.                                         <div class="content">
  146.                                             <p> </p>
  147.                                         </div>
  148.                                     </a>
  149.                                 </article>
  150.                                 <article class="style5">
  151.                                     <span class="image">
  152.                                         <img src="assets/images/pic10.jpg" alt="" />
  153.                                     </span>
  154.                                     <a href="generic.html">
  155.                                         <h2>Hubungi Kami</h2>
  156.                                         <div class="content">
  157.                                             <p> </p>
  158.                                         </div>
  159.                                     </a>
  160.                                 </article>
  161.                                    
  162.                             </section>
  163.                         </div>
  164.                     </div>
  165.  
  166.                 <!-- Footer -->
  167.                     <footer id="footer">
  168.                         <div class="inner">
  169.                             <section>
  170.                                 <h2>Hubungi Kami</h2>
  171.                                 <form method="post" action="#">
  172.                                     <div class="fields">
  173.                                         <div class="field half">
  174.                                             <input type="text" name="name" id="name" placeholder="Nama" />
  175.                                         </div>
  176.                                         <div class="field half">
  177.                                             <input type="email" name="email" id="email" placeholder="Email" />
  178.                                         </div>
  179.                                         <div class="field">
  180.                                             <textarea name="message" id="message" placeholder="Pesan"></textarea>
  181.                                         </div>
  182.                                     </div>
  183.                                     <ul class="actions">
  184.                                         <li><input type="submit" value="Send" class="primary"  /></li>
  185.                                     </ul>
  186.                                 </form>
  187.                             </section>
  188.                             <section>
  189.                                 <h2>Follow</h2>
  190.                                 <ul class="icons">
  191.                                     <li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
  192.                                     <li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
  193.                                     <li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
  194.                                     <li><a href="#" class="icon brands style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
  195.                                     <li><a href="#" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
  196.                                     <li><a href="#" class="icon brands style2 fa-500px"><span class="label">500px</span></a></li>
  197.                                     <li><a href="#" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
  198.                                     <li><a href="#" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
  199.                                 </ul>
  200.                             </section>
  201.                             <ul class="copyright">
  202.                                 <li>&copy; Badan Standardisasi Nasional</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
  203.                             </ul>
  204.                         </div>
  205.                     </footer>
  206.  
  207.             </div>
  208.  
  209.  
  210.  
  211.  
  212. <div class="modal fade" id="MymodalPreventHTML">
  213.     <div class="modal-dialog">
  214.         <div class="modal-content">
  215.             <div class="modal-header">
  216.                 <h4 class="modal-title">Portal SNI Corner                                                    
  217.             </div>
  218.                 <div class="modal-body">
  219.             <div class="callout callout-danger error_box" style="display: none;">
  220.                     <h4>Terjadi Kesalahan!</h4>
  221.                     <div class="error_msg"></div>
  222.                 </div>
  223.                 <?= form_open('home/masuk', array('role' => 'form', 'id' => 'frm-pengguna')); ?>
  224.              
  225.                <br>    
  226.                 Silahkan masukan email anda
  227.                 <br>
  228.                 <div class="form-group has-feedback">
  229.                 <input type="text" name="email" id="email" class="form-control" placeholder="email" required>
  230.                 <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  231.                 </div>             
  232.                 </div>  
  233.                 <div class="modal-footer">
  234.                 <ul class="actions fit small">
  235.                 <li><a href="register" class="button small">Registrasi</a></li>
  236.                 <li><input type="button" value="Masuk" class="button small primary" id="btn-masuk" /></li>
  237.                 </ul>
  238.                 </div>
  239.         </div>
  240.                <?= form_close(); ?>
  241.     </div>                                          
  242. </div>
  243.  
  244. <div class="modal" id="modal2">
  245.     <div class="modal-dialog">
  246.         <div class="modal-content">
  247.             <div class="modal-header">
  248.                 <h4 class="modal-title">Register SNI Corner                                                    
  249.             </div>
  250.             <div class="modal-body">
  251.                <?= form_open('home/save'); ?>
  252.            
  253.                 <div class="form-group has-feedback">
  254.                 <input type="text" name="nama" class="form-control" placeholder="Nama" required>
  255.                 <span class="glyphicon glyphicon-user form-control-feedback"></span>
  256.                 </div>
  257.                 <div class="form-group has-feedback">
  258.                 <input type="text" name="email" class="form-control" placeholder="email" required>
  259.                 <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  260.                 </div>
  261.                 <div class="form-group has-feedback">
  262.                 <input type="text" name ="pekerjaan"class="form-control" placeholder="pekerjaan" required>
  263.                 <span class="glyphicon glyphicon-briefcase form-control-feedback"></span>
  264.                  </div>
  265.                 <div class="form-group has-feedback">
  266.                 <input type="text" name="kota" class="form-control" placeholder="Kota Asal" required>
  267.                 <span class="glyphicon glyphicon-pushpin form-control-feedback"></span>
  268.                 </div>         
  269.                 </div>  
  270.             <div class="modal-footer">
  271.                 <button type="submit" class="button small">Masuk ke SNI Corner Portal</button>
  272.             </div>
  273.         </div>
  274.             </form>    
  275.     </div>                                          
  276. </div>
  277.  
  278.  
  279. </body>
  280.  
  281. <script type="text/javascript">
  282.     $(function() {
  283.             $('#btn-masuk').on('click', function(e){
  284.             e.preventDefault()
  285.        
  286.             var email = $(this).data('email')
  287.  
  288.             $.ajax({
  289.                 type: 'POST',
  290.                 url: '<?= base_url('home/masuk'); ?>',
  291.                 dataType: 'json',
  292.                 data: { email: email },
  293.                 success: function(respon){
  294.                    
  295.                     if(respon.error == false){
  296.                         var rec = respon.data
  297.  
  298.                         $('#email').val(rec.email)
  299.                
  300.                     } else {
  301.                         alert(respon.message)
  302.                     }
  303.                 },
  304.                 error: function(error){
  305.                     console.log(error.responseText)
  306.                 }
  307.             })
  308.        
  309.        
  310.  
  311.         })
  312.        
  313.        
  314.         })
  315. </script>
  316. </html>
RAW Paste Data
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!
 
Top