2024-03-30 19:43:46 +07:00
|
|
|
{{-- @if($errors->any())
|
2024-03-15 18:36:20 +07:00
|
|
|
<div class="alert alert-danger">
|
|
|
|
<ul>
|
|
|
|
@foreach ($errors->all() as $error )
|
|
|
|
<li>{{ $error }}</li>
|
|
|
|
@endforeach
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
@if(session('success'))
|
|
|
|
<div class="alert alert-success">
|
|
|
|
<ul>
|
|
|
|
<li>{{ session('success') }}</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
@if(session('error'))
|
|
|
|
<div class="alert alert-danger">
|
|
|
|
<ul>
|
|
|
|
<li>{{ session('error') }}</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2024-03-30 19:43:46 +07:00
|
|
|
@endif --}}
|
|
|
|
@if(session('error'))
|
|
|
|
<script type="text/javascript">
|
|
|
|
window.location = "{{ url('404') }}";//here double curly bracket
|
|
|
|
</script>
|
2024-03-15 18:36:20 +07:00
|
|
|
@endif
|
2024-03-30 19:43:46 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
|
<meta name="description" content="" />
|
|
|
|
<meta name="author" content="" />
|
|
|
|
<title>PINTU Fakultas Farmasi Universitas Jember</title>
|
|
|
|
<!-- Favicon-->
|
|
|
|
<link rel="icon" type="image/x-icon" href="{{ asset('/') }}dist/img/pintu.webp" />
|
|
|
|
<!-- Font Awesome icons (free version)-->
|
|
|
|
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
|
|
|
|
<!-- Google fonts-->
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- Core theme CSS (includes Bootstrap)-->
|
|
|
|
<link href="{{ asset('/') }}dist/css/index.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
|
|
<!-- Navigation-->
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
|
|
|
<div class="container">
|
|
|
|
<a class="navbar-brand" href="#page-top"><img src="{{ asset('/') }}dist/img/pintu.webp" alt="..." /></a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
Menu
|
|
|
|
<i class="fas fa-bars ms-1"></i>
|
|
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
|
|
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
|
|
|
<li class="nav-item"><a class="nav-link" href="#tentang">Tentang PINTU</a></li>
|
|
|
|
<li class="nav-item"><a class="nav-link" href="#layanan">Layanan</a></li>
|
|
|
|
<li class="nav-item"><a class="nav-link" href="#about">FAQ</a></li>
|
|
|
|
<li class="nav-item"><a class="nav-link btn btn-success btn-sm" href="{{ route('login')}}">LOGIN</a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<!-- Masthead-->
|
|
|
|
<header class="masthead">
|
|
|
|
<div class="container">
|
|
|
|
<div class="masthead-subheading">Selamat Datang di</div>
|
|
|
|
<div class="masthead-heading text-uppercase">PINTU Farmasi!</div>
|
|
|
|
<a class="btn btn-primary btn-xl text-uppercase" href="#tentang">Ketahui Lebih Lanjut Tentang Pintu</a>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<!-- about Grid-->
|
|
|
|
<section class="page-section bg-light" id="tentang">
|
|
|
|
<div class="container">
|
|
|
|
<div class="text-center">
|
|
|
|
<h2 class="section-heading text-uppercase">Tentang PINTU Farmasi</h2>
|
|
|
|
<h3 class="section-subheading text-muted">PINTU (Pusat Informasi dan Layanan Satu Pintu) FARMASI, merupakan layanan online untuk informasi dan layanan satu pintu Fakultas Farmasi. Pengguna dapat memanfaatkan PINTU FARMASI untuk layanan akademik dan kemahasiswaan, umum dan perlengkapan, keuangan dan kepegawaian. Prioritas layanan akan diselesaikan via online terlebih dahulu. Jika layanan online tidak dapat menyelesaikan, maka akan diteruskan melalui layanan offline.</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
2024-03-15 18:36:20 +07:00
|
|
|
|
2024-03-30 19:43:46 +07:00
|
|
|
<!-- layanan-->
|
|
|
|
<section class="page-section" id="layanan">
|
|
|
|
<div class="container">
|
|
|
|
<div class="text-center">
|
|
|
|
<h2 class="section-heading text-uppercase">Layanan</h2>
|
|
|
|
<h3 class="section-subheading text-muted">Layanan Yang Tersedia Pada PINTU Farmasi.</h3>
|
|
|
|
</div>
|
|
|
|
<div class="row text-center">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<a href="{{route('layanan-dpudpa.tambah')}}" class="text-decoration-none" target="_blank">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-book fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Pengajuan DPA / DPU</h4>
|
|
|
|
<p class="text-muted">Pengajuan Kesediaan Menjadi Dosen Pembimbing Utama & Dosen Pembimbing Anggota</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<a href="{{route('layanan-sempro.tambah')}}" class="text-decoration-none" target="_blank">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-book fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Pengajuan Seminar Proposal</h4>
|
|
|
|
<p class="text-muted">Pengajuan Seminar Proposal</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<a href="{{route('layanan-sidangakhir.tambah')}}" class="text-decoration-none" target="_blank">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-book fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Pengajuan Sidang Akhir</h4>
|
|
|
|
<p class="text-muted">Pengajuan Sidang Akhir</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<a href="{{route('layanan-revisipublikasi.tambah')}}" class="text-decoration-none" target="_blank">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-book fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Pengajuan Publikasi & Revisi</h4>
|
|
|
|
<p class="text-muted">Pengajuan Publikasi & Revisi</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<a href="{{route('layanan-wisuda.tambah')}}" class="text-decoration-none" target="_blank">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-book fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Pengajuan Syarat Mengikuti Wisuda</h4>
|
|
|
|
<p class="text-muted">Pengajuan Syarat Mengikuti Wisuda</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<span class="fa-stack fa-4x">
|
|
|
|
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
|
|
|
<i class="fas fa-soon fa-stack-1x fa-inverse"></i>
|
|
|
|
</span>
|
|
|
|
<h4 class="my-3">Segera</h4>
|
|
|
|
<p class="text-muted">Segera</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Footer-->
|
|
|
|
<footer class="footer py-4">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row align-items-center">
|
|
|
|
<div class="col-lg-4 text-lg-start">Copyright © PINTU FARMASI 2024</div>
|
|
|
|
<div class="col-lg-4 my-3 my-lg-0">
|
|
|
|
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
|
|
|
|
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
|
|
|
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 text-lg-end">
|
|
|
|
<a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
|
|
|
|
<a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
<!-- Portfolio Modals-->
|
|
|
|
<!-- Portfolio item 1 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Threads
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Illustration
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Portfolio item 2 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Explore
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Graphic Design
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Portfolio item 3 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/3.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Finish
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Identity
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Portfolio item 4 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/4.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Lines
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Branding
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Portfolio item 5 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/5.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Southwest
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Website Design
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Portfolio item 6 modal popup-->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="modal-body">
|
|
|
|
<!-- Project details-->
|
|
|
|
<h2 class="text-uppercase">Project Name</h2>
|
|
|
|
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
|
|
|
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/6.jpg" alt="..." />
|
|
|
|
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
|
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
|
|
<strong>Client:</strong>
|
|
|
|
Window
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<strong>Category:</strong>
|
|
|
|
Photography
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
|
|
|
|
<i class="fas fa-xmark me-1"></i>
|
|
|
|
Close Project
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Bootstrap core JS-->
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Core theme JS-->
|
|
|
|
<script src="{{ asset('/') }}dist/js/index.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|