resources/views/pages/penugasan/task.blade.php
<!-- /*
* Template Name: Financing
* Template Author: Untree.co
* Template URI: https://untree.co/
* License: https://creativecommons.org/licenses/by/3.0/
*/ -->
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Untree.co">
    <link rel="shortcut icon" href="favicon.png">

    <meta name="description" content="" />
    <meta name="keywords" content="bootstrap, bootstrap5" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap" rel="stylesheet">


    <link rel="stylesheet" href="home/fonts/icomoon/style.css">
    <link rel="stylesheet" href="home/fonts/flaticon/font/flaticon.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">

    <link rel="stylesheet" href="home/css/tiny-slider.css">
    <link rel="stylesheet" href="home/css/aos.css">
    <link rel="stylesheet" href="home/css/glightbox.min.css">
    <link rel="stylesheet" href="home/css/style.css">

    <link rel="stylesheet" href="home/css/flatpickr.min.css">


    <title>Inisalisasi 2024</title>
</head>

<body>

    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close">
                <span class="icofont-close js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>
    
    <nav class="site-nav">
        <div class="container">
            <div class="menu-bg-wrap">
                <div class="site-navigation">
                    <div class="row g-0 justify-content-between align-items-center">
                        <div class="col-lg-3 col-8">
                            <a href="/" class="logo m-0 float-start text-dark">INISIALISASI 2024<span
                                    class="text-dark">.</span></a>
                        </div>
                        <div class="col-log-7 col-4 text-end ">
                            <ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
                                <li><a class="text-dark" href="index.html">Home</a></li>
                                <li><a class="text-dark" href="/penugasan">Penugasan Alim</a></li>
                                <li><a class="text-dark" href="/task">Penugasan Alif</a></li>
                            </ul>
                            <a href="#"
                                class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
                                <span></span>
                            </a>
                        </div>
                        {{-- <div class="col-3 text-end">
                            <a href="#"
                                class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
                                <span></span>
                            </a>

                            <a href="#" class="call-us d-flex align-items-center">
                                <span class="icon-phone"></span>
                                <span>123-489-9381</span>
                            </a>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </nav>



    <div class="section sec-portfolio bg-light pb-5" id="about" style="padding-top: 150px">
        <div class="container">
            <div class="row mb-5">
                <div class="col-lg-5 mx-auto text-center ">
                    <div class="d-flex gap-2 justify-content-center">
                        <h2 class="heading">PENUGASAN</h2>
                    </div>
                    <div class="accordion" id="accordionFlushExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseOne" aria-expanded="false"
                                    aria-controls="flush-collapseOne">
                                    INISIALISASI DAY - 1
                                </button>
                            </h2>
                            <div id="flush-collapseOne" class="accordion-collapse collapse"
                                data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body text-start">
                                    <ul>
                                        <li>Tugas 1 - ID CARD</li>
                                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem
                                            ipsam fugiat reprehenderit, laborum nihil ullam natus doloremque nesciunt
                                            impedit minus cum harum delectus commodi, officia dolorum! Magnam sed minus
                                            quia.</p>
                                            <div class="d-flex form-group">
                                                <input type="file" class="form-control" name="" id="">
                                                <input type="submit" class="btn btn-sm btn-success">
                                            </div>
                                        <li>Tugas 2 - Booklet</li>
                                        <li>Tugas 3 - Video</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseTwo" aria-expanded="false"
                                    aria-controls="flush-collapseTwo">
                                    Accordion Item #2
                                </button>
                            </h2>
                            <div id="flush-collapseTwo" class="accordion-collapse collapse"
                                data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">Placeholder content for this accordion, which is intended to
                                    demonstrate the <code>.accordion-flush</code> class. This is the second item's
                                    accordion body. Let's imagine this being filled with some actual content.</div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseThree" aria-expanded="false"
                                    aria-controls="flush-collapseThree">
                                    Accordion Item #3
                                </button>
                            </h2>
                            <div id="flush-collapseThree" class="accordion-collapse collapse"
                                data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">Placeholder content for this accordion, which is intended
                                    to demonstrate the <code>.accordion-flush</code> class. This is the third item's
                                    accordion body. Nothing more exciting happening here in terms of content, but just
                                    filling up the space to make it look, at least at first glance, a bit more
                                    representative of how this would look in a real-world application.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- Preloader -->
    <div id="overlayer"></div>
    <div class="loader">
        <div class="spinner-border text-primary" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>


    <script src="home/js/bootstrap.bundle.min.js"></script>
    <script src="home/js/tiny-slider.js"></script>

    <script src="home/js/flatpickr.min.js"></script>


    <script src="home/js/aos.js"></script>
    <script src="home/js/glightbox.min.js"></script>
    <script src="home/js/navbar.js"></script>
    <script src="home/js/counter.js"></script>
    <script src="home/js/custom.js"></script>
</body>

</html>
