Skip to content

Instantly share code, notes, and snippets.

View juli74749-stack's full-sized avatar

juli74749-stack

  • Joined May 3, 2026
View GitHub Profile
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Undangan Pernikahan Yogi & Neng Gia</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;600&family=Great+Vibes&display=swap" rel="stylesheet">
<style>
:root {
<!-- Tambahkan ini di dalam tag <body> sebelum bagian Mempelai -->
<section id="animation-wedding" style="background: #fff; padding: 40px 0;">
<!-- Animasi Ilustrasi (Placeholder) -->
<div style="width: 250px; margin: 0 auto; animation: heartbeat 2s infinite;">
<img src="https://cdn-icons-png.flaticon.com/512/3663/3663361.png" alt="Wedding Animation" style="width: 100%;">
</div>
<style>
/* Animasi berdenyut lembut untuk ikon pengantin */
@keyframes heartbeat {
0% { transform: scale(1); }
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Undangan Pernikahan Yogi & Neng Gia</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;600&family=Great+Vibes&display=swap" rel="stylesheet">
<style>
:root {