-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (124 loc) · 5.61 KB
/
index.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SIUBSI</title>
<link rel="icon" href="./assets/images/logo.png" type="image/x-icon">
<!-- Fonts -->
<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=Poppins:ital,wght@0,100;0,300;0,400;0,700;1,700&display=swap"
rel="stylesheet">
<!-- Box Icons -->
<script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<!-- Feather Icons -->
<script src="https://unpkg.com/feather-icons"></script>
<!-- Style -->
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar">
<a href="./" class="navbar-logo">SI<span>UBSI</span></a>
<div class="navbar-nav">
<a href="./pembahasan.html">Pembahasan</a>
<a href="#team">Team</a>
<a href="#saran">Saran</a>
</div>
<div class="navbar-extra">
<a href="#" id="hamburger-menu"><i data-feather="menu"></i></a>
</div>
</nav>
<!-- Navbar End -->
<!-- Hero Section Start -->
<section id="home" class="hero">
<main class="content">
<h1>Selamat datang di <span>SIAKAD-SIUBSI</span>.</h1>
<p>Berisi tentang Pengenalan Apa itu <abbr title="Sistem Informasi AKademik">SIAKAD</abbr> dan sebagainya.</p>
<a href="./pembahasan.html" class="cta">Apa itu SIAKAD</a>
<abbr title="Forum Komunitas SIUBSI (Discord Server)"><a href="https://discord.gg/NC3yHscNqV" target="_blank"><i class="box-icon bx bxl-discord-alt"></i></a></abbr>
<abbr title="Forum Komunitas SIUBSI (GitHub)"><a href="https://github.com/SIUBSI" target="_blank"><i class="box-icon bx bxl-github"></i></a></abbr></br>
<a href="#saran" class="cta-saran">Mohon berikan Saran untuk keberlangsungan berjalan-nya Website kami<i class='bx bx-chevron-right'></i></a>
</main>
</section>
<!-- Hero Section End -->
<!-- Team Section Start -->
<section id="team" class="team">
<div class="wrapper">
<i id="left-arrow" class='bx bx-chevron-left'></i>
<ul class="carousel">
<li class="card">
<div class="img"><img src="./assets/images/penyusun/daffy.jpg" alt="img" draggable="false"></div>
<h2>Muhamad Khadaffy</h2>
<span>Head Project</span>
</li>
<li class="card">
<div class="img"><img src="./assets/images/penyusun/elsa.jpg" alt="img" draggable="false"></div>
<h2>Asyffa Elsa Hakim</h2>
<span>Creative</span>
</li>
<li class="card">
<div class="img"><img src="./assets/images/penyusun/adetyas.jpg" alt="img" draggable="false"></div>
<h2>Adetyas Alfarizza R.</h2>
<span>Creative</span>
</li>
<li class="card">
<div class="img"><img src="./assets/images/penyusun/rifdah.png" alt="img" draggable="false"></div>
<h2>Rifdah Dzakiyyah</h2>
<span>Creative</span>
</li>
<li class="card">
<div class="img"><img src="./assets/images/penyusun/mannan.jpeg" alt="img" draggable="false"></div>
<h2>Muhammad Mannan</h2>
<span>Creative</span>
</li>
</ul>
<i id="right-arrow" class='bx bx-chevron-right'></i>
</div>
</section>
<!-- Team Section End -->
<!-- Form Saran Section Start -->
<section id="saran" class="saran">
<div class="form-container">
<div class="form-wrapper">
<section class="post">
<header>Kirim Saran</header>
<form action="https://formspree.io/f/mbjvryle" method="POST">
<div class="content">
<img src="./assets/images/logo.png" alt="logo">
<div class="details">
<p>SIUBSI</p>
</div>
</div>
<div>
<input type="name" placeholder="Masukkan Nama anda" name="name">
</div>
<div>
<input type="email" placeholder="Masukkan Email anda" name="email">
</div>
<textarea name="message" id="message" placeholder="Berikan saran untuk Website ini atau untuk Komunitas SIUBSI" spellcheck="false" required></textarea>
<button type="submit">Kirim</button>
</form>
</section>
</div>
</div>
</section>
<!-- Form Saran Section End -->
<!-- Footer Start -->
<footer>
<div class="credit">
<p>Dibuat oleh <a href="https://github.com/SIUBSI/webprog_project">Kelompok 7</a> | © 2023.</p>
</div>
</footer>
<!-- Footer End -->
<!-- Feather Icons -->
<script>
feather.replace()
</script>
<!-- JS Form Login/Register -->
<script src="./assets/js/script.js"></script>
</body>
</html>