Code Studio

Jumat, 24 Oktober 2025

Website Sekolah

https://www.youtube.com/watch?v=NGr73zJUKOk&list=PLkJd-_4WYiEfFqkg9hA-bjJMmdrk6_iwz&index=5

https://smadt.net/linksite/sekolah1.html

https://chat.z.ai/c/1c542011-bc8d-42cd-bb48-0c36c2c15d99

Buatkan website sekolah yang responsif, modern, elegan, dan user friendly profesional.

Untuk struktur halaman utama:

1. Header dengan logo sekolah nama sekolah, menu navigasi (Beranda Profil. Akademik. Berita Galeri Kontak).

2. Hero section dengan foto sekolah/ ilustrasi modern, judul besar Selamat Datang di [Nama Sekolahl", tombol CTA "Daftar Sekarang" dan "Hubungi Kami".

3. Profil singkat sekolah (visi misi sejarah).

4. Akademik-daftar jurusan/kelas yang tersedia.

5. Berita & Pengumuman terbaru (card style).

6. Galeri foto/video kegiatan sekolah.

7. Kontak & Lokasi (alamat, email, nomor telepon, Google Maps embed).

8. Footer berisi link cepat, sosial media. hak cipta.

Fitur tambahan:

• Desain responsif, bisa diakses lancar di laptop, tablet, dan smartphone.

• Animasi halus (misalnya fade-in, slide-in) agar modern tapi tidak berlebihan

• Font modem dan mudah dibaca (misalnya Poppins atau Open Sans).

• Tampilan menu navigasi berubah jadi hamburger menu di layer kecil.

• Optimasi kecepatan dan SEO dasar.

Website UMKM

https://www.youtube.com/watch?v=jphtLRJzbpI&list=PLkJd-_4WYiEfFqkg9hA-bjJMmdrk6_iwz&index=2

https://smadt.net/linksite/umkm1.html

Buatkan website UMKM kuliner yang responsif, modern, elegan, dan user friendly.

Untuk struktur halaman utama:

1. Header dengan logo usaha kuliner, nama brand, dan menu navigasi (Beranda, Tentang Kami, Menu Testimoni Galeri, Kontak).

2. Hero section dengan foto makanan/minuman khas, headline menarik seperti "Rasakan Kelezatan Asli [Nama Usahal", tombol CTA "Pesan Sekarang" dan "Lihat Menu".

3. Tentang Kami-cerita singkat tentang usaha kuliner, keunggulan bahan baku segar, dan cita rasa khas.

4. Menu/Produk - daftar makanan/minuman dalam bentuk card/grid dengan foto, nama menu, deskripsi singkat harga, dan tombol "Pesan via WhatsApp".

5. Promo & Paket Spesial-section khusus untuk menampilkan promo atau menu andalan.

6. Testimoni Pelanggan - ulasan jujur dari pembeli dengan rating bintang

7. Galeri Foto/Video - suasana tempat makan, behind the scene dapur, atau plating makanan.

8. Kontak & Lokasi - alamat lengkap, nomor WhatsApp untuk order cepat, link GrabFood/CoFood (jika ada), sosial media, serta Google Maps embed.

9. Footer-hak cipta, link cepat dan ikon sosial media.

Fitur tambahan:

- Responsif penuh (laptop, tablet, smartphone).

- Sticky button WhatsApp agar pelanggan bisa langsung order.

- Animasi halus (zoom in pada foto makanan, fade-in text).

- Font modern & bersahabat (misalnya Poppins. Nunito, atau Open Sans). • Optimasi kecepatan & SEO supaya mudah ditemukan di Google.

Kamis, 23 Oktober 2025

Coding Tekkom

https://www.youtube.com/watch?v=YTr_gtJQN8s

https://www.youtube.com/watch?v=NGr73zJUKOk&list=PLkJd-_4WYiEfFqkg9hA-bjJMmdrk6_iwz&index=4

https://www.youtube.com/watch?v=pAtCG-MaOyM&list=PLkJd-_4WYiEfFqkg9hA-bjJMmdrk6_iwz&index=8

Membuat Absen dengan Canva

https://www.youtube.com/watch?v=ALADxdjKMws

https://www.youtube.com/watch?v=ZYE6KwVKXB8&t=860s

https://www.youtube.com/watch?v=97pOaeeDbuA&list=PLQpKhgXcsCCbYO18KFthr2Ez6oD-v4J3C&index=9

Selasa, 21 Oktober 2025

Landing Page - KUS Kelompok Usaha Siswa

https://smadt.net/linksite/kus.html

https://smadt.net/linksite/kusdualtrack.html

Buatkan Website Entrepreneur

Judul Website: Pengembangan Kelompok Usaha Siswa Dual Track Desain & Layout: Header (Navbar atas): Logo dengan ikon bulat berisi huruf K dan teks "KUS". Navigasi bagian kanan terdiri dari: ikon media sosial (Twitter, Facebook, Pinterest, Instagram). Kontak di pojok kanan atas: ikon telepon + nomor, ikon email + alamat email. Gaya minimalis, tipografi modern. Hero Section (Bagian utama): Background putih bersih. Layout 2 kolom: Kiri: Judul besar (bold) "Membangun usaha selagi muda melalui KUS" Kata KUS diberi warna biru untuk penekanan. Paragraf deskripsi singkat dengan warna teks abu-abu. Tombol biru "Gabung Yuk". Kanan: Gambar ilustrasi gunakan link https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycThQvoLutHpzO7jw1VS9lLWF2BDtOWnMQ_9JfFJVug5WKeQH58PetsFRbH4L4EIhN9ezxect9HVpVsdyVABRMXjj-hU9QyD5S1xazIwIpsNUTYT9y98TC_SJaGia30aLc5mqyFQKHOLWE0WdAhMGDTRDqX8oHTVFAbB81wlPNXVjYe0KI7sLmDEPgQim/s1920/DUAL%20TRACK%202024%20(14).jpg Footer (opsional jika ingin dibuat): Copyright kecil. Ikon media sosial tambahan. Warna & Style: Warna utama: biru lembut (#4A90E2 atau sejenis). Background: putih. Font: modern sans-serif (contoh: Poppins atau Inter). Tombol: biru dengan teks putih, rounded, efek hover lembut. Elemen form: clean, dengan shadow halus. Teknologi: HTML, CSS (Flexbox atau Grid untuk layout). Responsive (terutama mobile-friendly).