Skip to content

Instantly share code, notes, and snippets.

@titounnes

titounnes/blank.html

Forked from cikal/blank.html
Created June 20, 2018 01:02
Show Gist options
  • Save titounnes/400f6e6cc37ff74575fdd16f1bda9eb0 to your computer and use it in GitHub Desktop.
Save titounnes/400f6e6cc37ff74575fdd16f1bda9eb0 to your computer and use it in GitHub Desktop.
Download ZIP
e-Project
Raw
blank.html
<!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, [email protected]">
<!-- 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 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:[email protected]">[email protected]</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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment