@extends('layout.app')
@section('title', 'dashboard')
@section('content')

    <!-- ISI KONTEN -->
<style>
    .jumbotron {
    padding-top: 6rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    background-color: #0d6efd;
    color: rgb(255, 255, 255);    
    }

    .section {
    padding-top: 6rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem
    }

</style>

<section class="jumbotron text-center" style="background-color: #0099ff;">
    <div class="container" style="color: black;">
        <div class="row justify-content-center text-center">
            <div class="col">
                <h3 style="color: black; font-size: 30px; font-weight: bold;" class="mb-5">PEMBUAT APLIKASI</h3>
                <img src="img/aku.jpg" width="400" class="rounded-circle img-thumbnail mx-auto" alt="Onwner">
                <div class="card-body">
                    <h4 class="card-text mt-3" style="color: black; font-weight: bold; font-size: 20px">Muhammad Norisman Firmansyah</h4>
                    <h5 class="card-text mt-1" style="color: black; font-weight: bold; font-size: 20px">Politeknik Negeri Jember</h5>
                </div>    
            </div>
        </div>
    </div>
</section>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="margin-top: -30px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" fill-opacity="1" d="M0,96L48,122.7C96,149,192,203,288,213.3C384,224,480,192,576,202.7C672,213,768,267,864,282.7C960,299,1056,277,1152,250.7C1248,224,1344,192,1392,176L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>
</svg>

<section class="jumbotron text-center" style="background-color: #f8f9fc;">
    <div class="container" style="color: black;">
        <div class="row justify-content-center text-center">
            <div class="col">
                <h3 style="color: black; font-size: 30px; font-weight: bold;" >TENTANG APLIKASI</h3>
                <div class="card-body">
                <p style="color: black; font-size: 18px">Aplikasi ini dibuat untuk mempermudah para tenaga pengajar untuk menyelesaikan permasalahan tentang keadilan dalam penilaian siswa. Serta membantu untuk mengatasi kurikulum merdeka</p>
                </div>    
            </div>
        </div>
    </div>
</section>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="margin-top: -30px;"><path fill="#0099ff" fill-opacity="1" d="M0,96L48,122.7C96,149,192,203,288,213.3C384,224,480,192,576,202.7C672,213,768,267,864,282.7C960,299,1056,277,1152,250.7C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
</svg>

<section class="jumbotron text-center" style="background-color: #0099ff;">
    <div class="container" style="color: black;">
        <div class="row justify-content-center text-center">
            <div class="col">
                <h3 style="color: black; font-size: 30px; font-weight: bold;" >MEDIA SOSIAL PEMBUAT</h3>
                <div class="card-body">
                    <a href="https://www.instagram.com/_nrsman" style="color: black;">
                        <i class="bi bi-instagram" style="font-size: 35px; margin-right: 25px;"></i>
                    </a>
                    <a href="https://wa.me/+6281357583238" style="color: black;">
                        <i class="bi bi-whatsapp" style="font-size: 35px; margin-right: 25px;"></i>
                    </a>
                    <a href="https://www.youtube.com/channel/UCoHggLahjzk-OzMFPuKnJGQ" style="color: black;">
                        <i class="bi bi-youtube" style="font-size: 35px; margin-right: 25px;"></i>
                    </a>
                    <a href="firmanxberry@gmail.com" style="color: black;">
                        <i class="bi bi-envelope" style="font-size: 35px;"></i>
                    </a>
                </div>    
            </div>
        </div>
    </div>
</section>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="margin-top: -30px;"><path fill="#0099ff" fill-opacity="1" d="M0,160L48,160C96,160,192,160,288,133.3C384,107,480,53,576,80C672,107,768,213,864,234.7C960,256,1056,192,1152,165.3C1248,139,1344,149,1392,154.7L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path>
</svg>




@endsection