Skip to content

Instantly share code, notes, and snippets.

@madaarya

madaarya/landing_page.html

Created December 6, 2014 02:41
Show Gist options
  • Save madaarya/deb4693e1c6ca32e3d00 to your computer and use it in GitHub Desktop.
Save madaarya/deb4693e1c6ca32e3d00 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
landing_page.html
<!DOCTYPE html>
<html lang="en">
<head>
<noscript>
<meta http-equiv="refresh" content="2;url=http://www.enable-javascript.com" />
</noscript>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<title>Eproposal</title><meta content="authenticity_token" name="csrf-param" />
<meta content="c3pUHjUd7Dd9ppQshfpHvtU6XZOmBKJyqtrwKxA3t18=" name="csrf-token" /><!--Le HTML5 shim, for IE6-8 support of HTML elements--><!--[if lt IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script><![endif]--><link data-turbolinks-track="true" href="//cdnjs.cloudflare.com/ajax/libs/ionicons/1.5.2/css/ionicons.min.css" media="screen" rel="stylesheet" /><link data-turbolinks-track="true" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" media="screen" rel="stylesheet" /><link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/bootstrap.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/fonts.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/global.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/member/AdminLTE.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/nprogress.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/nprogress-bootstrap.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/lesshat.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/bootstrap-editable.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/morris.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/bootstrapValidator.min.css?body=1" media="all" rel="stylesheet" /><link href="/images/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" type="image/png" /><link href="/images/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" type="image/png" /><link href="/images/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" type="image/png" /><link href="/images/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" type="image/png" /><link href="/assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /><script data-turbolinks-track="false" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/jquery.turbolinks.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/nprogress.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/nprogress-turbolinks.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/bootstrap.min.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/bootstrap-editable.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/bootstrap-editable-rails.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/turbolinks_transitions.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/cocoon.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/smart_listing.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/twitter/bootstrap/rails/confirm.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/jquery.scrollTableBody-1.0.0.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/autoNumeric-1.9.25.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/autonumeric_ujs.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/autonumeric.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/highcharts/highcharts.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/highcharts/highcharts-more.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/raphael.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/morris.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/bootstrapValidator.min.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/plugin/validator_message_id.js?body=1"></script>
<script data-turbolinks-track="false" src="/assets/application.js?body=1"></script>
</head>
<BODY>
<nav id="landing-header" class="navbar navbar-default navbar-fixed-top animated slideInDown bg-white" role="navigation">
<div class="container">
<div class="navbar-header fo-white col-md-1 header"><button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand logo" data-no-turbolink="true" href="/" style="padding: 2px 0 0 0; border: none;"><img alt="Eproposal logo" src="http://localhost:8080/assets/eproposal_logo.jpg" style="width: 50px;" /><span>Direktorat Jendral Pembinaan Penempatan Tenaga Kerja</span><span class="subTitle">Kementrian Tenaga Kerja dan transmigrasi</span></a>
</div>
<div class="collapse navbar-collapse navbar-responsive-collapse col-md-12" style="width: 89%;">
<form accept-charset="UTF-8" action="/users/sign_in" class=" navbar-form navbar-right no-ve-pad" method="post" role="form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="c3pUHjUd7Dd9ppQshfpHvtU6XZOmBKJyqtrwKxA3t18=" /></div>
<div class="pull-right button-header">
<div class="form-group text-right">
<button class="btn btn-success login-btn no-rounded" type="submit">Masuk</button>
</div>
</div>
<div class="col-md-3 pull-right no-ri-pad">
<div class="input-group input-rounded">
<input autocomplete="off" class="form-control" id="user_password" name="user[password]" placeholder="Password" required="required" type="password" /><span class="input-group-addon"><i class="ion ion-key"></i></span>
</div>
</div>
<div class="col-md-3 pull-right no-ri-pad">
<div class="input-group input-rounded">
<input class="form-control input" id="user_login" name="user[login]" placeholder="Email/NIP" required="required" type="text" /><span class="input-group-addon"><i class="ion ion-ios7-person"></i></span>
</div>
</div></form>
</div>
</div>
</nav>
<section id="main-content" class="col-xs-12 no-ve-pad">
<div class="error-message">
</div>
<link data-turbolinks-track="true" href="/assets/fullcalendar.css?body=1" media="all" rel="stylesheet" /><link data-turbolinks-track="true" href="/assets/dashboards.css?body=1" media="all" rel="stylesheet" /><script data-turbolinks-track="true" src="/assets/plugin/fullcalendar.min.js?body=1"></script><script src="/assets/events.js?body=1"></script>
<section class="left-content col-md-4 col-xs-12">
<div class="row">
<div class="col-xs-12 no-pad">
<h5 class="text-left sm-content-title">
<i class="ion-document-text"></i>&nbsp; Kalender Kegiatan
</h5>
<div class="col-xs-12">
<div id="calendar"></div>
</div>
</div>
</div>
</section>
<section class="center-content col-md-3 col-xs-12">
<div class="row">
<div class="col-xs-12 no-pad">
<h5 class="text-left sm-content-title">
<i class="ion-document-text"></i>&nbsp; List Kegiatan
</h5>
<div id="list-container" class="col-xs-12">
<div class="row">
<div class="list col-xs-12">
<div class="media"><a class="pull-left med-icon" href="javascript:void(0);">
<i class="icon-calendar media-object"></i></a>
<div class="media-body">
<h5 class="media-heading">
<a href="/program_proposals/9">Perluasan Dan Pengembangan Kesempatan Kerja (PPKK)</a>
</h5>
<p>Perluasan Dan Pengembangan...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="right-content col-md-5 col-xs-12">
<div class="row">
<div class="col-xs-12 no-pad">
<h5 class="sm-content-title">
<i class="ion-person-add"></i>&nbsp; Registrasi
</h5>
<div class="error-container"></div>
<form accept-charset="UTF-8" action="/users" class="form registration-container col-xs-12" data-bv-feedbackicons-invalid="" data-bv-feedbackicons-valid="" data-bv-feedbackicons-validating="" id="new_user" method="post" role="form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="c3pUHjUd7Dd9ppQshfpHvtU6XZOmBKJyqtrwKxA3t18=" /></div>
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-9">
<div class="row">
<input autofocus="autofocus" class="form-control" id="user_name" name="user[name]" placeholder="Nama Anda" required="required" type="text" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-6">
<div class="row">
<input autofocus="autofocus" class="form-control" data-bv-remote-message="NIK belum terdaftar" data-bv-remote-url="/check_nik" data-bv-remote="true" data-delay="2000" id="user_nip" name="user[nip]" placeholder="NIP anda" required="required" type="text" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-6">
<div class="row">
<input autofocus="autofocus" class="form-control email-input" id="user_email" name="user[email]" placeholder="Email anda" required="required" type="email" value="" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-6">
<div class="row">
<input autofocus="autofocus" class="form-control" id="user_handphone_number" name="user[handphone_number]" placeholder="No Handphone anda" required="required" type="text" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-6">
<div class="row">
<input autocomplete="off" class="form-control" data-bv-notempty="true" data-bv-stringlength-min="8" data-bv-stringlength="true" id="user_password" name="user[password]" placeholder="Password" required="required" type="password" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="row">
<div class="form-group col-md-6">
<div class="row">
<input autocomplete="off" class="form-control" data-bv-identical-field="user[password]" data-bv-identical-message="Silahkan isi dengan nilai yang sama dengan password" data-bv-identical="true" id="user_password_confirmation" name="user[password_confirmation]" placeholder="Retype password" required="required" type="password" />
</div>
</div>
</div>
</div>
<div class="col-xs-12 btn-container">
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="row">
<button class="btn btn-success no-rounded btn-submit submit-signup-button" type="submit">Register</button>
</div>
</div>
<div class="col-md-6 col-xs-12 text-right">
<div class="row">
<button class="btn btn-default no-rounded btn-submit reset-reg-fields" type="reset"><i class="ion ion-loop"></i><span>Reset form</span></button>
</div>
</div>
</div>
</div>
</div>
</div></form>
</div>
</div>
</section>
<div id="event-detail-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header text-center">
<a class="close" href="javascript:void(0);" type="button" data-dismiss="modal" aria-hidden="true"><i class="ion ion-android-close"></i></a>
<h4>
DETAIL KEGIATAN
</h4>
</div>
<div class="modal-body">
<h2 class="event-title"></h2>
<p class="event-description"></p>
<p class="event-start-date"></p>
<p class="event-end-date"></p>
</div>
</div>
</div>
</div>
<script src="/assets/perfect-scrollbar.js?body=1"></script>
<script src="/assets/form.js?body=1"></script>
<script src="/assets/plugin/jquery.dateFormat.min.js?body=1"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#list-container").perfectScrollbar();
});
</script>
</section><footer class="col-xs-12 main-footer main-footer navbar navbar-fixed-bottom"><p>&copy; Company 2014</p></footer>
</BODY>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment