-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathCertificate.html
More file actions
142 lines (129 loc) · 6.82 KB
/
Copy pathCertificate.html
File metadata and controls
142 lines (129 loc) · 6.82 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Certificates | Alyasa Pradipta Haikal</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Header Section -->
<header class="main-header">
<div class="header-content">
<h1 class="logo">Kal's Certificates</h1>
<nav class="main-nav">
<a href="index.html" class="nav-link"><i class="fas fa-home"></i> Home</a>
<a href="Certificate.html" class="nav-link active"><i class="fas fa-certificate"></i> Certificates</a>
</nav>
</div>
</header>
<main class="certificates-container">
<h2 class="page-title"><i class="fas fa-trophy"></i> My Certificates</h2>
<p class="page-subtitle">Professional achievements and completed courses</p>
<!-- Robotics Certificates Section -->
<section class="certificate-section">
<h3 class="section-title"><i class="fas fa-robot"></i> Robotics Competitions</h3>
<div class="certificate-grid">
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/LOMBA KOMPETENSI SISWA MOBILE ROBOTIC TINGKAT NASIONAL.webp" alt="National Robotics Competition">
</div>
<div class="certificate-info">
<h4>National Mobile Robotics Competition</h4>
<p>Lomba Kompetensi Siswa Tingkat Nasional</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/LOMBA KOMPETENSI SISWA MOBILE ROBOTIC TINGKAT PROVINSI DKI JAKARTA.webp" alt="Provincial Robotics Competition">
</div>
<div class="certificate-info">
<h4>Jakarta Provincial Robotics Competition</h4>
<p>Lomba Kompetensi Siswa Tingkat Provinsi DKI Jakarta</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/LOMBA KOMPETENSI SISWA MOBILE ROBOTIC WILAYAH JAKARTA PUSAT II.webp" alt="Regional Robotics Competition">
</div>
<div class="certificate-info">
<h4>Central Jakarta Regional Robotics Competition</h4>
<p>Lomba Kompetensi Siswa Wilayah Jakarta Pusat II</p>
</div>
</div>
</div>
</section>
<!-- Technical Skills Certificates -->
<section class="certificate-section">
<h3 class="section-title"><i class="fas fa-tools"></i> Technical Skills</h3>
<div class="certificate-grid">
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Electronic Equipment.webp" alt="Electronic Equipment Certificate">
</div>
<div class="certificate-info">
<h4>Electronic Equipment Assembler</h4>
<p>Professional certification in electronic assembly</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Assembly & Solder 3 Trained Operator.webp" alt="Assembly & Solder Certificate">
</div>
<div class="certificate-info">
<h4>Assembly & Solder Operator</h4>
<p>Level 3 Trained Operator certification</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Virtual Internship Program as Fullstack Web Developer.webp" alt="Web Developer Internship">
</div>
<div class="certificate-info">
<h4>Fullstack Web Developer</h4>
<p>Virtual Internship Program - SabiKerja</p>
</div>
</div>
</div>
</section>
<!-- Programming Courses Section -->
<section class="certificate-section">
<h3 class="section-title"><i class="fas fa-laptop-code"></i> Programming Courses</h3>
<div class="certificate-grid">
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Course Basic HTML & CSS.webp" alt="HTML & CSS Course">
</div>
<div class="certificate-info">
<h4>Basic HTML & CSS</h4>
<p>Web development fundamentals - Dibimbing</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Course Belajar Dasar-Dasar Pemrograman menggunakan JavaScript.webp" alt="JavaScript Course">
</div>
<div class="certificate-info">
<h4>JavaScript Fundamentals</h4>
<p>Belajar Dasar-Dasar Pemrograman - Dibimbing</p>
</div>
</div>
<div class="certificate-card">
<div class="certificate-image">
<img src="ASSET/Sertifikat/Course Keyword Research.webp" alt="SEO Course">
</div>
<div class="certificate-info">
<h4>SEO: Keyword Research</h4>
<p>Search Engine Optimization - Dibimbing</p>
</div>
</div>
</div>
</section>
</main>
<footer class="main-footer">
<p>© 2025 Alyasa Pradipta Haikal. All rights reserved.</p>
</footer>
</body>
</html>