-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (137 loc) · 9.32 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dicoding</title>
<link rel="stylesheet" href="assets/styles/style.css">
</head>
<body>
<header>
<div class="jumbotron" id="informasi">
<h1>Stematel 25</h1>
<p id="sub">#WANI - Watak Apik lan Ngajeni</p>
<p id="small">Stematel, merupakan kependekan dari Sekolah Teknologi Menengah Telkom. Saat ini berusia lebih dari 25 tahun, melahirkan generasi dari generasi menjadi yang terbaik.</p>
<p id="small">WANI (Watak Apik lan Ngajeni) merupakan jargon kami. Yang memiliki arti berani, <strong>"Berwatak Baik dan Menghormati"</strong>. Membuktikan bahwa kami dituntut memiliki pribadi tersebut.</p>
<button><a href="#navigation">Lebih Lanjut</a></button>
</div>
<nav id="navigation">
<ul>
<li><a href="#informasi">Informasi</a></li>
<li><a href="#jurusan">Jurusan</a></li>
<li><a href="#organisasi">Organisasi</a></li>
<li><a href="#galeri">Galeri</a></li>
</ul>
</nav>
</header>
<main>
<div id="content">
<article id="jurusan" class="card">
<h2>Jurusan</h2>
<img src="assets/image/jurusan.jpg" class="featured-image-full" alt="jurusan">
<section>
<h3>Teknik Jaringan Akses</h3>
<p>Teknik Jaringan Akses Telekomunikasi adalah program ilmu kejuruan yang mempelajari tentang jaringan, baik itu jaringan Akses Kabel (Tembaga, <i>Coaxial</i>, Fiber Optik) maupun Nirkabel (Radio, Gelombang Mikro).</p>
<p>Lulusan jurusan ini sangat diperhitungkan dalam dunia industri pekerjaan dunia, terutama perusahaan yang bergerak di bidang telekomunikasi seperti Telkom, Indosat, XL, dan lainnya. Hal ini disebabkan karena tidak seimbang nya tuntutan perkembangan teknologi telekomunikasi dengan jumlah tenaga kerja.</p>
<p>Materi Keahlian dalam jurusan ini yaitu</p>
<ul>
<li>Sistem Telekomunikasi</li>
<li>Jaringan Akses Fiber Optik</li>
<li>Perangkat Terminal Pelanggan (Modem, Router dan lain-lain)</li>
<li>Jaringan Akses Tembaga</li>
<li>Jaringan Akses Optik.</li>
</ul>
</section>
<section>
<h3>Rekayasa Perangkat Lunak</h3>
<p>Rekayasa Perangkat Lunak adalah program ilmu kejuruan yang mempelajari tentang pengembangan perangkat lunak, termasuk pembuatan, pemeliharaan, manajemen organisasi pengembangan perangkat lunak dan manajemen kualitas.</p>
<p>Lulusan jurusan ini sangat diperhitungkan dalam dunia teknologi dan informasi, terutama perusahaan ataupun startup yang bergerak di bidang pengembangan dan pelayanan TI seperti Bukalapak, Tokopedia, dan lainnya serta dapat membuka usaha sendiri dibidang komputer ataupun bisa juga bekerja di perusahaan teknologi.</p>
<p>Materi keahlian dalam jurusan ini yaitu</p>
<ul>
<li>Proses Pengembangan Perangkat Lunak</li>
<li>Web Developer</li>
<li>Mobile Developer</li>
<li>UI/UX Designer</li>
<li>UX Researcher</li>
<li>Animator</li>
</ul>
</section>
<section>
<h3>Teknik Komputer Jaringan</h3>
<p>TKJ adalah sebuah program ilmu kejuruan dibidang teknologi informasi dan komunikasi yang berhubungan dengan kemampuan pemrograman komputer, perakitan komputer dan jaringan komputer, serta pengoperasian perangkat lunak komputer.</p>
<p>Lulusan jurusan ini sangat diperhitungkan dalam dunia teknologi dan informasi, terutama dalam bidang jaringan dan perangkat keras. </p>
<p>Materi Keahlian dalam jurusan ini yaitu</p>
<ul>
<li>Administrasi Jaringan (LAN-WAN)</li>
<li>Cyber Security</li>
<li>Administrator Jaringan</li>
<li>Jaringan Nirkabel</li>
<li><i>Internet Of Things</i></li>
</ul>
</section>
</article>
<article id="organisasi" class="card">
<h2>Organisasi</h2>
<section>
<h3>OSIS</h3>
<img src="assets/image/osis.jpg" class="featured-image" alt="jurusan">
<p>Osistel merupakan sebutan untuk pengurus organisasi OSIS di sekolah, merupakan singkatan dari OSIS Stematel.</p>
<p>Osis adalah suatu organisasi yang berada di tingkat sekolah di Indonesia yang dimulai dari Sekolah Menengah yaitu Sekolah Menengah Pertama (SMP) dan Sekolah Menengah Atas (SMA). OSIS diurus dan dikelola oleh murid-murid yang terpilih untuk menjadi pengurus OSIS. Biasanya organisasi ini memiliki seorang pembimbing dari guru yang dipilih oleh pihak sekolah.</p>
</section>
<section>
<h3>Pramuka</h3>
<img src="assets/image/pramuka.jpg" class="featured-image" alt="pramuka">
<p>Pramuka Ambalan Gajahmada - Srikandhi Stematel, merupakan wadah bagi kegiatan kepramukaan yang menjadi dasar pendidikan wajib karakter di sekolah.</p>
<p>Pramuka merupakan organisasi atau gerakan kepanduan. Pramuka adalah sebuah organisasi yang merupakan wadah proses pendidikan kepramukaan yang dilaksanakan di Indonesia. Dalam dunia internasional, Pramuka disebut dengan istilah "Kepanduan" (Boy Scout). Gerakan Pramuka memiliki kode Kode Kehormatan Pramuka, sebagaimana yang tertuang dalam Anggaran Dasar Pramuka, Gerakan Pramuka memiliki Kode Kehormatan yang terdiri atas janji yang disebut Satya dan Ketentuan Moral yang disebut Darma Kode Kehormatan Pramuka disesuaikan dengan golongan usia dan perkembangan rohani dan jasmaninya.</p>
</section>
<section>
<h3>Paskibra</h3>
<img src="assets/image/paskibra.jpg" class="featured-image" alt="paskibra">
<p>Paskibra SATDRATAMA (Satria Garda Utama) merupakan wadah organisasi bagi siswa yang memiliki minat dan kemampuan dalam baris-berbaris.</p>
<p>Untuk menjadi anggota Paskibra ada seleksi-seleksi yang harus diikuti. Seleksi Paskibra disesuaikan dengan kebijakan di masing-masing sekolah. Kebanyakan hanya dengan tes fisik saja, beberapa sekolah juga menyertakan tes tulis sebagai persyaratan masuk keanggotaan Paskibra.</p>
</section>
</article>
<article id="galeri" class="card">
<h2>Galeri</h2>
<section>
<img src="assets/image/gallery1.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery2.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery3.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery4.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery5.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery6.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery7.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery8.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery9.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery10.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery11.jpg" class="featured-image-gallery" alt="gallery">
<img src="assets/image/gallery12.jpg" class="featured-image-gallery" alt="gallery">
</section>
<p id="gallery">Dokumentasi diambil pada saat dilaksanakannya kegiatan-kegiatan.</p>
</article>
</div>
<aside>
<article class="profile card">
<section>
<h2>Informasi Lainnya</h2>
<figure>
<img src="assets/image/contact.jpeg" class="contact-image" alt="image">
<p>Anda dapat menghubungi saya melalui :</p>
<p>0895606481525</p>
<p id="contact"><a href="https://github.com">Github</a></p>
<p id="contact"><a href="https://instagram.com/ardhanaawahyu">Instagram</a></p>
<p>Terimakasih, anda sudah berkenan mengunjungi web ini.</p>
</figure>
</section>
</article>
</aside>
</main>
<footer>
<div class="part-footer">
<p>Submission Dicoding BDPW 2020</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>