Tugas & PR | X-3 CCP

BiologiHari ini

Biologi

👨‍🏫 Admin Kelas · 📝 Text

1. Menurut pendapat kalian, apa yang dimaksud dengan peta? Jelaskan dengan bahasa kalian sendiri!
2. Apa saja fungsi peta dalam kehidupan manusia? Sebutkan minimal dua fungsi peta!
3. Peta dapat dibedakan menjadi beberapa jenis. Menurut pengetahuan kalian, apa perbedaan peta umum dan peta tematik? Berikan masing-masing satu contoh!
4. Sebuah peta pasti memiliki berbagai komponen, seperti judul, legenda, skala, simbol, dan arah mata angin. Menurut kalian, mengapa komponen-komponen tersebut penting dalam membaca peta?
5. Ketika kamu bepergian ke suatu tempat yang belum pernah dikunjungi, bagaimana peta dapat membantumu menemukan lokasi tujuan? Berikan contoh penggunaannya!

Masuk akun siswa untuk mengumpulkan bukti tugas.

Masuk siswa

InformatikaBesok

HTML+CSS

👨‍🏫 Admin Kelas · 📝 Text

/* Mengatur tampilan seluruh halaman */
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #f1f5f9;
color: #1e293b;
line-height: 1.6;
}

/* Bagian Header */
header {
background-color: #2563eb;
color: white;
text-align: center;
padding: 30px 20px;
}

/* Menu Navigasi */
nav {
background-color: #1e3a8a;
display: flex;
justify-content: center;
gap: 25px;
padding: 15px;
}

nav a {
color: white;
text-decoration: none;
font-weight: bold;
}

/* Efek saat kursor diarahkan ke menu */
nav a:hover {
color: #facc15;
text-decoration: underline;
}

/* Konten utama */
main {
max-width: 900px;
margin: 25px auto;
padding: 20px;
background-color: white;
border-radius: 12px;
}

/* Gambar utama */
.hero {
text-align: center;
}

.hero img {
width: 100%;
max-width: 600px;
border-radius: 10px;
margin-top: 15px;
}

/* Judul bagian */
h2 {
color: #2563eb;
}

/* Kartu manfaat teknologi */
.kartu-container {
display: flex;
gap: 15px;
}

.kartu {
flex: 1;
background-color: #dbeafe;
padding: 15px;
border-radius: 10px;
border: 1px solid #93c5fd;
transition: transform 0.3s;
}

/* Efek hover pada kartu */
.kartu:hover {
transform: translateY(-5px);
background-color: #bfdbfe;
}

/* Bagian Footer */
footer {
background-color: #1e3a8a;
color: white;
text-align: center;
padding: 15px;
margin-top: 30px;
}

/* Tampilan pada layar ponsel */
@media (max-width: 600px) {
nav {
flex-wrap: wrap;
gap: 15px;
}

.kartu-container {
flex-direction: column;
}

main {
margin: 15px;
padding: 15px;
}
}