-
Notifications
You must be signed in to change notification settings - Fork 0
/
informasi.html
129 lines (129 loc) · 5.05 KB
/
informasi.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
<!doctype html>
<html lang="en">
<head>
<include
src="components/metadata.html"
locals='{
"title": "Informasi"
}'
></include>
</head>
<body>
<include src="components/header.html"></include>
<!-- Main -->
<main class="overflow-visible relative">
<section class="py-4 md:px-6 md:py-6">
<div class="container mx-auto h-full pt-10">
<h1 class="text-2xl md:text-3xl font-bold mb-4">
Informasi terkini tentang COVID-19
</h1>
<p
class="inform-title flex flex-col md:flex-row text-center md:text-left mb-4 items-center gap-2"
></p>
<div
class="grid grid-cols-1 md:grid-cols-5 lg:grid-cols-4 h-full gap-6 md:gap-0"
>
<div class="md:col-span-3 lg:col-span-3 order-2 md:order-none">
<div class="columns-1 lg:columns-2 p-4 gap-6 inform-col"></div>
</div>
<div
class="md:col-span-2 lg:col-span-1 h-max flex md:sticky top-20 order-1 md:order-none"
>
<ul class="accordion w-full">
<li class="border-b p-4 pb-2 w-full">
<button
class="accordion-header flex justify-between items-center w-full"
>
<span class="lg:text-lg font-medium">Category</span>
<i class="fa-solid fa-plus"></i>
</button>
<div
class="accordion-body text-sm lg:text-base flex flex-col p-4"
>
<p
class="flex gap-4 justify-between items-center w-full pb-3"
>
<label class="form-control"
><input
type="radio"
name="category"
checked="checked"
value="artikel"
/>
Artikel</label
>
<small class="text-sm" data-category="artikel">13</small>
</p>
<p
class="flex gap-4 justify-between items-center w-full pb-3"
>
<label class="form-control"
><input type="radio" name="category" value="panduan" />
Panduan</label
>
<small class="text-sm" data-category="panduan">13</small>
</p>
<p
class="flex gap-4 justify-between items-center w-full pb-3"
>
<label class="form-control"
><input type="radio" name="category" value="bacaan" />
Bacaan pilihan</label
>
<small class="text-sm" data-category="bacaan">13</small>
</p>
<p class="flex gap-4 justify-between items-center w-full">
<label class="form-control"
><input
type="radio"
name="category"
value="checklist"
/>
Check list</label
>
<small class="text-sm" data-category="checklist"
>13</small
>
</p>
</div>
</li>
<li class="border-b p-4 pb-2 w-full">
<button
class="accordion-header flex justify-between items-center w-full"
>
<span class="lg:text-lg font-medium">Urutan</span>
<i class="fa-solid fa-plus"></i>
</button>
<div
class="accordion-body text-sm lg:text-base flex flex-col p-4"
>
<p
class="flex gap-4 justify-between items-center w-full pb-3"
>
<label class="form-control"
><input
type="radio"
name="order"
value="desc"
checked="checked"
/>
Terbaru</label
>
</p>
<p class="flex gap-4 justify-between items-center w-full">
<label class="form-control"
><input type="radio" name="order" value="asc" />
Terlama</label
>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<include src="components/footer.html"></include>
</body>
</html>