1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 7 8 <title>Sistem Informasi Online Learning (SINOLE) Untika Luwuk Banggai</title> 9 <meta content="Sistem Informasi Online Learning (SINOLE) Untika Luwuk Banggai" name="description"> 10 <meta content="" name="keywords"> 11 12 <!-- Favicons --> 13 <link href="https://sinole.untika.ac.id/assets/img/favicon.png" rel="icon"> 14 <link href="https://sinole.untika.ac.id/assets/img/apple-touch-icon.png" rel="apple-touch-icon"> 15 16 <!-- Google Fonts --> 17 <link href="https://fonts.gstatic.com" rel="preconnect"> 18 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> 19 20 <!-- Vendor CSS Files --> 21 <link href="https://sinole.untika.ac.id/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 22 <link href="https://sinole.untika.ac.id/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> 23 <link href="https://sinole.untika.ac.id/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> 24 <link href="https://sinole.untika.ac.id/assets/vendor/quill/quill.snow.css" rel="stylesheet"> 25 <link href="https://sinole.untika.ac.id/assets/vendor/quill/quill.bubble.css" rel="stylesheet"> 26 <link href="https://sinole.untika.ac.id/assets/vendor/remixicon/remixicon.css" rel="stylesheet"> 27 <link href="https://sinole.untika.ac.id/assets/vendor/simple-datatables/style.css" rel="stylesheet"> 28 29 <!-- Template Main CSS File --> 30 <link href="https://sinole.untika.ac.id/assets/css/style.css" rel="stylesheet"> 31 <link href="https://sinole.untika.ac.id/assets/css/spinner.css" rel="stylesheet"> 32 33 <style> 34 .videowrapper { 35 float: none; 36 clear: both; 37 width: 100%; 38 position: relative; 39 padding-bottom: 56.25%; 40 padding-top: 25px; 41 height: 0; 42 } 43 44 .videowrapper iframe { 45 position: absolute; 46 top: 0; 47 left: 0; 48 width: 100%; 49 height: 100%; 50 } 51 </style> 52 53 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 54 55 <style> 56 .cke_notifications_area { 57 display: none !important; 58 } 59 60 .accordion-body iframe { 61 /* Pastikan iframe mengambil lebar penuh */ 62 width: 100%; 63 /* Ini penting: atur rasio tinggi secara dinamis */ 64 aspect-ratio: 16 / 9; 65 /* Jika browser tidak mendukung aspect-ratio, atur tinggi default */ 66 min-height: 250px; 67 } 68 69 .accordion-body img { 70 max-width: 100%; 71 /* Memastikan gambar tidak melebihi lebar wadah */ 72 height: auto; 73 /* Menjaga rasio aspek gambar saat lebar diubah */ 74 display: block; 75 /* Opsional: Memastikan gambar tidak memiliki spasi di bawahnya */ 76 } 77 </style> 78
78<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
78 79 <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.css" rel="stylesheet"> 80
80<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.js"></script>
80 81 82 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 83 84</head> 85<body> 86 <main> 87 <div class="container"> 88 <section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4"> 89 <div class="container"> 90 <div class="row justify-content-center"> 91 <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center"> 92 93 <div class="d-flex justify-content-center py-4"> 94 <a href="" class="logo d-flex align-items-center w-auto"> 95 <img src="../assets/img/logo.png" alt=""> 96 <span class="d-none d-lg-block">INOLE v2.0</span> 97 </a> 98 </div><!-- End Logo --> 99 100 <div class="card mb-3"> 101 102 <div class="card-body"> 103 104 <div class="pt-4 pb-2"> 105 <h5 class="card-title text-center pb-0 fs-4">Login to Your Account</h5> 106 <p class="text-center small">Enter your username & password to login</p> 107 </div> 108 <form class="pt-3" action="" method="POST" novalidate> 109 <div class="col-12"> 110 <label for="yourUsername" class="form-label">Akun</label> 111 <div class="input-group has-validation"> 112 <select name="akun" class="form-select" aria-label="Default select example"> 113 <option disabled selected>Pilih Akun</option> 114 <option value="2">Mahasiswa</option> 115 <option value="5">Siswa</option> 116 <option value="3">Dosen</option> 117 <option value="4">Keuangan</option> 118 <option value="1">Admin</option> 119 </select> 120 </div> 121 </div> 122 123 <div class="col-12"> 124 <label for="yourUsername" class="form-label">Username</label> 125 <div class="input-group has-validation"> 126 <span class="input-group-text" id="inputGroupPrepend">@</span> 127 <input type="text" name="username" class="form-control" id="yourUsername" required> 128 <div class="invalid-feedback">Please enter your username.</div> 129 </div> 130 </div> 131 132 <div class="col-12"> 133 <label for="yourPassword" class="form-label">Password</label> 134 <input type="password" name="password" class="form-control" id="yourPassword" required> 135 <div class="invalid-feedback">Please enter your password!</div> 136 </div> 137 138 <div class="col-12"> 139 <div class="form-check"> 140 <input class="form-check-input" type="checkbox" name="remember" value="true" id="rememberMe"> 141 <label class="form-check-label" for="rememberMe">Remember me</label> 142 </div> 143 </div> 144 <div class="col-12"> 145 <button onclick="loading()" class="btn btn-primary w-100" type="submit" name="login" id="btnkirim">Login</button> 146 <button class="btn btn-primary w-100" type="button" id="btnloading" disabled>
147 <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> 148 Loading... 149 </button> 150 151 </div> 152 <div class="col-12"> 153 <p class="small mb-0">Buat Akun? <a href="../register/">Create Akun</a></p> 154 </div> 155 </form> 156 157 </div> 158 </div> 159 160 <div class="credits"> 161 Developer by <a href="">PT. AME</a> 162 </div> 163 164 </div> 165 </div> 166 </div> 167 </section> 168 </div> 169 </main><!-- End #main --> 170 <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> 171 172
172<script src="https://sinole.untika.ac.id/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
172 173
173<script src="https://sinole.untika.ac.id/assets/js/spinner.js"></script>
173 174 175</body> 176 177</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.