-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkirim-jawaban.html
134 lines (124 loc) · 6.56 KB
/
kirim-jawaban.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
<!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">
<!-- G FONTS -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
</style>
<!-- BOOTSTRAP -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/kirim-jawaban.css">
<title>Token Guru</title>
</head>
<body>
<!-- ========== Start NAVIGASI ========== -->
<nav>
<div class="container-fluid">
<div class="row justify-content-center d-flex align-items-center">
<div class="col-xl-2 col-lg-3 col-md-3 col-sm-6 col-6 mx-auto">
<img src="assets/Vector.svg" alt="vektor" title="vektor">
<img src="assets/SIKOKU.svg" alt="sikoku" title="sikoku">
</div>
<div
class="col-xl-8 col-lg-6 col-md-6 d-xl-flex d-lg-flex d-md-flex d-sm-none d-none justify-content-center">
<p><span>Terima kasih</span></p>
</div>
<div class="col-xl-2 col-lg-3 col-md-3 col-sm-6 col-6 d-flex align-items-center justify-content-end">
<h4 class="me-xl-3 me-lg-3 me-md-3 me-sm-3 me-3">Daffa Zaki</h4>
<div class="avatar d-flex justify-content-center align-items-center">
<i class="fa-solid fa-user"></i>
</div>
</div>
</div>
</div>
</nav>
<!-- ========== End NAVIGASI ========== -->
<div
class="col-xl-4 col-lg-4 col-md-4 d-xl-none d-lg-none d-md-none d-sm-flex d-flex justify-content-center mx-auto muncul">
<p><span>Terima kasih</span></p>
</div>
<!-- ========== Start TOKEN ========== -->
<section class="token">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-10 d-flex justify-content-center">
<img src="assets/gambar2.svg" alt="Gambar token" title="Gambar token">
</div>
<div class="col-xl-6 col-lg-8 col-md-8 col-sm-10 col-12 text-center">
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-6 mx-auto">
<h4>Terima kasih, Daffa Zaki</h4>
</div>
</div>
<div class="row">
<div class="col-xl-9 col-lg-9 col-md-10 col-sm-11 col-12 mx-auto">
<p>Silahkan kirim jawaban anda sebelum keluar,
sebelum mengakhiri sesi tes ini, Terima kasih</p>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center btn-1">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-7 col-9 d-flex justify-content-center">
<button type="submit" class="btn" name="submit" data-bs-toggle="modal"
data-bs-target="#staticBackdrop">Kirim Jawaban</button>
</div>
</div>
<form action="index.html" method="get">
<div class="row d-flex justify-content-center btn-2">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-7 col-9 d-flex justify-content-center">
<button type="submit" class="btn" name="submit" disabled>Keluar</button>
</div>
</div>
</form>
</div>
</section>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Kirim Jawaban</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
Apakah anda yakin untuk mengirimkan jawaban?
</div>
<div class="modal-footer">
<form action="" method="post">
<button type="button" class="btn btn-secondary"
data-bs-dismiss="modal">Cek kembali</button>
<button type="button" class="btn btn-primary yakin" data-bs-dismiss="modal">Yakin</button>
</form>
</div>
</div>
</div>
</div>
<!-- ========== End TOKEN ========== -->
<!-- JS BOOTSTRAP -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous">
</script>
<script cript src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- JS -->
<script src="js/kirim-jawaban.js"></script>
</body>
</html>