<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>BKPSDM Surakarta</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
/* General Styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
font-family: 'Arial', sans-serif;
background: linear-gradient(to bottom, #f8f9fa, #e0e0e0);
text-align: center;
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* Header */
.header {
background: #f5e1e1;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.header .logo {
width: 80px;
margin-right: 15px;
}
.header h1 {
font-size: 45px;
font-weight: bold;
background: linear-gradient(to right, #b30059, #6a00c7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0;
}
.header h4 {
font-size: 20px;
color: #444;
font-weight: bold;
margin: 0;
}
/* Navbar */
.header2 {
background: linear-gradient(to right, #b30059, #6a00c7);
color: white;
padding: 15px 20px;
text-align: right;
font-size: 14px;
font-weight: bold;
display: flex;
justify-content: flex-end;
align-items: center;
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.2);
}
.header2 a {
color: white;
text-decoration: none;
margin-left: 20px;
}
.header2 a:hover {
text-decoration: underline;
}
/* Evaluasi Section */
.evaluasi-section {
display: flex;
justify-content: center;
align-items: center;
flex: 1; /* Menyesuaikan tinggi konten */
padding: 20px;
}
.evaluasi-card {
background: rgba(255, 255, 255, 0.9);
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-width: 900px;
text-align: center;
margin-top: -20px;
}
.evaluasi-card h2 {
font-size: 30px;
font-weight: bold;
}
.evaluasi-img {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 10px;
opacity: 0.7;
margin-top: 15px;
}
.evaluasi-card p {
font-size: 18px;
color: #333;
text-align: justify;
line-height: 1.6;
}
/* Footer */
.footer {
background: linear-gradient(to right, #b30059, #6a00c7);
color: white;
padding: 15px 20px;
text-align: right;
font-size: 14px;
font-weight: bold;
display: flex;
justify-content: flex-end;
align-items: center;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.2);
position: relative;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<!-- Header -->
<div class="header2">
<a href="{{ route('login.alumni') }}">Alumni Pelatihan</a>
<a href="{{ route('login.atasan-rekan') }}">Atasan</a>
<a href="{{ route('login.atasan-rekan') }}">Rekan Kerja</a>
</div>
<!-- Navbar -->
<div class="header">
<img src="{{ asset('images/surakarta.png') }}" alt="Logo Surakarta" class="logo">
<div>
<h1>BKPSDM</h1>
<h4>KOTA SURAKARTA</h4>
</div>
</div>
<!-- Evaluasi Section -->
<div class="evaluasi-section">
<div class="evaluasi-card">
<h2>Evaluasi Pasca Diklat</h2>
<img src="{{ asset('images/homepage.png') }}" class="evaluasi-img">
<p>
Dalam mengembangkan kompetensi dan kualitas SDM Aparatur di Surakarta perlu adanya standarisasi pelaksanaan pelatihan yang meliputi analisis kebutuhan pengembangan kompetensi, kurikulum, sarana & prasarana serta output keberhasilan pelaksanaan pelatihan yang terukur.
</p>
<p>
Sehingga dapat dijadikan pedoman bagi pembuat kebijakan untuk mengevaluasi pelaksanaan pelatihan. Dalam hal ini dalam menjaga mutu pelaksanaan pelatihan, BKPSDM Provinsi Jawa Tengah memanfaatkan teknologi informasi yang dibagi menjadi beberapa proses meliputi Perencanaan, Pelaksanaan, Evaluasi serta Pelayanan Publik.
</p>
</div>
</div>
<!-- Footer -->
<div class="footer">
BKPSDM Surakarta © 2025
</div>
</body>
</html>