-
Notifications
You must be signed in to change notification settings - Fork 0
/
berita.html
212 lines (207 loc) · 12.7 KB
/
berita.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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!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">
<title>Berita - SMK Sains Pertiwi</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"></noscript>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" async></script>
<script type="text/javascript" src="js/social.js"></script>
<link rel="icon" type="image/png" href="img/web-logo-black.webp" />
</head>
<body onload="setUrl()">
<div class="header-container">
<header class="header">
<a href="index.html"><img src="img/web-logo-white.webp" alt="Logo SMK Sains Pertiwi" width="40px"
class="logo">
<h1 class="title" style="color: white;">SMK Sains Pertiwi</h1>
</a>
<!-- Hamburger icon -->
<input class="side-menu" type="checkbox" id="side-menu" />
<label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
<nav class="nav">
<ul class="menu">
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Profil</b></a>
<div class="dropdown-content">
<a href="profil.html#sejarah">Sejarah</a>
<a href="profil.html#visimisi">Visi Misi</a>
<a href="profil.html#tugasfungsi">Tugas & Fungsi</a>
<a href="profil.html#pendidik">Tenaga Pendidik</a>
<a href="profil.html#peta">Peta Sekolah</a>
</div>
</li>
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Program Sekolah</b></a>
<div class="dropdown-content">
<a href="program.html#proker">Program Kerja</a>
<a href="program.html#hubind">Hubungan Industri</a>
<a href="program.html#inovasi">Program Inovasi</a>
<a href="program.html#bussiness">Program Bussiness Center</a>
</div>
</li>
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Program Keahlian</b></a>
<div class="dropdown-content">
<a href="keahlian.html#rpl">Rekayasa Perangkat Lunak</a>
<a href="keahlian.html#elektronika">Teknik Elektronika Industri</a>
<a href="keahlian.html#mesin">Teknik Mesin</a>
<a href="keahlian.html#si">Sistem Informasi</a>
<a href="keahlian.html#otomasi">Teknik Otomasi Industri</a>
<a href="keahlian.html#ac">Teknik Pendingin & Tata Udara</a>
<a href="keahlian.html#mekatronika">Teknik Mekatronika</a>
<a href="keahlian.html#film">Produksi Film & Program Televisi</a>
</div>
</li>
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Kegiatan Sekolah</b></a>
<div class="dropdown-content">
<a href="kegiatan.html#kalender">Kalender Akademik</a>
<a href="kegiatan.html#ppdb">PPDB</a>
<a href="kegiatan.html#ekstra">Ekstrakurikuler</a>
</div>
</li>
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Berita</b></a>
<div class="dropdown-content">
<a href="berita.html#sekolah">Berita Sekolah</a>
<a href="berita.html#pendidikan">Berita Pendidikan</a>
</div>
</li>
<li class="dropdown">
<a href="#menu" class="dropbtn"><b>Galeri</b></a>
<div class="dropdown-content">
<a href="galeri.html#foto">Galeri Foto</a>
<a href="galeri.html#video">Galeri Video</a>
</div>
</li>
<li class="dropdown"><a href="kontak.html" class="dropbtn"><b>Kontak</b></a></li>
<li class="dropdown ppdb-mobile"><a href="kegiatan.html#ppdb" class="dropbtn"><b>PPDB</b></a></li>
<li><button class="button button-header dropbtn"
onclick="location.href='kegiatan.html#ppdb';">PPDB</button></li>
</ul>
</nav>
</header>
</div>
<div class="row first-row">
<div style="flex-basis: 100%;">
<h1>Berita</h1>
</div>
<div style="flex-basis: 100%;">
<span id="sekolah" style="position: relative; top: -100px;"></span>
<h2 class="underlined head2">Berita Sekolah</h2>
<div class="row" style="padding-left: 0; padding-right: 0;">
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-lukas-574069.webp" alt="" class="img-box">
<h3>Ayo Dukung Siswa Kita di Program Microsoft Young Developer</h3>
<p style="margin-bottom: 0px;">Program Microsoft Young Developers
Conference (WSP) di Microsoft Campus akan diselenggarakan pada 2-4 Juli 2022. Dukung siswa kita,
Ismail Putra (Sistem Informasi Kelas 11B) dan Andreas Lukito (RPL Kelas 12A) pada event
tersebut.</p>
</div>
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-matheus-bertelli-2608517.webp" alt="" class="img-box">
<h3>Pameran Produk Kreatif Kewirausahaan dan Start Up Bisnis Siswa SMK Sains Pertiwi</h3>
<p style="margin-bottom: 0px;">Pameran Produk Kreatif Kewirausahaan dan Start Up Bisnis Siswa SMK
Sains Pertiwi pada 3-4 Maret 2022. Dihadiri oleh 24 kelompok terbaik dari berbagai siswa kelas
SMK Sains Pertiwi.</p>
</div>
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-rodnae-productions-7648319.webp" alt="" class="img-box">
<h3>Guru SMK Sains Pertiwi Raih Terbaik 2 Guru Dedikasi dan Inovasi SMK tingkat Nasional</h3>
<p style="margin-bottom: 0px;">Ibu Karina Stephanie (Guru Matematika / Wakil Kepala Sekolah Bidang
Kesiswaan) meraih peringkat 2 pada Program Penilaian Guru Dedikasi dan Inovasi SMK tingkat
Nasional tahun 2022.</p>
</div>
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-pavel-danilyuk-7234414.webp" alt="" class="img-box">
<h3>“CAREER DAY” SMK Sains Pertiwi</h3>
<p style="margin-bottom: 0px;">Pada 15 Januari 2022, SMK Sains Pertiwi mengadakan “CAREER DAY”.
Sekolah menghadirkan pembicara Lisa Turnip (CEO Beauty Box) dan Indra Hadiyanto (Software
Engineer Macrohard).</p>
</div>
</div>
</div>
</div>
<div class="row ornament-up">
<div>
<span id="pendidikan" style="position: relative; top: -100px;"></span>
<h2 class="underlined head2">Berita Pendidikan</h2>
<div class="row" style="padding-left: 0; padding-right: 0;">
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-christina-morillo-1181346.webp" alt="" class="img-box">
<h3>Kunjungan SMKN 2 Jambi</h3>
<p style="margin-bottom: 0px;">SMKN 2 Jambi melakukan kunjungan ke SMK Sains Pertiwi pada 14 Maret
2022. Rombongan melihat
program keahlian Rekayasa Perangkat Lunak pada SMK Sains Pertiwi.</p>
</div>
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-matheus-bertelli-2608517.webp" alt="" class="img-box">
<h3>Workshop Produk Kreatif Kewirausahaan menuju Sekolah Pencetak Wirausaha</h3>
<p style="margin-bottom: 0px;">Dinas Pendidikan Menengah Provinsi DKI Jakarta akan mengadakan
Workshop Produk Kreatif Kewirausahaan menuju Sekolah Pencetak Wirausaha pada 12 April 2022.
Pendaftaran peserta dapat menghubungi Ibu Lina (Bagian Administrasi).</p>
</div>
<div class="block-transparent" style="flex-basis: 40%; text-align: left;">
<img src="img/pexels-pixabay-256395.webp" alt="" class="img-box">
<h3>Kunjungan SMKN 1 Sorong Papua</h3>
<p style="margin-bottom: 0px;">Kepala Sekolah beserta guru dari SMKN 1 Sorong Papua melakukan
kunjungan ke SMK Sains Pertiwi pada 20 Desember 2021.</p>
</div>
<div style="flex-basis: 40%; text-align: left;">
</div>
</div>
</div>
</div>
<div class="icon-bar">
<a href="#" class="social" style="background-color: white; padding: 5px; color: black;"><span style="font-size: 10pt;">share</span></a>
<a href="#" class="social" target="_blank" id="facebook"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#" class="social" target="_blank" id="twitter"><i class="fa-brands fa-twitter"></i></a>
<a href="#" class="social" target="_blank" id="whatsapp"><i class="fa-brands fa-whatsapp"></i></a>
</div>
<div class="row footer">
<div style="flex-basis: 30%;">
<img src="img/web-logo-white.webp" alt="Logo SMK Sains Pertiwi" width="60px">
<h1>SMK Sains Pertiwi</h1>
<p>Jl. Raya Pertiwi No.1, Cawang, Kec. Kramat Jati, Jakarta Timur, DKI Jakarta</p>
<p style="margin-bottom: 0px;">Telp. (021) 788888</p>
<p>Email: <a href="mailto:inbox@smksainspertiwi.ac.id" class="footerlink">inbox@smksainspertiwi.ac.id</a>
</p>
</div>
<div style="flex-basis: 20%;">
<h2>Navigasi</h2>
<ul>
<li><a href="index.html" class="footerlink">Home</a></li>
<li><a href="profil.html" class="footerlink">Profil</a></li>
<li><a href="program.html" class="footerlink">Program Sekolah</a></li>
<li><a href="keahlian.html" class="footerlink">Program Keahlian</a></li>
<li><a href="kegiatan.html" class="footerlink">Kegiatan Sekolah</a></li>
<li><a href="berita.html" class="footerlink">Berita</a></li>
<li><a href="galeri.html" class="footerlink">Galeri</a></li>
<li><a href="kontak.html" class="footerlink">Kontak</a></li>
</ul>
</div>
<div style="flex-basis: 20%;">
<h2>Social Media</h2>
<ul>
<li><a href="https://facebook.com" class="footerlink" target="_blank"><i
class="fa-brands fa-facebook"></i> SMK Sains Pertiwi</a></li>
<li><a href="https://instagram.com" class="footerlink" target="_blank"><i
class="fa-brands fa-instagram"></i> @sains_pertiwi</a></li>
<li><a href="https://twitter.com" class="footerlink" target="_blank"><i
class="fa-brands fa-twitter"></i> @sains_pertiwi</a></li>
<li><a href="https://youtube.com" class="footerlink" target="_blank"><i
class="fa-brands fa-youtube"></i> SMK Sains Pertiwi</a></li>
</ul>
</div>
<div style="flex-basis: 100%;">
<p style="text-align: center;">Dibuat oleh <a href="kelompok1.html" style="color: #F18F01;">Kelompok 1</a> Web Programming Kelas 12.2B.31.</p>
</div>
</div>
</body>
</html>