Scribd
Upload
12 views7 pages

Layout

Uploaded by

muhamadilyasmaulana96
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views7 pages

Layout

Uploaded by

muhamadilyasmaulana96
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

@extends('layout/apk')

@section('konten')
<form method="POST" action="/siswa" enctype="multipart/form-data">
@csrf
<div class="mb-3">
<label for="nomor_induk" class="form-label">Nomor Induk</label>
<input type="text" class="form-control" name="nomor_induk" id="nomor_induk"
value="{{ Session::get('nomor_induk') }}">
</div>

<div class="mb-3">
<label for="nama" class="form-label">Nama</label>
<input type="text" class="form-control" name="nama" id="nama"
value="{{ Session::get('nama') }}">
</div>

<div class="mb-3">
<label for="alamat" class="form-label">Alamat</label>
<textarea class="form-control" name="alamat"
id="alamat">{{ Session::get('alamat') }}</textarea>
</div>

<div class="mb-3">
<label for="foto" class="form-label">Foto</label>
<input type="file" class="form-control" name="foto" id="foto">
</div>

<div class="mb-3">
<button type="submit" class="btn btn-primary">SIMPAN</button>
</div>
</form>
@endsection

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Data siswa</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>

@vite(['bootstrap-5.1.3-dist/css/bootstrap.rtl.min.css'])

</head>
<body>
<div class="container py-5">
@include('komponen/pesan')
@yield('konten')
</div>

<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
</body>
</html>

w3 modal bs 5

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
</script>
</head>
<body>

<div class="container mt-3">


<h3>Fading Modal Example</h3>
<p>Click on the button to open the modal.</p>

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-


target="#myModal">
Open modal
</button>
</div>

<!-- The Modal -->


<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Modal Heading</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>

<!-- Modal body -->


<div class="modal-body">
Modal body..
</div>

<!-- Modal footer -->


<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-
dismiss="modal">Close</button>
</div>

</div>
</div>
</div>

</body>
</html>

<!-- ======= Header ======= -->


<header id="header" class="header fixed-top d-flex align-items-center bg-
success">

<div class="d-flex align-items-center justify-content-between">


<div class="logo d-flex align-items-center">
<img src="assets/img/LOGO_SMK-removebg-preview.png" alt="">
<span class="d-none d-lg-block text-light">Koperasi</span>
</div>
<i class="bi bi-list toggle-sidebar-btn text-light"></i>
</div><!-- End Logo -->

<div class="search-bar">
<form class="search-form d-flex align-items-center" method="POST" action="#">
<input type="text" name="query" placeholder="Search" title="Enter search
keyword">
<button type="submit" title="Search"><i class="bi bi-search"></i></button>
</form>
</div><!-- End Search Bar -->

<nav class="header-nav ms-auto">


<ul class="d-flex align-items-center">

<li class="nav-item d-block d-lg-none">


<a class="nav-link nav-icon search-bar-toggle " href="#">
<i class="bi bi-search"></i>
</a>
</li><!-- End Search Icon-->

<li class="nav-item dropdown">


<a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-bell text-light"></i>
<span class="badge bg-primary badge-number">4</span>
</a><!-- End Notification Icon -->

<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow


notifications">
<li class="dropdown-header">
You have 4 new notifications
<a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View
all</span></a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li class="notification-item">
<i class="bi bi-exclamation-circle text-warning"></i>
<div>
<h4>Lorem Ipsum</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>30 min. ago</p>
</div>
</li>

<li>
<hr class="dropdown-divider">
</li>

<li class="notification-item">
<i class="bi bi-x-circle text-danger"></i>
<div>
<h4>Atque rerum nesciunt</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>1 hr. ago</p>
</div>
</li>

<li>
<hr class="dropdown-divider">
</li>

<li class="notification-item">
<i class="bi bi-check-circle text-success"></i>
<div>
<h4>Sit rerum fuga</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>2 hrs. ago</p>
</div>
</li>

<li>
<hr class="dropdown-divider">
</li>

<li class="notification-item">
<i class="bi bi-info-circle text-primary"></i>
<div>
<h4>Dicta reprehenderit</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>4 hrs. ago</p>
</div>
</li>

<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-footer">
<a href="#">Show all notifications</a>
</li>

</ul><!-- End Notification Dropdown Items -->

</li><!-- End Notification Nav -->

<li class="nav-item dropdown">

<a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">


<i class="bi bi-chat-left-text text-light"></i>
<span class="badge bg-primary badge-number">3</span>
</a><!-- End Messages Icon -->

<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow messages">


<li class="dropdown-header">
You have 3 new messages
<a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View
all</span></a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li class="message-item">
<a href="#">
<img src="assets/img/messages-1.jpg" alt="" class="rounded-circle">
<div>
<h4>Maria Hudson</h4>
<p>Velit asperiores et ducimus soluta repudiandae labore officia
est ut...</p>
<p>4 hrs. ago</p>
</div>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li class="message-item">
<a href="#">
<img src="assets/img/messages-2.jpg" alt="" class="rounded-circle">
<div>
<h4>Anna Nelson</h4>
<p>Velit asperiores et ducimus soluta repudiandae labore officia
est ut...</p>
<p>6 hrs. ago</p>
</div>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li class="message-item">
<a href="#">
<img src="assets/img/messages-3.jpg" alt="" class="rounded-circle">
<div>
<h4>David Muldon</h4>
<p>Velit asperiores et ducimus soluta repudiandae labore officia
est ut...</p>
<p>8 hrs. ago</p>
</div>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li class="dropdown-footer">
<a href="#">Show all messages</a>
</li>

</ul><!-- End Messages Dropdown Items -->

</li><!-- End Messages Nav -->

<li class="nav-item dropdown pe-3">

<a class="nav-link nav-profile d-flex align-items-center pe-0" href="#"


data-bs-toggle="dropdown">
<img src="template/assets/img/user_default.png" alt="Profile"
class="rounded-circle">
<span class="d-none d-md-block dropdown-toggle ps-2 text-light"><?=
$getProfile['username']; ?></span>
</a><!-- End Profile Iamge Icon -->

<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">


<li class="dropdown-header">
<h6>Kevin Anderson</h6>
<span>Web Designer</span>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center" href="<?=
base_url('profile') ?>">
<i class="bi bi-person"></i>
<span>My Profile</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center" href="users-
profile.html">
<i class="bi bi-gear"></i>
<span>Account Settings</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center" href="pages-
faq.html">
<i class="bi bi-question-circle"></i>
<span>Need Help?</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center" href="<?=
base_url('logout') ?>">
<i class="bi bi-box-arrow-right"></i>
<span>Sign Out</span>
</a>
</li>

</ul><!-- End Profile Dropdown Items -->


</li><!-- End Profile Nav -->

</ul>
</nav><!-- End Icons Navigation -->

</header><!-- End Header -->

You might also like