Jurusan Akuntansi Monash – Cetakan CEO Masa Depan

:root {
–primary: #1a4b8c;
–secondary: #2c7d7b;
–accent: #ff6b35;
–light: #f8f9fa;
–dark: #212529;
–gradient-start: #1a4b8c;
–gradient-end: #2c7d7b;
–shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
–radius: 12px;
–transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: ‘Poppins’, sans-serif;
line-height: 1.7;
color: var(–dark);
background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
background-attachment: fixed;
overflow-x: hidden;
}

h1 {
font-family: ‘Playfair Display’, serif;
font-size: 3.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.subtitle {
font-size: 1.4rem;
font-weight: 300;
max-width: 700px;
margin: 0 auto 30px;
opacity: 0.9;
}

.meta-info {
display: flex;
justify-content: center;
gap: 25px;
margin-top: 30px;
flex-wrap: wrap;
}

.meta-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
}

/* Article Content */
.article-content {
margin-bottom: 80px;
}

.main-content {
background: white;
border-radius: var(–radius);
padding: 50px;
box-shadow: var(–shadow);
position: relative;
overflow: hidden;
}

.content-decoration {
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
opacity: 0.03;
background: var(–primary);
z-index: 0;
}

.content-decoration:nth-child(1) {
top: -80px;
right: -80px;
}

.content-decoration:nth-child(2) {
bottom: -100px;
left: -100px;
}

.section-title {
font-family: ‘Playfair Display’, serif;
font-size: 2.2rem;
margin: 40px 0 25px;
color: var(–primary);
position: relative;
padding-bottom: 15px;
}

.section-title::after {
content: ”;
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 4px;
background: var(–accent);
border-radius: 2px;
}

p {
margin-bottom: 20px;
font-size: 1.1rem;
position: relative;
z-index: 2;
}

.highlight {
background: linear-gradient(120deg, rgba(255, 107, 53, 0.2) 0%, rgba(255, 107, 53, 0) 100%);
padding: 3px 8px;
border-radius: 4px;
font-weight: 500;
}

.feature-box {
background: linear-gradient(to right, #f8f9fa, #e9ecef);
border-left: 4px solid var(–accent);
padding: 25px;
border-radius: 0 var(–radius) var(–radius) 0;
margin: 30px 0;
position: relative;
z-index: 2;
}

.feature-title {
font-size: 1.4rem;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
}

/* Reasons Section */
.reasons-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 40px 0;
}

.reason-card {
background: white;
border-radius: var(–radius);
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: var(–transition);
border: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}

.reason-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.reason-number {
position: absolute;
top: 20px;
right: 20px;
font-size: 3rem;
font-weight: 800;
color: white;
line-height: 1;
}

.reason-icon {
font-size: 2.5rem;
color: #f1c232;
margin-bottom: 20px;
}

.reason-title {
font-size: 1.3rem;
margin-bottom: 15px;
color: var(–primary);
}

/* Facts Section */
.facts-container {
display: flex;
gap: 30px;
margin: 40px 0;
flex-wrap: wrap;
}

.facts-content {
flex: 1;
min-width: 300px;
}

.ceo-profiles {
flex: 1;
min-width: 300px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 20px;
}

.ceo-card {
background: white;
border-radius: var(–radius);
padding: 20px;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: var(–transition);
}

.ceo-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.ceo-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
background: var(–light);
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: var(–primary);
border: 3px solid var(–accent);
}

.ceo-name {
font-weight: 600;
margin-bottom: 5px;
}

.ceo-title {
font-size: 0.85rem;
color: #f1c232;
}

/* Skills Section */
.skills-chart {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 40px 0;
}

.skill-item {
padding: 20px;
background: white;
border-radius: var(–radius);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
transition: var(–transition);
}

.skill-item:hover {
transform: scale(1.03);
}

.skill-item::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: var(–accent);
}

.skill-title {
font-weight: 600;
margin-bottom: 10px;
color: var(–primary);
}

/* Testimonials */
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 50px 0;
}

.testimonial-card {
background: linear-gradient(to bottom right, white, #f8f9fa);
border-radius: var(–radius);
padding: 30px;
box-shadow: var(–shadow);
position: relative;
border: 1px solid rgba(0, 0, 0, 0.03);
}

.testimonial-card::before {
content: ‘”‘;
position: absolute;
top: 20px;
left: 20px;
font-size: 5rem;
font-family: ‘Playfair Display’, serif;
color: rgba(26, 75, 140, 0.1);
line-height: 1;
}

.testimonial-content {
position: relative;
z-index: 2;
font-style: italic;
margin-bottom: 20px;
color:black;
}

.testimonial-author {
display: flex;
align-items: center;
gap: 15px;
}

.author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: var(–light);
display: flex;
align-items: center;
justify-content: center;
color: var(–primary);
font-weight: bold;
border: 2px solid var(–accent);
}

.author-info {
font-size: 0.95rem;
}

.author-name {
font-weight: 600;
color:black;
}

.author-title {
color: var(–secondary);
font-size: 0.85rem;
margin:0px;
}

/* FAQ Section */
.faq-container {
margin: 50px 0;
}

.faq-item {
margin-bottom: 20px;
border-radius: var(–radius);
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.faq-question {
background: linear-gradient(to right, var(–primary), var(–secondary));
color: white;
padding: 20px 25px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}

.faq-answer {
background: white;
padding: 25px;
display: none;
color:black;
}

.faq-question i {
transition: var(–transition);
}

.faq-item.active .faq-answer {
display: block;
}

.faq-item.active .faq-question i {
transform: rotate(180deg);
}

/* Program Section */
.program-section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 50px 0;
}

.program-card {
background: linear-gradient(135deg, var(–primary), var(–secondary));
color: white;
border-radius: var(–radius);
padding: 30px;
position: relative;
overflow: hidden;
}

.program-icon {
font-size: 3rem;
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.2);
}

.program-title {
font-size: 1.8rem;
margin-bottom: 15px;
font-family: ‘Playfair Display’, serif;
}

.program-desc {
margin-bottom: 20px;
opacity: 0.9;
}

.program-btn {
display: inline-block;
background: white;
color: var(–primary);
padding: 12px 25px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: var(–transition);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.program-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.career-card {
background: white;
border-radius: var(–radius);
padding: 30px;
box-shadow: var(–shadow);
}

.career-title {
font-size: 1.8rem;
margin-bottom: 20px;
color: var(–primary);
font-family: ‘Playfair Display’, serif;
}

.career-list {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
}

.career-list li {
padding: 12px 20px;
background: rgba(44, 125, 123, 0.05);
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
transition: var(–transition);
}

.career-list li:hover {
transform: translateX(5px);
background: rgba(44, 125, 123, 0.1);
}

.career-list li::before {
content: ‘✓’;
color: var(–secondary);
font-weight: bold;
}

/* Conclusion */
.conclusion-box {
background: linear-gradient(to right, var(–primary), var(–secondary));
color: white;
border-radius: var(–radius);
padding: 40px;
margin: 60px 0;
text-align: center;
position: relative;
overflow: hidden;
}

.conclusion-decoration {
position: absolute;
font-size: 10rem;
opacity: 0.05;
z-index: 1;
}

.conclusion-decoration:nth-child(1) {
top: 20px;
left: 30px;
transform: rotate(-15deg);
}

.conclusion-decoration:nth-child(2) {
bottom: 20px;
right: 30px;
transform: rotate(15deg);
}

.conclusion-content {
position: relative;
z-index: 2;
max-width: 800px;
margin: 0 auto;
}

.conclusion-title {
font-family: ‘Playfair Display’, serif;
font-size: 2.5rem;
margin-bottom: 25px;
}

.cta-button {
display: inline-block;
background: var(–accent);
color: white;
padding: 15px 40px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
font-size: 1.1rem;
margin-top: 20px;
transition: var(–transition);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
border: none;
cursor: pointer;
}

.cta-button:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
background: #ff5a1f;
}

/* Footer */
.column-article-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 10px;
background: white;
}

.column-article {
width: 50%;
padding: 10px;
}

.column-article img {
width: 100%;
border-radius: 10px;
}

@media screen and (max-width: 500px) {
.column-article-container {
flex-direction: column;
}

.column-article {
width: 100%;
}
}

.rp-container {
max-width: 1400px; /* Diperlebar untuk layar besar */
margin: 0 auto;
padding: 20px;
}

.rp-header {
text-align: center;
margin-bottom: 40px;
}

.rp-main-title {
font-size: 2.5rem;
font-weight: 600;
color: var(–rp-dark);
margin-bottom: 10px;
position: relative;
display: inline-block;
}

.rp-subtitle {
color: var(–rp-gray);
font-size: 1.1rem;
max-width: 600px;
margin: 20px auto 0;
line-height: 1.6;
}

.rp-cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Responsif penuh */
gap: 30px;
}

.rp-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
overflow: hidden;
transition: var(–rp-transition);
transform: translateY(0);
position: relative;
height: 100%; /* Tinggi penuh */
}

.rp-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(67, 97, 238, 0.15);
}

.rp-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(–rp-primary), var(–rp-accent));
opacity: 0;
transition: var(–rp-transition);
}

.rp-card:hover::before {
opacity: 1;
}

.rp-card-img-container {
overflow: hidden;
position: relative;
height: 220px; /* Lebih tinggi */
}

.rp-card-img {
width: 100%;
height: 180%;
object-fit: cover;
transition: var(–rp-transition);
}

.rp-card:hover .rp-card-img {
transform: scale(1.05);
}

.rp-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}

.rp-card-title {
font-size: 1rem; /* Sedikit lebih besar */
font-weight: 600;
margin: 0 0 15px;
color: var(–rp-dark);
line-height: 1.4;
transition: var(–rp-transition);
}

.rp-card:hover .rp-card-title {
color: var(–rp-primary);
}

.rp-read-more {
margin-top: auto;
text-align: center;
color: white;
background-color: #007bff;
border-radius:50px;
}

.rp-read-more-link {
display: inline-flex;
align-items: center;
text-decoration: none;
color: white;
font-weight: 500;
transition: var(–rp-transition);
padding: 8px 0;
font-size: 1.1rem;
}

.rp-read-more-link:hover {
color: var(–rp-secondary);
}

/* Layar sangat lebar (Desktop besar) */
@media (min-width: 1600px) {
.rp-cards-container {
grid-template-columns: repeat(3, 1fr); /* Tiga kolom dengan lebar sama */
}

.rp-card-img-container {
height: 250px; /* Lebih tinggi di layar lebar */
}

.rp-card-content {
padding: 30px;
}

.rp-card-title {
font-size: 1.5rem;
}
}

/* Tablet dan Desktop kecil */
@media (max-width: 1199px) {
.rp-cards-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.rp-card-img-container {
height: 200px;
}
}

/* Mobile */
@media (max-width: 768px) {
.rp-main-title {
font-size: 2rem;
}

.rp-cards-container {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}

.rp-loader {
display: flex;
justify-content: center;
padding: 40px 0;
grid-column: 1 / -1; /* Loader memenuhi seluruh lebar */
}

.rp-loader-dot {
width: 12px;
height: 12px;
background: var(–rp-primary);
border-radius: 50%;
margin: 0 5px;
animation: rp-loader 1.2s infinite ease-in-out both;
}

.rp-loader-dot:nth-child(1) { animation-delay: -0.32s; }
.rp-loader-dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes rp-loader {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}

.rp-no-posts {
text-align: center;
color: var(–rp-gray);
padding: 40px 0;
font-size: 1.2rem;
grid-column: 1 / -1; /* Memenuhi seluruh lebar */
}

/* Animations */
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}

.floating {
animation: float 4s ease-in-out infinite;
}

/* Responsive */
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
}

.subtitle {
font-size: 1.2rem;
}

.main-content {
padding: 30px 20px;
}

.section-title {
font-size: 1.8rem;
}
}

/* Scroll Animation */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}

.reveal.active {
opacity: 1;
transform: translateY(0);
}

Ternyata Ini Alasan Kenapa Jurusan Akuntansi di Monash Jadi Incaran Para CEO Masa Depan!

Inilah rahasia kenapa jurusan Akuntansi di Monash University jadi pilihan utama calon CEO masa depan. Simak penjelasan lengkapnya!

Free Consultation

✨ Introduction

Pernah dengar istilah “Uang adalah bahasa bisnis”? Nah, siapa yang paling fasih berbicara dalam bahasa itu? Jawabannya: akuntan. Tapi bukan sembarang akuntan lho! Kini, semakin banyak calon pemimpin dunia—alias CEO masa depan—yang memilih menempuh pendidikan akuntansi di salah satu universitas top dunia: Monash University.

Jadi, kenapa sih jurusan ini bisa jadi begitu istimewa dan jadi rebutan? Ternyata Ini Alasan Kenapa Jurusan Akuntansi di Monash Jadi Incaran Para CEO Masa Depan! Yuk, kita kupas tuntas dari berbagai sisi: mulai dari kualitas pengajar, jaringan alumni, sampai prospek karier yang bikin ngiler!

🔍 Apa Itu Jurusan Akuntansi di Monash?

📘 Kurikulum yang Bukan Kaleng-Kaleng

Monash University, yang berbasis di Australia, dikenal dengan kurikulumnya yang up-to-date dan relevan dengan dunia industri. Jurusan akuntansinya enggak cuma ngajarin soal debit dan kredit, tapi:

Financial analysis dan auditing
Business law dan corporate governance
Forensic accounting dan data analytics
Strategic decision making untuk level eksekutif

Monash juga menerapkan pendekatan “learning by doing.” Jadi, mahasiswa bakal ketemu langsung dengan kasus nyata dari perusahaan-perusahaan top dunia. Nggak heran, lulusan Monash selalu satu langkah lebih maju!

🧲 Ternyata Ini Alasan Kenapa Jurusan Akuntansi di Monash Jadi Incaran Para CEO Masa Depan!

Monash = Merek Global yang Diakui Dunia

Nama Monash sendiri udah kayak “stempel emas” di mata HR dan perusahaan multinasional. Di mana pun kamu melamar, begitu orang lihat kata “Monash”, mereka langsung tahu kamu berasal dari sistem pendidikan berkualitas tinggi.

Lulusan dengan Mental CEO

Monash nggak cuma ngajarin cara ngitung angka. Tapi mereka mencetak pemimpin. Gimana caranya?

Melatih skill kepemimpinan melalui proyek kelompok
Mendorong mahasiswa berpikir kritis dan strategis
Menyediakan kesempatan magang di perusahaan top

Bayangkan kamu udah terbiasa pitching ide ke CEO perusahaan saat masih kuliah. Pas lulus, jadi CEO? Gampang!

Dukungan Karier yang Solid

Monash punya Career Connect—layanan khusus buat bantu mahasiswa merancang masa depan karier mereka. Mulai dari:

Pelatihan wawancara
Pembuatan CV profesional
Networking events bareng alumni sukses

Jadi, ketika banyak mahasiswa bingung cari kerja, lulusan akuntansi Monash udah diperebutkan perusahaan!

💼 Fakta Seru: Banyak CEO Dunia Punya Latar Belakang Akuntansi

Tahu nggak, beberapa tokoh besar dunia ternyata memulai karier mereka sebagai akuntan, lho!

Jadi, enggak heran kalau jurusan ini jadi batu loncatan ke puncak karier—apalagi kalau kuliahnya di Monash!

Penny Wong

Menteri Luar Negeri Australia

David Craig

Mantan CFO Commonwealth Bank

Alex Malley

CEO CPA Australia

🌐 Jaringan Alumni yang Kuat = Jalan Pintas ke Puncak

Kenapa ini penting? Simple. Di dunia nyata, siapa yang kamu kenal bisa jauh lebih berpengaruh daripada apa yang kamu tahu. Dan Monash tahu banget soal ini. Mereka punya:

Alumni yang tersebar di lebih dari 170 negara
Komunitas profesional aktif di bidang keuangan, bisnis, hingga pemerintahan
Acara reuni dan networking yang konsisten diselenggarakan

Dengan akses ke jaringan sebesar ini, kamu bukan cuma punya gelar, tapi juga koneksi langsung ke peluang emas.

🧠 Skill Masa Depan yang Diajarin di Monash

Kalau kamu pikir akuntansi itu cuma soal neraca dan laporan laba rugi, well… kamu salah besar! Di Monash, kamu bakal diajarin skill yang dibutuhkan CEO masa depan, seperti:

Analisis big data keuangan

Mengolah data finansial dalam skala besar untuk pengambilan keputusan strategis

Pemanfaatan AI dan blockchain

Menggunakan teknologi terkini untuk transformasi proses akuntansi

Pengambilan keputusan strategis

Berdasarkan data dan analisis mendalam

Komunikasi lintas budaya

Kemampuan berkolaborasi dalam lingkungan global yang beragam

Dengan semua itu, kamu nggak cuma jadi “pencatat keuangan”, tapi pemimpin yang tahu cara membaca arah angin bisnis global.

📈 Prospek Karier? Luar Biasa!

Lulusan jurusan akuntansi Monash punya banyak pilihan jalur karier, termasuk:

CEO atau CFO masa depan
Manajer Keuangan di perusahaan multinasional
Konsultan bisnis di Deloitte, EY, PwC, atau KPMG
Pakar analitik keuangan untuk startup teknologi
Auditor pemerintah atau lembaga internasional

Dan yang lebih menarik, banyak dari mereka yang langsung direkrut bahkan sebelum lulus!

📚 Program Unggulan Monash

Double Degree & Global Exchange

Monash menawarkan program ganda dan pertukaran ke kampus mereka di Malaysia, Italia, dan Afrika Selatan.

Manfaat yang didapat:

Dapat dua gelar dalam waktu bersamaan
Pengalaman belajar lintas negara
Wawasan global yang membuka jalan karier

Pelajari Program Ini

💼 Prospek Karir Lulusan

CEO atau CFO perusahaan
Manajer Keuangan Multinasional
Konsultan Bisnis Top
Analis Keuangan Startup
Auditor Internasional
Akuntan Forensik
Pakar Fintech
Penasihat Pemerintah

🗣️ Kata Mahasiswa dan Alumni

“Belajar akuntansi di Monash bikin gue berani mimpi jadi CFO. Dulu cuma mimpi, sekarang interview di tiga perusahaan internasional dalam seminggu!”

Vania

Alumni 2022

“Kurikulumnya padat, tapi dosennya supportive banget. Gue dapet magang di EY Melbourne, dan itu ngebuka semua pintu karier buat gue.”

Rizky

Mahasiswa tahun akhir

❓ FAQ – Pertanyaan yang Sering Ditanyakan

Apakah harus jago Matematika buat ambil akuntansi di Monash?

Enggak harus jenius matematika kok! Yang penting kamu punya logika yang kuat dan mau belajar.

Bisa kuliah akuntansi di Monash tanpa latar belakang bisnis sebelumnya?

Bisa banget! Monash punya program bridging untuk mahasiswa dari berbagai jurusan.

Apakah ada beasiswa untuk jurusan ini?

Yes! Monash menyediakan berbagai beasiswa berdasarkan prestasi akademik dan kebutuhan finansial.

Apakah lulusan bisa langsung kerja di luar negeri?

Peluangnya sangat besar. Gelar dari Monash diakui secara global!

€

✅ Kesimpulan:

Ternyata Ini Alasan Kenapa Jurusan Akuntansi di Monash Jadi Incaran Para CEO Masa Depan!

Bukan sekadar tempat belajar angka, jurusan akuntansi di Monash University adalah ladang emas buat kamu yang pengen meniti karier hingga ke pucuk pimpinan perusahaan. Dengan:

Kurikulum mutakhir
Pengajar kelas dunia
Koneksi alumni global
Peluang kerja yang luar biasa

…Monash menjelma jadi kawah candradimuka untuk mencetak CEO masa depan yang bukan hanya paham angka, tapi juga punya visi besar, kepemimpinan tajam, dan keberanian untuk mengubah dunia!

Jadi, kalau kamu punya mimpi jadi pemimpin masa depan, udah waktunya kamu ngelirik jurusan akuntansi di Monash. Siapa tahu, nama kamu bakal ada di daftar CEO besar selanjutnya!

New Update

// Scroll reveal animation
function revealOnScroll() {
const reveals = document.querySelectorAll(‘.reveal’);

for (let i = 0; i < reveals.length; i++) {
const windowHeight = window.innerHeight;
const elementTop = reveals[i].getBoundingClientRect().top;
const elementVisible = 150;

if (elementTop {
const question = item.querySelector(‘.faq-question’);

question.addEventListener(‘click’, () => {
item.classList.toggle(‘active’);
});
});

// Floating animation for decorative elements
const floatingElements = document.querySelectorAll(‘.floating’);
floatingElements.forEach(el => {
const delay = Math.random() * 2;
el.style.animationDelay = `${delay}s`;
});

// Initial animation for header elements
setTimeout(() => {
document.querySelector(‘.tag-label’).style.opacity = ‘1’;
document.querySelector(‘h1’).style.opacity = ‘1’;
document.querySelector(‘.subtitle’).style.opacity = ‘1’;
}, 300);

function handleBlogPosts(json) {
const entries = json.feed.entry || [];
const container = document.getElementById(‘recent-posts’);

// Filter artikel hanya dengan tag “Bedah jurusan”
const filteredEntries = entries.filter(entry => {
if (!entry.category) return false;

return entry.category.some(cat =>
cat.term.toLowerCase() === “accounting”
);
});

if (filteredEntries.length === 0) {
container.innerHTML = ‘

Tidak ada postingan ditemukan untuk tag “Accounting”.

‘;
return;
}

container.innerHTML = ”;

filteredEntries.slice(0, 3).forEach(entry => {
const title = entry.title.$t;
const link = entry.link.find(l => l.rel === ‘alternate’).href;
const content = entry.content.$t;
const parser = new DOMParser();
const doc = parser.parseFromString(content, ‘text/html’);
const img = doc.querySelector(‘img’);
const imgSrc = img ? img.src : ‘https://images.unsplash.com/photo-1499750310107-5fef28a66643?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&h=400&q=80’;

const card = document.createElement(‘div’);
card.className = ‘rp-card’;
card.innerHTML = `

${title}

`;
container.appendChild(card);
});
}

(function() {
const script = document.createElement(‘script’);
script.src = ‘https://blog.starshipeducation.com/feeds/posts/default?alt=json-in-script&callback=handleBlogPosts’;
document.body.appendChild(script);
})();