Skip to content

Commit

Permalink
feat: update ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@dewanakl
dewanakl committed Feb 16, 2025
1 parent 1ad0a5c commit 2309148
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -167,7 +167,7 @@ <h2 class="font-esthetic my-4" style="font-size: 2.25rem;">Wahyu &amp; Riski</h2
</div>
</div>

<p class="m-0 p-0 text-secondary" style="font-size: 0.95rem;">Scroll Down</p>
<p class="m-0 p-0 text-secondary" style="font-size: 0.875rem;">Scroll Down</p>
</div>
</section>

Expand All @@ -193,7 +193,7 @@ <h2 class="font-esthetic py-4 m-0" style="font-size: 2rem;">Assalamualaikum Wara

<div class="overflow-x-hidden pb-4">

<div data-aos="fade-right" data-aos-duration="2000">
<div data-aos="fade-right" data-aos-duration="2000" class="pb-1">
<img src="./assets/images/placeholder.webp" data-src="./assets/images/cowo.webp" alt="cowo" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
<h2 class="font-esthetic m-0" style="font-size: 2.125rem;">Nama Wahyu Siapa</h2>
<p class="mt-3 mb-1" style="font-size: 1.25rem;">Putra ke-1</p>
Expand All @@ -209,7 +209,7 @@ <h2 class="font-esthetic m-0" style="font-size: 2.125rem;">Nama Wahyu Siapa</h2>
</div>
</div>

<h2 class="font-esthetic my-4" style="font-size: 4rem;">&amp;</h2>
<h2 class="font-esthetic mt-4" style="font-size: 4.5rem;">&amp;</h2>

<!-- Love animation -->
<div class="position-relative">
Expand All @@ -220,7 +220,7 @@ <h2 class="font-esthetic my-4" style="font-size: 4rem;">&amp;</h2>
</div>
</div>

<div data-aos="fade-left" data-aos-duration="2000">
<div data-aos="fade-left" data-aos-duration="2000" class="pb-1">
<img src="./assets/images/placeholder.webp" data-src="./assets/images/cewe.webp" alt="cewe" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
<h2 class="font-esthetic m-0" style="font-size: 2.125rem;">Nama Riski Siapa</h2>
<p class="mt-3 mb-1" style="font-size: 1.25rem;">Putri ke-2</p>
Expand All @@ -231,7 +231,7 @@ <h2 class="font-esthetic m-0" style="font-size: 2.125rem;">Nama Riski Siapa</h2>
<!-- Love animation -->
<div class="position-relative">
<div class="position-absolute" style="top: 0%; left: 5%;">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="opacity-50" data-time="2000" data-class="animate-love" viewBox="0 0 16 16">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="opacity-50" data-time="2500" data-class="animate-love" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
</div>
Expand All @@ -244,7 +244,7 @@ <h2 class="font-esthetic m-0" style="font-size: 2.125rem;">Nama Riski Siapa</h2>
</svg>

<!-- Firman Allah Subhanahu Wa Ta'ala -->
<section class="bg-light-dark pb-4">
<section class="bg-light-dark pb-3">
<div class="container text-center">
<h2 class="font-esthetic py-2 m-0" style="font-size: 2rem;">Allah Subhanahu Wa Ta'ala berfirman</h2>

Expand Down Expand Up @@ -324,7 +324,7 @@ <h2 class="font-esthetic m-0 py-2" style="font-size: 2rem;">Resepsi</h2>

<div class="py-2" data-aos="fade-down" data-aos-duration="1500">
<h2 class="font-esthetic m-0 py-2" style="font-size: 2rem;">Batik</h2>
<p style="font-size: 0.95rem;">Dominasi berwarna hitam</p>
<p style="font-size: 0.95rem;">Dominasi berwarna hitam.</p>
</div>

<div class="py-2" data-aos="fade-down" data-aos-duration="1500">
Expand Down Expand Up @@ -418,25 +418,25 @@ <h2 class="font-esthetic pt-2 mb-4" style="font-size: 2.25rem;">Love Gift</h2>
<div class="bg-theme-auto rounded-4 shadow p-4 mx-4 mt-2 mb-4 text-start" data-aos="fade-up" data-aos-duration="2500">
<img src="./assets/images/placeholder.webp" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Bank_Central_Asia.svg/1598px-Bank_Central_Asia.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bca">

<div class="d-flex justify-content-between align-items-center mt-2">
<div class="d-flex justify-content-between align-items-center mt-1">
<p class="m-0 p-0" style="font-size: 0.95rem;">---- ---- ---- 4567</p>
<!-- Ubah juga data-copy sesuai dengan no rekening -->
<button class="btn btn-outline-auto btn-sm shadow-sm rounded-4" style="font-size: 0.75rem;" data-copy="1234567891234567" onclick="undangan.util.copy(this, 'Tersalin')"><i class="fa-solid fa-copy me-1"></i>Salin</button>
</div>

<p class="mt-2 mb-0 p-0" style="font-size: 0.95rem;">Nama Wahyu Siapa</p>
<p class="mt-1 mb-0 p-0" style="font-size: 0.9rem;">Nama Wahyu Siapa</p>
</div>

<div class="bg-theme-auto rounded-4 shadow p-4 mx-4 mt-2 text-start" data-aos="fade-up" data-aos-duration="2500">
<img src="./assets/images/placeholder.webp" data-src="https://upload.wikimedia.org/wikipedia/id/thumb/5/55/BNI_logo.svg/1024px-BNI_logo.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bni">

<div class="d-flex justify-content-between align-items-center mt-2">
<div class="d-flex justify-content-between align-items-center mt-1">
<p class="m-0 p-0" style="font-size: 0.95rem;">---- ---- ---- 4567</p>
<!-- Ubah juga data-copy sesuai dengan no rekening -->
<button class="btn btn-outline-auto btn-sm shadow-sm rounded-4" style="font-size: 0.75rem;" data-copy="1234567891234567" onclick="undangan.util.copy(this, 'Tersalin')"><i class="fa-solid fa-copy me-1"></i>Salin</button>
</div>

<p class="mt-2 mb-0 p-0" style="font-size: 0.95rem;">Nama Riski Siapa</p>
<p class="mt-1 mb-0 p-0" style="font-size: 0.9rem;">Nama Riski Siapa</p>
</div>
</div>
</section>
Expand Down Expand Up @@ -510,7 +510,7 @@ <h2 class="font-arabic pt-4" style="font-size: 2rem;">اَلْحَمْدُ لِ
<small>Build with<i class="fa-solid fa-heart mx-1"></i>Dewanakl</small>
</div>
<div class="col-auto">
<small><i class="fa-brands fa-github me-1"></i><a target="_blank" href="/~https://github.com/dewanakl/undangan">dewanakl</a></small>
<small><i class="fa-brands fa-github me-1"></i><a target="_blank" href="/~https://github.com/dewanakl/undangan">github</a></small>
<small><i class="fa-solid fa-chart-simple me-1"></i><a target="_blank" href="https://status.ulems.my.id">status</a></small>
<small><i class="fa-brands fa-youtube me-1"></i><a target="_blank" href="https://www.youtube.com/watch?v=1WCIrw85zbQ">music</a></small>
</div>
Expand Down

0 comments on commit 2309148

Please sign in to comment.