-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.php
79 lines (68 loc) · 2.4 KB
/
home.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php
require "config.php";
include "navbar.php";
include "clock.php";
if (!isset($_SESSION['username'])) {
header("Location: login.php");
session_start();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css" />
<link rel="stylesheet" href="css/home.css">
</head>
<body>
<div class="header-background">
<div class="header-profile">
<p>Selamat Datang <?php echo $_SESSION['username']; ?></p>
</div>
</div>
<div class="container">
<div class="slider">
<div>
<a href="#">
<img src="slideshow/1.png" alt="Image 1">
</a>
</div>
<div>
<a href="#">
<img src="slideshow/2.png" alt="Image 2">
</a>
</div>
<div>
<a href="#">
<img src="slideshow/3.png" alt="Image 3">
</a>
</div>
</div>
</div>
<div class="text-background"></div>
<div class="text-container">
<div class="title">
Selamat Datang di Penerimaan Siswa Baru
</div>
<div class="paragraf">
Layanan PPDB Online adalah sebuah sistem layanan yang dirancang untuk melakukan otomatis seleksi Pendaftaran Peserta Siswa Baru (PPDB), mulai dari proses pendaftaran, proses seleksi hingga pengumuman hasil seleksi, yang dilakukan secara online dan berbasis nyata (Realtime).
</div>
</div>
<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Slick JS -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<!-- Our Script -->
<script>
$(document).ready(function() {
$('.slider').slick({
autoplay: true,
autoplaySpeed: 2500,
dots: true
});
});
</script>
</body>
</html>