nochill/arifselviawedding
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
nochill 2024-05-17 08:43:05 +07:00
parent d31ebb5723
commit 3a31de9adf
16 changed files with 59 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/css-style.css
View File

@ -868,7 +868,7 @@ figure {
}
#fh5co-gallery-list li.one-third {
width: 32.3%;
width: 49%;
}
@media screen and (max-width: 768px) {

2
css/ket.css
View File

@ -205,7 +205,7 @@ footer p {
.splashscreen-bg {
/* The image used */
background-image: url("https://www.makenewstory.com/assets/users/mIjh78y8ge13b89d99c1a29132e57d2ca/album1.png?nocache=1440");
background-image: url("https://files.nochill.in/media/_2__9114_1-1.jpg?nocache=1440");
/* Full height */
height: 100%;

BIN
img/album1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 163 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/album1_na.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

BIN
img/album2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 252 KiB

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
img/album3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
img/album4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 176 KiB

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
img/album5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
img/album6.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/bride.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 93 KiB

After

Width:  |  Height:  |  Size: 114 KiB

BIN
img/bride_na.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
img/groom.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 89 KiB

BIN
img/groom_na.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

117
index.html
View File

@ -4,21 +4,19 @@
<head>
<meta charset="utf-8">
<title>Wedding Invitation - Atep &amp; Arty </title>
<title>Wedding Invitation - Arif &amp; Selvi </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="img/kita.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<meta property="og:title" content="Wedding Invitation - Atep &amp; Arty ">
<meta property="og:description" content="Hello ! Kamu Di Undang..">
<meta property="og:title" content="Wedding Invitation - Arif &amp; Selvi ">
<meta property="og:description" content="You are invited to come Arif and Selvi Wedding Event">
<meta property="og:type" content="article">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="icon" href="img/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700" rel="stylesheet"
type="text/css">
@ -71,8 +69,7 @@
<div class="splashscreen-bg"></div>
<div class="tengah">
<p>The Wedding Of</p>
<h1 style="font-size:80px;color:white;margin-top:-30px;">Arty &amp; Atep </h1>
<p style="margin-top:30px;">Kepada Yth.<br>
<h1 style="font-size:80px;color:white;margin-top:-30px;">Arif &amp; Selvia </h1>
<a href="#" onclick="return OpenInvitation();">
<button class="btn-depan btn-4 btn-sep-depan icon-send popup1_open" data-popup-ordinal="0"
id="open_92089009">BUKA</button>
@ -83,7 +80,7 @@
<!-- END SPLASHSCREEN -->
<!-- ============== MUSIK =============== -->
<audio loop="true" src="musik/musik.mp3" id="audio"></audio>
<audio autoplay loop="true" src="musik/musik.mp3" id="audio2"></audio>
<!-- ============== MUSIK =============== -->
<div style="display: none;" id="page"><a href="#"
@ -103,8 +100,8 @@
<p>The Wedding Of</p>
<h1 style="margin-top:-40px">
Arty &amp; Atep </h1>
<p><span>06 - 06 - 2021</span></p>
Arif &amp; Selvia </h1>
<p><span>2024 - 05 - 25</span></p>
<p>
<a href="#fh5co-couple" class="icon-scroll"></a>
</p>
@ -134,30 +131,30 @@
</div>
<div class="couple-wrap animate-box fadeInUp animated-fast">
<div class="couple-half">
<div class="groom"> <img src="img/bride.png?nocache=1440" alt="groom" class="img-responsive">
<div class="groom"> <img src="img/groom.png?nocache=1440" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<h3 style="color:#304058;">
Arty Artya Melinda</h3>
Arif Rahman Widiyatno</h3>
<!-- untuk deskripsi mempelai -->
<p>
<i style="font-size:12px;">Putri dari :</i>
<p style="text-align: center;">
<i style="font-size:12px;">Putra dari :</i>
<br>
Bapak Arbi Sahtiadin &amp; Ibu Oneng Nurhayati
Bapak Sudaryatno &amp; Ibu Enny Sudarwati
</p>
</div>
</div>
<p class="heart text-center"><i class="icon-heart2" style="color:#304058;"></i></p>
<div class="couple-half">
<div class="bride"> <img src="img/groom.png?nocache=1440" alt="groom" class="img-responsive">
<div class="bride"> <img src="img/bride.png?nocache=1440" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<h3 style="color:#304058;">
Atep Jaenudin</h3>
Selvia Imas Paramitha</h3>
<!-- untuk deskripsi mempelai -->
<p><i style="font-size:12px;">Putra dari :</i>
<p style="text-align: center;"><i style="font-size:12px;">Putri dari :</i>
<br>
Bapak H Enyang &amp; Ibu H Atik
Bapak Antonius Tatang Eko Asmoko &amp; Ibu RR. Arry Kusumastuti
</p>
</div>
</div>
@ -198,16 +195,15 @@
<div class="event-col">
<i class="icon-clock"></i>
<span>
80.00 Pagi </span>
18.30 - 19.30 </span>
</div>
<div class="event-col"> <i class="icon-calendar"></i> <span>Minggu, 6
Juni 2021</span> </div>
<div class="event-col"> <i class="icon-calendar"></i> <span>Sabtu, 25
Mei 2024</span> </div>
<p>
<label style="font-weight:normal; font-size:22px;">
Gedung Herlina Mutiara </label>
Favehotel Sidoarjo </label>
<br>
Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat
43281
Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219
</p>
</div>
</div>
@ -216,28 +212,27 @@
<h3>Resepsi</h3>
<div class="event-col">
<i class="icon-clock"></i> <span>
10.00 - 14.00 </span>
19.30 - 21.00 </span>
</div>
<div class="event-col"> <i class="icon-calendar"></i> <span>Minggu, 6
Juni 2021</span> </div>
<div class="event-col"> <i class="icon-calendar"></i> <span>Sabtu, 25
Mei 2024</span> </div>
<p>
<label style="font-weight:normal; font-size:22px;">
Gedung Herlina Mutiara </label>
Favehotel Sidoarjo </label>
<br>
Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat
43281
Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219
</p>
</div>
</div>
<div class="col-md-8 col-md-offset-2 text-center animate-box fadeInUp animated-fast">
<!-- <div class="col-md-8 col-md-offset-2 text-center animate-box fadeInUp animated-fast">
<a href="https://youtu.be/Ev-Rgy8HabA" target="_blank"
class="streaming mdc-button mdc-button--raised">
<i class="material-icons mdc-button__icon">play_arrow</i>
LIVE STREAMING
</a>
</div>
</div> -->
</div>
</div>
@ -246,7 +241,7 @@
</div>
</div>
<div id="fh5co-couple-story">
<!-- <div id="fh5co-couple-story">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box fadeInUp animated-fast">
@ -256,8 +251,8 @@
<div class="row">
<div class="col-md-12 col-md-offset-0">
<ul class="timeline animate-box fadeInUp animated-fast">
<!-- GET DATA -->
<!-- ELSE -->
GET DATA
ELSE
<li class="timeline-inverted animate-box fadeInUp animated-fast">
<div class="timeline-badge"
style="background-color:#304058; background-image:url(img/couple-1.png);">
@ -276,8 +271,8 @@
</div>
</div>
</li>
<!--TUTUP PHP -->
<!-- GET DATA -->
TUTUP PHP
GET DATA
<li class="animate-box fadeInUp animated-fast">
<div class="timeline-badge"
style="background-color:#304058; background-image:url(img/couple-1.png);">
@ -297,8 +292,8 @@
</div>
</div>
</li>
<!-- ELSE -->
<!-- ELSE -->
ELSE
ELSE
<li class="timeline-inverted animate-box fadeInUp animated-fast">
<div class="timeline-badge"
style="background-color:#304058; background-image:url(img/couple-1.png);">
@ -316,8 +311,8 @@
</div>
</div>
</li>
<!--TUTUP PHP -->
<!-- GET DATA -->
TUTUP PHP
GET DATA
<li class="animate-box fadeInUp animated-fast">
<div class="timeline-badge"
style="background-color:#304058; background-image:url(img/couple-1.png);">
@ -339,13 +334,13 @@
</div>
</div>
</li>
<!-- ELSE -->
<!--TUTUP PHP -->
ELSE
TUTUP PHP
</ul>
</div>
</div>
</div>
</div>
</div> -->
<div id="fh5co-gallery" class="fh5co-section-gray">
<div class="container">
<div class="row">
@ -398,33 +393,33 @@
</li>
<!-- CLOSE DATA -->
<!-- GET DATA -->
<li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
<!-- <li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
style="background-image: url(img/album5.png);">
<a href="img/album5.png" data-lightbox="roadtrip">
<div class="case-studies-summary"> <span></span>
<h2></h2>
</div>
</a>
</li>
</li> -->
<!-- CLOSE DATA -->
<!-- GET DATA -->
<li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
<!-- <li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
style="background-image: url(img/album6.png);">
<a href="img/album6.png" data-lightbox="roadtrip">
<div class="case-studies-summary"> <span></span>
<h2></h2>
</div>
</a>
</li>
</li> -->
<!-- CLOSE DATA -->
<!-- GET DATA YT -->
<div class="videoWrapper" style="width:100%;">
<!-- <div class="videoWrapper" style="width:100%;">
<center>
<object data="https://www.youtube.com/embed/hrVyGEvVu7k"> </object>
</center>
</div>
</div> -->
<!-- CLOSE DATA -->
@ -441,8 +436,8 @@
<h1 class="color-putih" style="margin-top:30px;">Find Us</h1>
<p style="color:#fff;">
Gedung Herlina Mutiara <br>
Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat 43281 </p>
Favehotel Sidoarjo<br>
Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219 </p>
</div>
</div>
<div class="row">
@ -482,7 +477,7 @@
</style>
<div style="margin-bottom:50px;" id="maps">
<iframe width="100%" height="450px" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=-6.794355,107.172731&amp;key=AIzaSyBkXrQtu34bjG_8Apa0cvNENa_7frfCE2w">
src="https://www.google.com/maps/embed/v1/place?q=-7.439519213567163,112.7208059883155&amp;key=AIzaSyBkXrQtu34bjG_8Apa0cvNENa_7frfCE2w">
</iframe>
</div>
</div>
@ -494,10 +489,10 @@
</div>
<footer>
<!-- <footer>
<p> &copy; Copyright 2022, <a href="">MSN PRODUCTION - PT. Mulia Sejati Nusantara.</a> All Rights Reserved
</p>
</footer>
</footer> -->
<!-- MUTE BUTTON -->
@ -517,6 +512,8 @@
const page = document.getElementById("page")
function OpenInvitation() {
let audio = document.getElementById("audio2");
audio.play();
splashscreen.style.display = "none"
page.style.display = "block"
}
@ -570,20 +567,20 @@
<script>
document.addEventListener("DOMContentLoaded", function (event) {
let audio = document.getElementById("audio");
let audio = document.getElementById("audio2");
let button = document.getElementById('mute');
if (+localStorage.getItem('mute')) {
audio.muted = true;
button.innerHTML = '<i color="#000" class="fa fa-volume-off my-float"></i>';
audio.pause()
} else {
audio.volume = 0.9;
audio.volume = 1;
audio.play()
}
})
function mute() {
let audio = document.getElementById('audio');
let audio = document.getElementById('audio2');
let button = document.getElementById('mute');
let isMute = +localStorage.getItem('mute');
if (!isMute) {
@ -593,7 +590,7 @@
localStorage.setItem('mute', 1);
} else {
audio.muted = false;
audio.volume = 0.9;
audio.volume = 1;
audio.play()
button.innerHTML = '<i color="#fff" class="fa fa-volume-up my-float"></i>';
localStorage.setItem('mute', 0);

BIN
musik/musik.mp3
View File

Binary file not shown.

BIN
musik/silence.mp3 Normal file
View File

Binary file not shown.