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 { #fh5co-gallery-list li.one-third {
width: 32.3%; width: 49%;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {

2
css/ket.css
View File

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