CINXE.COM
EQ Repository | BMKG
<!DOCTYPE html> <!-- This is a starter template page. Use this page to start your new project from scratch. This page gets rid of all links and provides the needed markup only. --> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>EQ Repository | BMKG</title> <!-- Google Font: Source Sans Pro --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> <!-- Font Awesome Icons --> <link rel="stylesheet" href="https://repogempa.bmkg.go.id/ALTE320/plugins/fontawesome-free/css/all.min.css"> <!-- Theme style --> <link rel="stylesheet" href="https://repogempa.bmkg.go.id/ALTE320/dist/css/adminlte.min.css"> <style> @media (min-width: 576px){ .modal-dialog { max-width: 400px; .modal-content { padding: 1rem; } } } .modal-header { .close { margin-top: -1.5rem; } } .form-title { margin: -2rem 0rem 2rem; } .btn-round { border-radius: 3rem; } .delimiter { padding: 1rem; } .social-buttons { .btn { margin: 0 0.5rem 1rem; } } .signup-section { padding: 0.3rem 0rem; } </style> </head> <body class="hold-transition layout-top-nav"> <div class="wrapper"> <!-- Navbar --> <nav class="main-header navbar navbar-expand-md navbar-light navbar-white" style="background-color: #343a40"> <div class="container"> <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse order-3" id="navbarCollapse"> <!-- Left navbar links --> <!-- SEARCH FORM --> </div> <!-- Right navbar links --> </div> </nav> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container"> <div class="row mb-2"> <div class="col-sm-6"> </div><!-- /.col --> <div class="col-sm-6"> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main content --> <div class="content"> <div class="container"> <div class="row justify-content-md-center"> <div class="col-lg-5"> <div class="card card-primary card-outline"> <div class="card-body"> <div class="w-100 p-3"> <img src="https://repogempa.bmkg.go.id/ALTE320/img/data.jpg" class="img-fluid" alt="dataaa"> </div> <h3 class="text-center">InaTEWS Earthquake Repository</h3> <hr> <div class="text-center"> <a href="/eventcatalog" class="btn btn-app" data-toggle="tooltip" data-placement="bottom" title="Earthquake parameter download"> <i class="fas fa-universal-access"></i> Public Access </a> <span data-toggle="modal" data-target="#modal-login"> <a class="btn btn-app" data-toggle="tooltip" data-placement="bottom" title="Login to your account"> <i class="fas fa-sign-in-alt"></i> Login </a> </span> <br> </div> </div> </div> </div> </div> <!-- /.row --> <div class="modal fade" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header border-bottom-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-title text-center"> <h4>Login</h4> </div> <div class="d-flex flex-column text-center"> <form action="https://repogempa.bmkg.go.id/login" method="POST"> <input type="hidden" name="_token" value="6VxlVKg705Fa1U048mFLNB5316VH7ZCWdUpKCZfw"> <div class="form-group"> <input type="email" name="email" class="form-control" id="email1" placeholder="Your email address..."> </div> <div class="form-group"> <input type="password" name="password" class="form-control" id="password1" placeholder="Your password..."> </div> <button type="submit" class="btn btn-info btn-block btn-round">Login</button> <hr> </form> </div> </div> </div> </div> </div> <div class="modal fade" id="modal-register" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header border-bottom-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-title text-center"> <h4>User Register</h4> </div> <div class="d-flex flex-column text-center"> <form> <input type="hidden" name="_token" value="6VxlVKg705Fa1U048mFLNB5316VH7ZCWdUpKCZfw"> <div class="form-group"> <input type="email" class="form-control" id="email1" placeholder="Your valid email address..."> </div> <div class="form-group"> <input type="password" class="form-control" id="password1" placeholder="Your password..."> </div> <div class="form-group"> <input type="password" class="form-control" id="password2" placeholder="Retype password..."> </div> <div class="form-group"> <input type="text" class="form-control" id="institution" placeholder="Your institution..."> </div> <div class="form-group"> <input type="text" class="form-control" id="needs" placeholder="explain your needs..."> </div> <button type="button" class="btn btn-info btn-block btn-round" disabled>Register</button> <button type="reset" class="btn btn-info btn-block btn-round">Reset</button> </form> </div> </div> </div> </div> </div> </div><!-- /.container-fluid --> </div> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> <!-- Main Footer --> <footer class="main-footer"> <!-- To the right --> <div class="mx-auto" style="width: 350px;"> Copyright © 2022 <img src="https://repogempa.bmkg.go.id/ALTE320/img/blekok_innovator_team.png" alt="" width="20%"> All rights reserved. </div> <!-- Default to the left --> </footer> </div> <!-- ./wrapper --> <!-- REQUIRED SCRIPTS --> <!-- jQuery --> <script src="https://repogempa.bmkg.go.id/ALTE320/plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="https://repogempa.bmkg.go.id/ALTE320/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="https://repogempa.bmkg.go.id/ALTE320/dist/js/adminlte.min.js"></script> <!-- AdminLTE for demo purposes --> <script> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script> </body> </html>