forked from ABvsDI/Web-SPBE
-
Notifications
You must be signed in to change notification settings - Fork 0
/
artikel.html
186 lines (185 loc) · 12 KB
/
artikel.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beranda</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<link href="styleh.css" rel="stylesheet">
<link rel="icon" href="denpasar/505px-Lambang_Kota_Denpasar_(1).png" type="image/icon type">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</head>
<body>
<div id="bgmain">
<header>
<nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container" id="naving">
<a class="navbar-brand" href="index.html"><img src="denpasar/505px-Lambang_Kota_Denpasar_(1).png" alt="" width="50px" height="50px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="aturan.html"> Peraturan & Kebijakan </a></li>
<li class="nav-item"><a class="nav-link" href="SOP.html"> SOP </a></li>
<li class="nav-item"><a class="nav-link" href="about.html"> Tentang SPBE </a></li>
<li class="nav-item"><a class="nav-link" href="tnj.html"> Tanya Jawab </a></li>
<li class="nav-item"><a class="nav-link" href="artikel.html"> Artikel </a></li>
<li class="nav-item"><a class="nav-link" href="evaluasi.html"> Hasil Evaluasi SPBE </a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="mt-4 p-5 bg-primary text-white" id="topthing" >
<div class="container-fluid" style="padding-left: 50px; padding-right: 50px;">
<h1 align="center" style="margin-top: 32px;">Artikel</h1>
</div>
</div>
<div class="container-sm" id="contain">
<div class="row" style="margin-top: 35px;">
<div class="col-4">
<div style="box-shadow: 2px 2px 2px 2px #d3d3d3; padding: 10px; margin-bottom: 35px;">
<a href="#" style="text-decoration: none; color: black;"><h4>Pemantauan dan Evaluasi SPBE</h4></a>
<div style="color: rgb(131, 131, 131);">
<hr>
<p>Pemantauan dan Evaluasi SPBE (sesuai Permen PANRB No. 59/2020 yang merupakan perbaikan atas Permen PANRB No. 5/2018), bertujuan untuk...</p>
<hr>
<a href="#" style="text-decoration: none; color: black;"><h5>Admin</h5></a>
</div>
</div>
<div style="box-shadow: 2px 2px 2px 2px #d3d3d3; padding: 10px; margin-bottom: 35px;">
<a href="#" style="text-decoration: none; color: black;"><h4>Manajemen SPBE</h4></a>
<div style="color: rgb(131, 131, 131);">
<hr>
<p>Sistem Pemerintahan Berbasis Elektornik (SPBE) merupakan suatu sistem tata kelola pemerintah yang memanfaatkan teknologi informasi secara menyeluruh dan terpadu dalam pelaksanaan administrasi</p>
<hr>
<a href="#" style="text-decoration: none; color: black;"><h5>Admin</h5></a>
</div>
</div>
</div>
<div class="col-4">
<div style="box-shadow: 2px 2px 2px 2px #d3d3d3; padding: 10px; margin-bottom: 35px;">
<a href="#" style="text-decoration: none; color: black;"><h4>Peta Rencana SPBE</h4></a>
<div style="color: rgb(131, 131, 131);">
<hr>
<p>Strategi disusun demi mencapai tujuan dan sasaran yang ingin diwujudkan dari pekalsanaan SPBE Kota Pontianak.</p>
<hr>
<a href="#" style="text-decoration: none; color: black;"><h5>Admin</h5></a>
</div>
</div>
<div style="box-shadow: 2px 2px 2px 2px #d3d3d3; padding: 10px; margin-bottom: 35px;">
<a href="#" style="text-decoration: none; color: black;"><h4>Layanan SPBE</h4></a>
<div style="color: rgb(131, 131, 131);">
<hr>
<p>Layanan SPBE adalah keluaran yang dihasilkan oleh 1 (satu) atau beberapa fungsi aplikasi SPBE dan yang memiliki nilai manfaat.</p>
<hr>
<a href="#" style="text-decoration: none; color: black;"><h5>Admin</h5></a>
</div>
</div>
</div>
<div class="col-4">
<div style="box-shadow: 2px 2px 2px 2px #d3d3d3; padding: 10px; margin-bottom: 20px;">
<ul class="treeview-animated-list ticket_categories">
<li class="treeview-animated-items">
<a class="closed" href="#"><i class="fas fa-angle-right"></i>
<span>Lingkup SPBE</span><span class="count">1 </span>
</a>
<ul class="nested">
<li class="treeview-animated-items">
<a class="closed" href="#"> <i class="fas fa-angle-right"></i> <span>Tata Kelola SPBE</span><span class="count"> 0 </span></a>
<ul class="nested">
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Arsitektur SPBE
<span class="count">1 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Peta Rencana SPBE
<span class="count">1 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Pemantauan dan Evaluasi SPBE
<span class="count">1 </span></a>
</div></li>
</ul>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"> <span>Audit TIK</span><span class="count"> 0 </span></a>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"> <span>Keamanan SPBE</span><span class="count"> 1 </span></a>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"> <i class="fas fa-angle-right"></i> <span>Aplikasi SPBE</span><span class="count">0 </span></a>
<ul class="nested">
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Aplikasi Umum
<span class="count">1 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Aplikasi Khusus
<span class="count">1 </span></a>
</div></li>
</ul>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"> <span>Infrastruktur SPBE</span><span class="count">1 </span></a>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"><span>Layanan SPBE</span><span class="count">1 </span></a>
</li>
<li class="treeview-animated-items">
<a class="closed" href="#"> <i class="fas fa-angle-right"></i> <span>Manajemen SPBE</span><span class="count">0 </span></a>
<ul class="nested">
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Resiko
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Keamanan Informasi
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Data
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Aset TIK
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen SDM
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Pengetahuan
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Perubahan
<span class="count">0 </span></a>
</div></li>
<li>
<div class="treeview-animated-element"><a class="closed" href="#">Manajemen Layanan
<span class="count">0 </span></a>
</div></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div style="margin-top: 50px; background-color: dimgray; padding: 20px;">
<footer>
<h3 style="text-align: center;">Author : AMK</h3>
</footer>
<p style="text-align: center;"> © Copyright <strong><span>SPBE</span></strong> --- AMK</p>
</div>
</div>
</body>
</html>