Nama : Dhevi Rizky Rosiandani
Nim : 181011400009

Link : view-source:https://sosmedia.co.id/login




<!DOCTYPE html>
<html>
    <head>
    <!-- Meta untuk pengaturan seo,dan lain lain-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Sosmedia.co.id - Merupakan Pusat Jual Beli Kebutuhan Sosmed untuk reseller panel layanan social media marketing untuk all sosmed sekaligus pusat smm reseller panel di Indonesia termurah &amp;amp;amp; dengan berbagai fitur premium! Hanya 1x biaya pendaftaran untuk selamanya. Dukungan 24 jam online dan keamanan yang terjamin.">
        <meta name="keywords" content="SMM PANEL, Pusat Jual Beli Kebutuhan Social Media, Pusat Jual Beli Kebutuhan Sosmed, Social Media Service, Social Media Marketing, Jual Followers, Jual Likes, SMM Panel Indonesia,smm panel reseller, smm panel indonesia, cara buat panel all sosmed, daftar panel all sosmed, smm reseller, smm reseller panel">
        <meta name="author" content="M34LNetwork Development">
        <!-- end-->

        <!-- Judul Website -->
        <title>Masuk &mdash; SosMedia -  Pusat Jual Beli Kebutuhan Sosmed</title>
        <!-- end-->

    <!-- Ini adalah external link-->
        <link rel="shortcut icon" href="https://sosmedia.co.id/assets/images/logo.png">
        <script src="https://sosmedia.co.id/assets/js/vendor.min.js"></script>
        
        <link href="https://sosmedia.co.id/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="https://sosmedia.co.id/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="https://sosmedia.co.id/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="https://sosmedia.co.id/assets/libs/datatables.net-select-bs4/css/select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        
        <script src="https://sosmedia.co.id/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
        
        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@1.2.0/src/sweetalert2.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8.0.6/dist/sweetalert2.all.min.js"></script>

        <link href="https://sosmedia.co.id/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
        <script src="https://sosmedia.co.id/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>

        <script src="https://sosmedia.co.id/assets/libs/morris.js06/morris.min.js"></script>
        <script src="https://sosmedia.co.id/assets/libs/raphael/raphael.min.js"></script>


        <link href="https://sosmedia.co.id/assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
        <link href="https://sosmedia.co.id/assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
        <!-- END -->
                <!-- icons -->
        <link href="https://sosmedia.co.id/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function modal_open(typeurl) {
            $('#modal').modal('show');
            if (type == 'add') {
                $('#modal-title').html('<i class="fa fa-plus"></i> Tambah Data');
            } else if (type == 'edit') {
                $('#modal-title').html('<i class="fa fa-edit"></i> Ubah Data');
            } else if (type == 'detail') {
                $('#modal-title').html('<i class="fa fa-search"></i> Detail Data');
            } else if (type == 'transaksi') {
                $('#modal-title').html('<i class="fe-shopping-cart"></i> Mulai Transaksi');
            } else {
                $('#modal-title').html(type);
            }
            $.ajax({
                type: "GET",
                url: url,
                dataType: "html",
                beforeSuccess: function() {
                    $('#body-result').html('<div class="progress progress-striped active"><div style="width: 100%" class="progress-bar progress-bar-primary"></div></div>');
                },
                success: function($data) {
                    $('#modal-body').html($data);
                }, error: function() {
                    $('#modal-body').html('<div class="alert alert-danger alert-dismissable"><button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>Terjadi kesalahan!</div>');
                }
            });
        }
        function get_data(url) {
            $('#modal-delete').modal('hide');
            $.ajax({
                type: "GET",
                url: url,
                dataType: "html",
                success: function($data) {
                    $('#body-result').html($data);
                    $('#datatable').DataTable().ajax.reload();
                }, error: function() {
                    $('#body-result').html('<div class="alert alert-danger alert-dismissable"><button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>Terjadi kesalahan!</div>');
                },
                beforeSend: function() {
                    $('#body-result').html('<div class="progress progress-striped active"><div style="width: 100%" class="progress-bar progress-bar-primary"></div></div>');
                }
            });
        }
        function modal_delete(url) {
            $('#modal-delete').modal('show');
            $('#btn-delete').attr('onclick'"get_data('" + url + "')");
        }
        function btn_post(formurl) {
            $.ajax({
                type: 'POST',
                url: url,
                dataType: 'html',
                data: $(form).serialize(),
                beforeSuccess: function() {
                    $('#block').removeClass('block');
                    $('#body-result').html('<div class="progress progress-striped active"><div style="width: 100%" class="progress-bar progress-bar-primary"></div></div>');
                },
                success: function(data) {
                    $('#block').removeClass('block');
                    $('#modal-result').html(data);
                    $('#body-result').html(data);
                    $('#datatable').DataTable().ajax.reload();
                },
                error: function() {
                    $('#block').removeClass('block');
                    $('#modal-result').html('<div class="alert alert-danger alert-dismissable"><button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>Terjadi kesalahan!</div>');
                },
                beforeSend: function() {
                    $('#block').addClass('block');
                    $('#modal-result').html('<div class="progress progress-striped active"><div style="width: 100%" class="progress-bar progress-bar-primary"></div></div>');
                }
            });
        }
        </script>
    </head>

    <body data-layout-mode="horizontal" data-layout='{"mode": "purple", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "light"}}'>

        <!-- Page Awal -->
        <div id="wrapper">

            <!-- Mulai Topbar -->
            <div class="navbar-custom">
                <div class="container-fluid">
                    <ul class="list-unstyled topnav-menu float-right mb-0">
                    </ul>
    
                    <!-- LOGO -->
                    <div class="logo-box">
                        <a href="https://sosmedia.co.id/" class="logo logo-dark text-center">
                            <span class="logo-sm">
                                <img src="https://sosmedia.co.id/assets/logo.png" alt="" height="30">
                            </span>
                            <span class="logo-lg">
                                <img src="https://sosmedia.co.id/assets/logo.png" alt="" height="50">
                            </span>
                        </a>
    
                        <a href="https://sosmedia.co.id/" class="logo logo-light text-center">
                            <span class="logo-sm">
                                <img src="https://sosmedia.co.id/assets/logo.png" alt="" height="30">
                            </span>
                            <span class="logo-lg">
                                <img src="https://sosmedia.co.id/assets/logo.png" alt="" height="50">
                            </span>
                        </a>
                    </div>
    
                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
                        <li>
                            <button class="button-menu-mobile waves-effect waves-light">
                                <i class="fe-menu"></i>
                            </button>
                        </li>

                        <li>
                            <!-- Menu Tooglenya (Horizontal Layut)-->
                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
                                <div class="lines">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </a>
                            <!-- End Horisontal -->
                        </li>   
            
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- End TopBar -->

            <div class="topnav shadow-lg">
                <div class="container-fluid">
                    <nav class="navbar navbar-light navbar-expand-lg topnav-menu">

                        <div class="collapse navbar-collapse" id="topnav-menu-content">
                            <ul class="navbar-nav"> 
                                <li class="nav-item">
                                    <a class="nav-link" href="https://sosmedia.co.id/login">
                                        <i class="fe-log-in mr-1"></i> Masuk
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" href="https://sosmedia.co.id/register">
                                        <i class="fe-user mr-1"></i> Daftar
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" href="https://sosmedia.co.id/forgot-password">
                                        <i class="fe-lock mr-1"></i> Lupa Kata Sandi
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" href="https://sosmedia.co.id/services">
                                        <i class="fe-list mr-1"></i> Harga Layanan
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" href="https://sosmedia.co.id/buy">
                                        <i class="fe-shopping-cart mr-1"></i> Transaksi Instant
                                    </a>
                                </li>

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-dashboard" role="button"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fe-file mr-1"></i> Halaman <div class="arrow-down"></div>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="topnav-dashboard">
                                                                                <a href="https://sosmedia.co.id/pages?id=1" class="dropdown-item">GAS</a>
                                                                            </div>
                                </li>
                            </ul> <!-- End navbar-->
                        </div> <!-- End kolapse-->
                    </nav>
                </div> <!-- end Containernya -->
            </div> <!-- end Topnav-->

            <!-- ============================================================== -->
            <!-- Page Awalan -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">

                    <!-- Awal Content -->
                    <div class="container-fluid">
                        
                        
                        <!-- Awal Judul Page -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">SosMedia -  Pusat Jual Beli Kebutuhan Sosmed</a></li>
                                            <li class="breadcrumb-item active">Masuk</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">Masuk</h4>
                                </div>
                            </div>
                        </div>     
                        <!-- end Judul Page-->
                                 
                        <div class="row">
                            <div class="col-lg-12" id="body-result">
                                                            </div>
                        </div>                        
                        <div id="modal" class="modal fade" tabindex="-1" role="dialog">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h4 class="modal-title" id="modal-title"></h4>
                                        <button type="button" class="close" data-dismiss="modal">×</button>
                                    </div>
                                    <div class="modal-body" id="modal-body">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="modal-delete" class="modal fade animated fadeInLeftBig" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h4 class="modal-title">Konfirmasi Hapus data</h4>
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                    </div>
                                    <div class="modal-body">
                                        Yakin ingin menghapus data ini?
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
                                        <button class="btn btn-primary" id="btn-delete">Hapus</button>
                                    </div>
                                </div>
                            </div>
                        </div>     
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="card-box mb-10">
                            <form method="post">
                                <input type="hidden" name="csrf_token" value="b83525cc6f38b07d1c805e3f157960caac97320724f55ac521cf5049eea3451c">
                                <div class="form-group">
                                    <label>Username</label>
                                    <input type="text" class="form-control" name="username">
                                </div>
                                <div class="form-group">
                                    <p> <a href="https://sosmedia.co.id/forgot-password.php" class="text-muted float-right">Lupa Kata Sandi?</a></p>
                                    <label>Password</label>
                                    <input type="password" class="form-control" name="password">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block waves-effect waves-light">Masuk</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                        

                        
                     </div> <!-- Container -->

                </div> <!-- Konten -->

                <!-- Awal Footer -->
                <footer class="footer">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6">
                                <script>document.write(new Date().getFullYear())</script> &copy; SosMedia -  Pusat Jual Beli Kebutuhan Sosmed <a href="">Page loaded in 0.0008s</a> 
                            </div>
                            <div class="col-md-6">
                                <div class="text-md-right footer-links d-none d-sm-block">
                                    <a href="javascript:void(0);">&mdash; SosMedia Development</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- end Footer -->

            </div>

            <!-- ============================================================== -->
            <!-- End Page Konten -->
            <!-- ============================================================== -->


        </div>
        <!-- END wrapper -->

        <!-- Sidebar Kanan -->
       
                <script type="text/javascript">
                $('#modal-info').modal('show');
                function read_popup() {
                    $.ajax({
                        type: "GET",
                        data: "true",
                        url: "https://sosmedia.co.id/user/read_popup",
                        success: function() {
                            $('#modal-info').modal('hide');
                        },
                        error: function() {
                            alert('Terjadi kesalahan, refresh halaman ini.');
                        }
                    });
                }
                </script>
        
        <script src="https://sosmedia.co.id/assets/js/app.min.js"></script>
        
    </body>

Komentar