Skip to content

Commit

Permalink
Adding minor improvements on registration pages 🎊
Browse files Browse the repository at this point in the history
  • Loading branch information
@syauqi
syauqi committed Aug 20, 2020
1 parent 8902ff5 commit a7f4d52
Show file tree
Hide file tree
Showing 3 changed files with 51 additions and 57 deletions.
95 changes: 38 additions & 57 deletions application/views/user/registration.php
View file
Original file line number Diff line number Diff line change
@@ -1,26 +1,12 @@
<!--
@Project: Learnify
@Programmer: Syauqi Zaidan Khairan Khalaf
@Website: https://linktr.ee/syauqi
@Email : [email protected]

@About-Learnify :
Web Edukasi Open Source yang dibuat oleh Syauqi Zaidan Khairan Khalaf.
Learnify adalah Web edukasi yang dilengkapi video, materi dan sistem ujian
yang tersedia secara gratis. Learnify dibuat ditujukan agar para siswa dan
guru dapat terus belajar dan mengajar dimana saja dan kapan saja.
-->

<!doctype html>
<html lang="en">
<html lang="id">

<head>

<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="<?= base_url('assets/') ?>img/favicon.png" type="image/png">
<title>Learnify - Belajar Dimana Saja & Kapan Saja !</title>
<title>Learnify - Belajar Dimana Saja & Kapan Saja!</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="<?= base_url('assets/') ?>css/bootstrap.css">
<link rel="stylesheet" href="<?= base_url('assets/') ?>vendors/linericon/style.css">
Expand All @@ -30,32 +16,37 @@
<link rel="stylesheet" href="<?= base_url('assets/') ?>vendors/nice-select/css/nice-select.css">
<link rel="stylesheet" href="<?= base_url('assets/') ?>vendors/animate-css/animate.css">
<link rel="stylesheet" href="<?= base_url('assets/') ?>vendors/popup/magnific-popup.css">
<!-- main css -->
<!-- Main CSS -->
<link rel="stylesheet" href="<?= base_url('assets/') ?>css/style.css">
<link rel="stylesheet" href="<?= base_url('assets/') ?>css/responsive.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>

<script src="<?= base_url('assets/') ?>js/jquery-3.3.1.min.js"></script>
<script src="<?= base_url('assets/') ?>js/popper.js"></script>
<script src="<?= base_url('assets/') ?>js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.1/lottie.min.js"></script>
<script src="<?= base_url('assets/') ?>js/lottie.js"></script>
</head>

<body style="background-color: #edf2f7">

<!--================Header Menu Area =================-->
<!-- Header Menu Area -->
<header class="header_area" style="background-color: white !important;">
<div class="top_menu row m0">
<div class="container">
<div class="float-left">
<ul class="list header_social">
<li><a href="https://www.facebook.com/zaidan.syauqi.9"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/syauqykhairan"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://dribbble.com/syauqyzaidan"><i class="fa fa-dribbble"></i></a></li>
<li><a href="https://www.behance.net/syaauqizaaidan"><i class="fa fa-behance"></i></a></li>
<li><a href="https://www.facebook.com/syaaauqi"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/syaaauqi"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://dribbble.com/syaufy"><i class="fa fa-dribbble"></i></a></li>
<li><a href="https://www.behance.net/syaufy"><i class="fa fa-behance"></i></a></li>
<li><a href="https://www.github.com/syauqi"><i class="fa fa-github"></i></a></li>
<li><a href="https://www.instagram.com/syaufy"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="float-right">
<a class="dn_btn" href="tel:+4400123654896">(0265) 771204</a>
<a class="dn_btn" href="mailto:[email protected]">[email protected]</a>
<a class="dn_btn" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
Expand All @@ -72,21 +63,13 @@
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="">Beranda</a></li>
<li class="nav-item"><a class="nav-link" href="<?= base_url('welcome/tentang') ?>">Tentang</a>
<li class="nav-item" id="nav"><a class="nav-link" href="<?= base_url('welcome') ?>">Beranda</a></li>
<li class="nav-item" id="navtentang"><a class="nav-link" href="<?= base_url('welcome/tentang') ?>">Tentang</a>
</li>
<li class="nav-item submenu dropdown">
<li class="nav-item submenu dropdown" id="navpelajaran">
<a href="<?= base_url('welcome/pelajaran') ?>" class="nav-link dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Pelajaran</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="courses.html">Matematika</a>
<li class="nav-item"><a class="nav-link" href="course-details.html">IPA</a></li>
<li class="nav-item"><a class="nav-link" href="courses.html">Bahasa Inggris</a>
<li class="nav-item"><a class="nav-link" href="course-details.html">Bahasa
Indonesia</a></li>
<li class="nav-item"><a class="nav-link" href="courses.html">Agama Islam</a>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="<?= base_url('welcome/kontak') ?>">Kontak</a>
<li class="nav-item" id="navkontak"><a class="nav-link" href="<?= base_url('welcome/kontak') ?>">Kontak</a>
</li>
<li class="nav-item"><a class="nav-link" href="#" data-toggle="modal" data-target="#exampleModalCenter">Masuk</a></li>
</ul>
Expand All @@ -95,10 +78,9 @@
</nav>
</div>
</header>
<!--================End Header Menu Area =================-->
<!-- End Header Menu Area -->


<!--================Home Banner Area =================-->
<!-- Home Banner Area -->
<section class="banner_area">
<div class="banner_inner d-flex align-items-center">
<div class="kontak bg-parallax" data-stellar-ratio="0.9" data-stellar-vertical-offset="0" data-background="">
Expand All @@ -108,27 +90,26 @@
<h2>Pendaftaran Learnify</h2>
<div class="page_link">
<a href="<?= base_url('welcome') ?>">Beranda</a>
<a href="<?= base_url('user/registration') ?>">Daftar</a>
<a href="<?= base_url('user/registration') ?>">Pendaftaran</a>
</div>
</div>
</div>
</div>
<div id="registration"></div>

</section>
<!--================ End Home Banner Area =================-->
<!-- End Home Banner Area -->

<!--================ Registration Form Area =================-->
<!-- Registration Form Area -->
<div class="container mt-5 mb-5" id="registration">
<div class="row bg-registration p-3">
<div class="col-md-12 text-center">
<p class="registration-title font-weight-bold display-4 mt-4" style="font-size: 50px;">
Pendaftaran Learnify</p>
<p style="line-height:-30px;margin-top:-20px;">Silahkan isi data data yang diperlukan dibawah </p>
<p style="line-height:-30px;margin-top:-20px;">Silahkan isi data data yang diperlukan dibawah ini </p>
<hr>
</div>
<div class="col-md-6 mx-auto text-center">
<img src="<?= base_url('assets/') ?>img/2650147.png" class="img-fluid img-responsive" alt="" srcset="">
<div class="bodymovin" data-icon="<?= base_url('assets/') ?>json/registration-animation.json"></div>
</div>
<div class="col-md-6 mx-auto my-auto mt--5">
<form action="<?= base_url('user/registration_act') ?>" method="post">
Expand All @@ -142,7 +123,6 @@
<input type="text" class="form-control" name="email" id="email" value="<?= set_value('email'); ?>">
<?= form_error('email', '<small class="text-danger">', '</small>'); ?>
</div>

<div class="form-row">
<div class="form-group col-md-6">
<label for="password" class="label-font-register">Password</label>
Expand All @@ -155,32 +135,33 @@
<?= form_error('retype_password', '<small class="text-danger">', '</small>'); ?>
</div>
</div>
<div class="form-check mt-2">
<div class="form-check">
<input class="form-check-input checkbox" type="checkbox" id="defaultCheck1" onchange="document.getElementById('btnsubmit').disabled = !this.checked;">
<label class=" form-check-label" for="defaultCheck1">
Saya setuju dan ingin melanjutkan.
Saya setuju dan ingin melanjutkan
</label>
</div>
<p class="terms">Dengan daftar anda menyetujui <i>privasi dan persyaratan ketentuan
hukum kami </i> .
baca selengkapnya <a href="#"> disini.</a></p>

<p class="terms">Dengan mendaftar anda menyetujui <i>privasi dan persyaratan ketentuan
hukum kami </i>
baca selengkapnya <a href="#"> disini</a></p>
<button type="submit" name="submit" id="btnsubmit" disabled class="btn btn-block btn-modal btn-submit">Daftar
Sekarang!</button>
</form>
</div>
</div>
</div>
<!--================ End Registration Form Area =================-->
<!-- End Registration Form Area -->

<!-- Start Checkbox Scripts -->
<script>
$('.tab1_btn').prop('disabled', !$('.tab1_chk:checked')
.length); //initially disable/enable button based on checked length
.length);
$('input[type=checkbox]').click(function() {
if ($('.tab1_chk:checkbox:checked').length > 0) {
$('.btn-submit').prop('disabled', false);
} else {
$('.btn-submit').prop('disabled', true);
}
});
</script>
</script>
<!-- End Checkbox Scripts -->
12 changes: 12 additions & 0 deletions assets/js/lottie.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
$(function () {
$(".bodymovin").each(function () {
var element = $(this);
var animation = bodymovin.loadAnimation({
container: element[0],
renderer: "svg",
loop: true,
autoplay: true,
path: element.data("icon"),
});
});
});
1 change: 1 addition & 0 deletions assets/json/registration-animation.json
View file

Large diffs are not rendered by default.

0 comments on commit a7f4d52

Please sign in to comment.