<!DOCTYPE html>
<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport"
content="width=device-width, initial-scale=1.0">

<title>Medi & Riskania Wedding</title>

<link rel="preconnect"
href="https://fonts.googleapis.com">

<link rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css"
rel="stylesheet">

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">

<link rel="stylesheet"
href="assets/css/style.css">

<link rel="stylesheet"
href="assets/css/opening.css">

<link rel="stylesheet"
href="assets/css/hero.css">

<link rel="stylesheet"
href="assets/css/couple.css">

<link rel="stylesheet"
href="assets/css/story.css">

<link rel="stylesheet"
href="assets/css/event.css">

<link rel="stylesheet"
href="assets/css/gallery.css">

<link rel="stylesheet"
href="assets/css/gift.css">

<link rel="stylesheet"
href="assets/css/rsvp.css">
<link rel="stylesheet" href="assets/css/footer.css">

<link rel="stylesheet"
href="assets/css/responsive.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/gsap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/ScrollTrigger.min.js"></script>

</head>

<body>

<div id="loader">

<div class="loader-ring"></div>

</div>