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

<head>
    <link rel="icon" href="<?= base_url('assets/HomeAssets/img/logo/PPDB 2020.png') ?>" type="image/x-icon">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?= base_url('assets/HomeAssets/css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
    <!-- AOS -->
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <!-- font-awessome -->

    <!-- load all Font Awesome styles + include all v5 backwards compatibility by default -->
    <link href="<?= base_url('node_modules/@fortawesome/fontawesome-free/css/all.css'); ?>" rel="stylesheet">


    <!-- Custum css -->
    <link rel="stylesheet" href="<?= base_url('assets/HomeAssets/scss/main.css'); ?>">
    <title><?= $title ?></title>
</head>

<body>
    <div class="loading d-flex justify-content-center ">
        <div class="gambar-loading align-self-center">
            <img src="<?= base_url('assets/HomeAssets/img/loading/loading.gif') ?>" class="img-fluid">
            <p class="align-items-center mt-1 font-weight-bold text-white ml-0">Mohon Tunggu.....</p>
        </div>
    </div>
    <!-- navbar -->
    <div class="container-fluid">
        <div class="container my-5">
            <nav class="navbar navbar-expand-lg navbar-light bg-light custum-nav bg-transparent">
                <a class="navbar-brand" href="<?= base_url() ?>">
                    <img src="<?= base_url('assets/HomeAssets/img/logo/logo.png') ?>" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item active" data-aos="fade-right">
                            <a class="nav-link" href="<?= base_url(); ?>">Home <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item" data-aos="fade-right">
                            <a class="nav-link btn btn-danger text-white" href="#caraDaftar">Informasi</a>
                        </li>
                        <li class="nav-item" data-aos="fade-right">
                            <a class="nav-link" href="<?= base_url('Register') ?>">Daftar</a>
                        </li>
                        <li class="nav-item" data-aos="fade-right">
                            <a class="nav-link btn btn-primary login-button" href="<?= base_url('Authentication') ?>">Cek Status Pendaftaran</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>