Selasa, 21 Oktober 2025

Landing Page - SMAN 1 Depok










Buatkan sebuah website sekolah modern, elegan, dan informatif untuk "SMAN 2 Depok", sebuah Sekolah Menengah Atas Negeri di Indonesia. Halaman utama harus memiliki tampilan pembuka (hero section) dengan gambar berkualitas tinggi gedung sekolah, logo sekolah, dan slogan: "Unggul dalam Prestasi, Berkarakter dalam Budaya". Tampilkan bagian-bagian berikut di halaman utama: 1. Tentang Sekolah – Berisi sejarah singkat, visi, dan misi SMAN 2 Depok. 2. Berita Terbaru – Ruang untuk 3 berita atau kegiatan terbaru sekolah. 3. Sambutan Kepala Sekolah – Ucapan selamat datang dari Kepala Sekolah. 4. Program Akademik – Deskripsi singkat jurusan IPA, IPS, dan Bahasa. 5. Fasilitas – Tampilkan gambar dan keterangan laboratorium, perpustakaan, masjid, aula, dan ruang multimedia. 6. Ekstrakurikuler – Sorot kegiatan Pramuka, OSIS, PMR, Paskibra, dan klub seni. 7. Prestasi Sekolah – Galeri atau slideshow penghargaan di bidang akademik, olahraga, dan seni. 8. Testimoni – Kutipan dari siswa dan alumni tentang pengalaman di SMAN 2 Depok. 9. Hubungi Kami – Alamat sekolah, peta lokasi, nomor telepon, email, dan formulir kontak sederhana. Gaya desain: bersih, minimalis, dan berjiwa muda. Gunakan palet warna khas SMAN 2 Depok (biru dan putih) dengan animasi halus. Sertakan tombol-tombol ajakan bertindak (CTA) seperti “Daftar Sekarang”, “Lihat Prestasi”, dan “Hubungi Kami” ganti logo sekolah dengan ini : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPZsGn5j_amemJB29prRMzCEZofearpQMoZmPSXYHHTkApJdia_7iErvu03J2sR8nsVkjCwoTSSM0wg12o18V65P269bhI82VgryKCN15vIOoYi8xhSgjR2f2EPqRhoNZSxERCKIskQ3GOXoDfED0TwV9DMMS5Bgaz5AUGrpCl9lgpmrJGnQUN7LQ9QI/w1684-h1069-p-k-no-nu/Desain%20tanpa%20judul%20(1).png buat image slider di bagian home page bagian header dengan image berikut : https://sman2depok.sch.id/wp-content/uploads/2022/08/FOTO-UNTUK-WEB-SMADA-2.png https://sman2depok.sch.id/wp-content/uploads/2022/08/FOTO-UNTUK-WEB-SMADA.png https://sman2depok.sch.id/wp-content/uploads/2022/08/FOTO-UNTUK-WEB-SMADA-1.png tampilkan foto kepala sekolah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGqsyUYUiR51MHBmRJbcshLQtyt2tfkFtEolb5Cx0hJvR1Fw8r4w-7ZdNVTQYQ6Ab8tw3ClYdfrZnHk0h9osFSkXcKD0BPsGpnS6QsZOWOHnVNxNQ7G_7wKf6ERGVRQvqDZ0X8OBGj91BNbYVFex2Kju9BZfD_YASD2mV6YFzEVmyx_dEiBTQmfvSWGWg/s320/wawan%20ridwan.png pada bagian sambutan kepala sekolah ganti peta lokasi dengan embed google maps berikut : https://maps.app.goo.gl/KPwJYyD9qsaW5Zyu8, untuk foto perpustakaan bisa menggunakan image : https://lh6.googleusercontent.com/zvD36ids1pXoSJ-93G4gRfByualT2OhKIG2rAuF508dY27_OjcsuLBUjHvxG6bUEVFeC20HG84Kbm5Wr5oqtGxaiOG3u4jiF641NwXwZwsojTR_fZigipMQZuHaNmqZlKYXApKg_, Labolatorium : https://lh6.googleusercontent.com/yMJ3zOxhoaZP6FBmQA7jqXZERbBAKPZvhyupPUA2KFubeDOvEVzXF44YczHXHjQWQFP5tOoV8uIbxhHVnflnZOwkWrSJ2O_VCgtVzWQmIYydkA74YNWkWzshgBnsyHv5IeHvneY, masjid : https://lh6.googleusercontent.com/tHHd40JkRfLdeIjgQs5ZWWLvNgzXdeD35qIUrZQTn7tfMP_yoPLCeaAyl_6PABzeP5XX7xxkKTO3z49aZwU7vUfx6QSJPQE7XSX3uc7H8XdOPRiZeNUe74mjhYKwTWlbtgGhGh7O, multiguna : https://sman2depok.sch.id/wp-content/uploads/2022/03/image.png, lapangan : https://lh4.googleusercontent.com/s_BPj-TaCI6f-ix3Xc8nAXSdBH2f9imcleoft8GqAuLJqI6teJf1V-ahb4Ytmkx1JpVeXQEanqCFaBHtItF3YPEEWGKRxAlKtiLXp27gx-83Bud3kbqCV9Wqx9tPUG7cf3bMiKF7, multimedia : https://lh3.googleusercontent.com/h3tdm2Gsm2Wg2UC_yHcxm7ZTFjWCeBF5_HFCi6SaFaSBYIUzvAlE7tWTvTZtU6xzHVz8ZA2wVu3v3bAo1z-RLbS1CybZWXL92JSPjmqR5QpbIy_6VI1Fw7R8B5927e1Bc5Bc1crf

 

Jumat, 17 Oktober 2025

Menambahkan Gambar

 



Guru Penyemangat

https://www.youtube.com/watch?v=8ngJzl30uOM

https://www.youtube.com/watch?v=nCVdpF8r1s8&t=38s


Nanang Sriyadi

https://www.youtube.com/watch?v=7fzXF0aKnwg&t=18s


Suhardy Amir

https://www.youtube.com/watch?v=d5rZJySgcRA&t=10s

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

https://www.youtube.com/watch?v=5U9zEUrCGuI&t=5s

suhardyamir.com/2025/04/mudahnya-menambahkan-gambar-logo-ke.html


Html css

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

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


Tutorial Desain Canva

https://www.youtube.com/watch?v=GwkotfZJjtM&t=281s


Kamis, 16 Oktober 2025

Mengganti Gambar di Canva AI

 









https://lynk.id/farhanonlen/66o4k38rpwzv

https://docs.google.com/spreadsheets/d/1FUdXh4JtYPfiaf1p7PZs0bIUQ67aSGfqiO3nY8JuTj4/edit?gid=1449300160#gid=1449300160

https://www.convertcsv.com/csv-to-json.htm

https://sites.google.com/view/jual-sepatu-cth/2

Hero Section

 



Berikut beberapa contoh prompt Hero Section untuk landing page, bisa kamu pilih tergantung tujuan websitenya 👇


🧑‍💻 1. Hero Prompt untuk Landing Page Web Programming Course

Prompt:
Buatkan hero section untuk landing page kursus Web Programming dengan tampilan modern dan profesional. Sertakan headline yang kuat seperti “Bangun Karier Digitalmu dari Sini”, subheadline yang menjelaskan manfaat belajar HTML, CSS, PHP, dan JavaScript. Tambahkan tombol CTA “Mulai Belajar Sekarang” dan gambar ilustrasi laptop dengan kode di layar. Gunakan warna biru dan putih dengan gaya clean, minimalis, dan typography tegas.


🏢 2. Hero Prompt untuk Landing Page Company Profile

Prompt:
Buatkan hero section untuk landing page Company Profile perusahaan teknologi. Sertakan headline inspiratif seperti “Solusi Digital untuk Masa Depan Bisnis Anda”, subheadline singkat tentang layanan inovatif dan teknologi berbasis cloud. Tambahkan tombol CTA “Pelajari Lebih Lanjut” dan background bergaya futuristic gradient. Gunakan gaya modern dengan efek animasi ringan.


🛍️ 3. Hero Prompt untuk Landing Page E-Commerce Fashion

Prompt:
Buatkan hero section untuk website e-commerce fashion dengan headline “Tampil Gaya Setiap Hari”, subheadline “Koleksi eksklusif terbaru dari desainer lokal.” Tambahkan tombol “Belanja Sekarang” dan gambar model mengenakan produk fashion terkini. Gunakan palet warna pastel lembut dan font bergaya elegan.


🚀 4. Hero Prompt untuk Startup atau SaaS

Prompt:
Buatkan hero section untuk landing page produk SaaS dengan headline “Kelola Bisnismu Lebih Cepat dan Cerdas”, subheadline yang menjelaskan solusi efisien berbasis cloud untuk UMKM. Tambahkan tombol “Coba Gratis Sekarang” dan ilustrasi dashboard aplikasi. Desain minimalis, warna biru-hijau, dan elemen ilustrasi 3D.


🎓 5. Hero Prompt untuk Program Pelatihan atau Edukasi

Prompt:
Buatkan hero section untuk landing page program pelatihan vokasi bernama Pervekt 2025 dengan headline “Cetak Wirausaha Muda Siap Kerja dan Kreatif”, subheadline “Program pelatihan kewirausahaan bagi siswa SMK untuk membangun masa depan mandiri.” Tambahkan tombol CTA “Daftar Sekarang” dan ilustrasi siswa SMK sedang berwirausaha. Gunakan nuansa warna oranye dan biru dengan gaya dinamis dan optimis.

Link Code


Canva dan Google Sheet

 








Talli Form

 










Android Studio - Flutter

  https://www.youtube.com/watch?v=obgJefpCCeg&list=PLFaWDe_XIA4p5uDCfzRPv6Bcl0zGlbK3T https://www.youtube.com/watch?v=tiOCrXG3Fq4&li...