Skip to content

Instantly share code, notes, and snippets.

@cikal
Last active June 20, 2018 01:02
Show Gist options
  • Select an option

  • Save cikal/c896ced753a772758f1054701147fbbd to your computer and use it in GitHub Desktop.

Select an option

Save cikal/c896ced753a772758f1054701147fbbd to your computer and use it in GitHub Desktop.

Revisions

  1. cikal revised this gist Jun 19, 2018. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions blank.html
    Original file line number Diff line number Diff line change
    @@ -251,6 +251,15 @@ <h1>Selamat datang di e-Project<small>it all starts here</small></h1>
    <div class="box">
    <div class="box-body">
    <p class="lead">e-Project merupakan e-learning yang secara khusus digunakan untuk mengelola pembelajaran project-base learning dengan model penilaian otentik, yang melibatkan peserta didik pada pencapaian tujuan pembelajaran secara kolaboratif.</p>
    <p class="text-center">
    <a href="#">
    <img width="160" src="https://lh3.googleusercontent.com/-NYyhKGSkUo0/Wylms4k6RiI/AAAAAAAATrA/7qfPDDrEiyk0jcdL86GWUhKER5G10VweQCL0BGAs/w530-d-h205-n-rw/google-play-badge.png">
    </a>
    <a href="#">
    <img width="140" src="https://lh3.googleusercontent.com/-Rw6LHqwPq2c/WylqAO0A7II/AAAAAAAATro/0gFZ6WeYgDg-vm_JHGpbK4Cw5ZFZfhzmwCL0BGAs/w530-d-h157-n-rw/app-store-badge.png">
    </a>
    </p>
    <br>
    <p><strong>Dikembangkan oleh</strong> : Harjito<br><strong>Contact</strong> : <a href="mailto:harjito@mail.unnes.ac.id">harjito@mail.unnes.ac.id</a></p>
    </div>
    <!-- /.box-body -->
  2. cikal created this gist Jun 19, 2018.
    298 changes: 298 additions & 0 deletions blank.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,298 @@
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>e-Project | Integrated LMS in AIS</title>
    <meta name="description" content="E-learning terintegrasi Sistem Informasi Akademik">
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta name="keywords" content="e-Learning,UNBK,Akademik">
    <meta name="author" content="Harjito, zano.amrhakim@gmail.com">
    <!-- Android | https://developer.chrome.com/multidevice/android/installtohomescreen -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#00608c">
    <!-- Apple | https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="e-Project">
    <!-- Microsoft -->
    <meta name="msapplication-TileImage" content="favicon.ico">
    <meta name="msapplication-TileColor" content="#00608c">
    <!-- Header Color Themes | https://material.io/tools/color/ -->
    <link rel="manifest" href="https://v3.e-project-tech.com/manifest.json">
    <link rel="shortcut icon" href="https://v3.e-project-tech.com/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="https://v3.e-project-tech.com/favicon.ico">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.2/css/AdminLTE.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.2/css/skins/_all-skins.min.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Google Font -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    </head>

    <body class="hold-transition skin-blue fixed">
    <!-- Site wrapper -->
    <div class="wrapper">
    <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini"><b>A</b>LT</span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg"><b>e-Project</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
    <!-- Sidebar toggle button-->
    <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </a>
    <div class="navbar-custom-menu">
    <ul class="nav navbar-nav">
    <!-- User Account: style can be found in dropdown.less -->
    <li class="dropdown user user-menu">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <img src="https://scontent.fplm1-1.fna.fbcdn.net/v/t1.0-1/p160x160/35244095_10211730682489845_6584330515698941952_n.jpg?_nc_cat=0&oh=08526e425a798b1f2fe93ce2fe60ce15&oe=5BB5A334" class="user-image" alt="User Image">
    <span class="hidden-xs">&nbsp;</span>
    </a>
    <ul class="dropdown-menu">
    <!-- User image -->
    <li class="user-header">
    <img src="https://scontent.fplm1-1.fna.fbcdn.net/v/t1.0-1/p160x160/35244095_10211730682489845_6584330515698941952_n.jpg?_nc_cat=0&oh=08526e425a798b1f2fe93ce2fe60ce15&oe=5BB5A334" class="img-circle" alt="User Image">
    <p>
    Harjito - Web Developer
    <small>Member since Nov. 2014</small>
    </p>
    </li>
    <!-- Menu Body -->
    <li class="user-body">
    <div class="row">
    <div class="col-xs-4 text-center">
    <a href="#" data-toggle="tooltip" data-placement="bottom" title="Ganti email">Email</a>
    </div>
    <div class="col-xs-4 text-center">
    <a href="#" data-toggle="tooltip" data-placement="bottom" title="Ubah Password">Password</a>
    </div>
    <div class="col-xs-4 text-center">
    <a href="#" data-toggle="tooltip" data-placement="bottom" title="Update Profil">Profil</a>
    </div>
    </div>
    <!-- /.row -->
    </li>
    <!-- Menu Footer-->
    <li class="user-footer">
    <div class="pull-right">
    <a href="#" class="btn btn-default btn-flat">Keluar</a>
    </div>
    </li>
    </ul>
    </li>
    </ul>
    </div>
    </nav>
    </header>
    <!-- =============================================== -->
    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu" data-widget="tree">
    <li class="header">MAIN NAVIGATION</li>
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> <span>Persiapan</span>
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Kompetensi
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Pengetahuan</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Keterampilan</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Religius</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Sosial</a></li>
    </ul>
    </li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Bahan Ajar</a></li>
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Pengelolaan Kelompok
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Membuat Kelompok</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Menentukan Pasangan</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Anggota Kelompok</a></li>
    </ul>
    </li>
    </ul>
    </li>

    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> <span>Aktivitas</span>
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Proyek
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Daftar Proyek</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Item Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Instrumen Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Preview</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Laporan</a></li>
    </ul>
    </li>
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Unjuk Kerja
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Daftar Unjuk Kerja</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Item Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Instrumen Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Preview</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Penilaian</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Laporan</a></li>
    </ul>
    </li>
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Evaluasi
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Jenis Evaluasi</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Item Kuis</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Instrumen Tes</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Preview Evaluasi</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Analisis</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Laporan</a></li>
    </ul>
    </li>
    </ul>
    </li>

    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> <span>Laporan</span>
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Nilai
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Pengetahuan</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Keterampilan</a></li>
    </ul>
    </li>
    <li class="treeview">
    <a href="#"><i class="fa fa-caret-right"></i> Ledger
    <span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
    </span>
    </a>
    <ul class="treeview-menu">
    <li><a href="#"><i class="fa fa-caret-right"></i> Pengetahuan</a></li>
    <li><a href="#"><i class="fa fa-caret-right"></i> Keterampilan</a></li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </section>
    <!-- /.sidebar -->
    </aside>
    <!-- =============================================== -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <h1>Selamat datang di e-Project<small>it all starts here</small></h1>
    </section>
    <!-- Main content -->
    <section class="content">
    <!-- Default box -->
    <div class="box">
    <div class="box-body">
    <p class="lead">e-Project merupakan e-learning yang secara khusus digunakan untuk mengelola pembelajaran project-base learning dengan model penilaian otentik, yang melibatkan peserta didik pada pencapaian tujuan pembelajaran secara kolaboratif.</p>
    <p><strong>Dikembangkan oleh</strong> : Harjito<br><strong>Contact</strong> : <a href="mailto:harjito@mail.unnes.ac.id">harjito@mail.unnes.ac.id</a></p>
    </div>
    <!-- /.box-body -->
    <div class="box-footer">
    <blockquote class="blockquote-reverse">
    <p>Experience is the best teacher</p>
    <footer>Julius Caesar</footer>
    </blockquote>
    </div>
    <!-- /.box-footer-->
    </div>
    <!-- /.box -->
    </section>
    <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
    <div class="pull-right hidden-xs">
    <b>Version</b> 1.0
    </div>
    <strong>Copyright &copy; 2014-2016 <a href="https://v3.e-project-tech.com">e-Project</a>.</strong> All rights reserved.
    </footer>
    </div>
    <!-- ./wrapper -->
    <!-- jQuery 3 -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- SlimScroll -->
    <script src="https://cdn.rawgit.com/cikal/a7204034faad998dfc402ace6cb215ac/raw/7531ab35f49db67911eedd155e86f5b076157859/jquery.slimscroll.min.js"></script>
    <!-- FastClick -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
    <!-- AdminLTE App -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.2/js/adminlte.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <!-- <script src="../../dist/js/demo.js"></script> -->
    <script>
    $(document).ready(function() {
    $('.sidebar-menu').tree();
    $('[data-toggle="tooltip"]').tooltip();
    });
    </script>
    </body>

    </html>