- ID scansione:
- cf367869-33c3-4537-ab1b-5ef13dbcc59cFatto
- URL inviato:
- https://ciamic-berizin.com/
- Report terminato:
Link · 0 trovati
I link in uscita identificati dalla pagina
Variabili JavaScript · 41 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| axios | function |
| FlowbiteInstances | object |
| Accordion | function |
| initAccordions | function |
| Collapse | function |
| initCollapses | function |
| Carousel | function |
Messaggi di log della console · 0 trovati
Messaggi registrati nella console Web
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="https://ciamic-berizin.com/logos/kupva-favicon.svg">
<title>Kupva | Home</title>
<link rel="preload" as="style" href="https://ciamic-berizin.com/build/assets/app-DC7udARZ.css"><link rel="preload" as="style" href="https://ciamic-berizin.com/build/assets/app-CpA6j6fp.css"><link rel="modulepreload" href="https://ciamic-berizin.com/build/assets/app-CR0C_SXg.js"><link rel="stylesheet" href="https://ciamic-berizin.com/build/assets/app-DC7udARZ.css" data-navigate-track="reload"><link rel="stylesheet" href="https://ciamic-berizin.com/build/assets/app-CpA6j6fp.css" data-navigate-track="reload"><script type="module" src="https://ciamic-berizin.com/build/assets/app-CR0C_SXg.js" data-navigate-track="reload"></script> </head>
<body x-data="{
setLocale(lang) {
let newUrl = new URL(location.href);
newUrl.searchParams.set('lang', lang);
location.href = newUrl.href;
},
getLocale(url) {
const lang = new URL(location.href).searchParams.get('lang');
if(lang === null) {
return url;
}
const newUrl = new URL(url, 'https://ciamic-berizin.com');
newUrl.searchParams.set('lang', lang);
return newUrl.href;
}
}" class="w-full overflow-x-hidden text-kupva_textColor" style="">
<nav class="fixed z-20 flex items-center justify-center w-full h-16 navbar bg-kupva_darkGreen">
<div class="z-20 flex items-center justify-between w-full h-full px-5 bg-kupva_darkGreen x1440:max-w-screen-x1440 2xl:px-0">
<a href="/">
<img src="https://ciamic-berizin.com/logos/ciamic_on_white_rev.svg" class="object-cover h-6 w-fit md:h-8" alt="">
</a>
<div class="flex items-center gap-10">
<ul class="hidden gap-10 font-bold text-white uppercase md:flex">
<li><a href="https://ciamic-berizin.com/search">Find money changer</a></li>
<li><a href="https://ciamic-berizin.com/education">Guides and tips</a></li>
<li><a href="https://ciamic-berizin.com/about-us">About us</a></li>
</ul>
<div class="hidden md:block">
<button id="dropdownDefaultButton" data-dropdown-toggle="dropdown" class="inline-flex items-center px-4 py-1 text-sm font-bold uppercase bg-white rounded-lg hover:bg-stone-50 focus:ring-4 focus:outline-none focus:ring-offset-kupva_green/50" type="button">
ENG
<svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"></path>
</svg>
</button>
<!-- Dropdown menu -->
<div id="dropdown" class="z-10 hidden w-20 font-bold text-center uppercase bg-white divide-y divide-gray-100 rounded-lg shadow" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(730px, 56px);" data-popper-placement="bottom">
<ul class="py-2 text-sm text-gray-700">
<li><a x-on:click="setLocale('en')" href="javascript:void(0)" class="block px-4 py-2 hover:bg-gray-100">ENG</a></li>
<li><a x-on:click="setLocale('id')" href="javascript:void(0)" class="block px-4 py-2 hover:bg-gray-100">IND</a></li>
</ul>
</div>
</div>
<!-- Hamburger Button -->
<div id="hamburger" class="flex flex-col justify-around w-8 h-8 cursor-pointer md:hidden">
<div class="w-full h-1 transition duration-300 transform bg-white rounded bar"></div>
<div class="w-full h-1 transition duration-300 transform bg-white rounded bar"></div>
<div class="w-full h-1 transition duration-300 transform bg-white rounded bar"></div>
</div>
</div>
</div>
<!-- Hamburger Menu -->
<nav id="hamburger-menu" class="fixed bg-kupva_darkGreen top-0 right-[-100%] z-10 w-full h-screen text-white flex flex-col justify-center items-center transition-all duration-300 gap-6 font-bold uppercase">
<a href="https://ciamic-berizin.com/search">Find money changer</a>
<a href="https://ciamic-berizin.com/education">Guides and tips</a>
<a href="https://ciamic-berizin.com/about-us">About us</a>
<div class="z-40 py-2">
<button id="dropdownDefaultButton-burger" data-dropdown-toggle="dropdown-burger" class="inline-flex items-center px-4 py-1 text-sm font-bold text-black uppercase bg-white rounded-lg hover:bg-stone-50 focus:ring-4 focus:outline-none focus:ring-offset-kupva_green/50" type="button">
ENG
<svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"></path>
</svg>
</button>
<!-- Dropdown menu -->
<div id="dropdown-burger" class="z-30 hidden w-20 font-bold text-center uppercase bg-white divide-y divide-gray-100 rounded-lg shadow" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(1145px, 396px);" data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="bottom">
<ul class="py-2 text-sm text-gray-700">
<li><a x-on:click="setLocale('en')" href="javascript:void(0)" class="block px-4 py-2 hover:bg-gray-100">ENG</a></li>
<li><a x-on:click="setLocale('id')" href="javascript:void(0)" class="block px-4 py-2 hover:bg-gray-100">IND</a></li>
</ul>
</div>
</div>
</nav>
</nav>
<script>
document.addEventListener('DOMContentLoaded', () => {
const hamburger = document.getElementById('hamburger');
const burgerMenu = document.getElementById('hamburger-menu');
const body = document.body;
hamburger.addEventListener('click', () => {
if (burgerMenu.classList.contains('right-[-100%]')) {
burgerMenu.classList.remove('right-[-100%]');
burgerMenu.classList.add('right-0');
body.style.overflow = 'hidden';
} else {
burgerMenu.classList.remove('right-0');
burgerMenu.classList.add('right-[-100%]');
body.style.overflow = '';
}
const bars = hamburger.querySelectorAll('.bar');
bars[0].classList.toggle('rotate-45');
bars[0].classList.toggle('translate-y-[10.5px]');
bars[1].classList.toggle('opacity-0');
bars[2].classList.toggle('-rotate-45');
bars[2].classList.toggle('-translate-y-[10.5px]');
});
});
</script>
<section class="relative flex flex-col items-center justify-center w-full animate-div lg:h-dvh bg-kupva_green" style="translate: none; rotate: none; scale: none; transform: translate3d(0px, 13.7947px, 0px); opacity: 0.7241;">
<!-- <div class="w-full h-16"></div> -->
<img src="https://ciamic-berizin.com/images/map.png" alt="" class="absolute right-0 md:w-2/3 top-16">
<div class="z-10 flex flex-col w-full px-5 pt-20 pb-8 text-white md:pt-20 md:pb-20 lg:mt-16 x1440:max-w-screen-x1440 x1440:px-0 gap-14">
<div class="flex flex-col w-full gap-8 md:mb-10 md:gap-10 md:w-2/3 lg:w-1/2">
<h1 class="h-[35dvh] xl:h-auto content-end font-bold text-3xl md:text-4xl text-kupva_cream xl:text-6xl md:w-full">
Your Trusted Partner in Currency Exchange and Fund Transfers
</h1>
<a href="/search" class="flex items-center justify-center w-full gap-5 px-5 py-3 text-lg font-bold text-white rounded-full sm:w-fit md:px-10 md:py-5 md:text-2xl bg-kupva_navy">
<span class="text-base lg:text-4xl">
<i class="bi bi-geo-alt-fill"></i>
</span>
Find nearest money changer
</a>
</div>
<div class="flex flex-col w-full gap-6 lg:gap-16">
<h2 class="text-base font-bold md:text-xl text-kupva_cream">
Or you can look for specific money changer on specific location down below:
</h2>
<div x-data="" class="flex flex-col gap-5 text-kupva_textColor md:flex-row">
<input type="text" x-on:keyup.enter="location.href = '/search?q=' + $event.target.value" class="w-full max-w-3xl px-4 py-2.5 border-0 rounded-lg lg:w-full focus:ring focus:ring-kupva_darkGreen focus-visible:outline-none placeholder:italic placeholder:text-sm" placeholder="Type your location...">
<button class="px-10 py-1 font-bold text-white rounded-lg md:w-1/4 lg:w-min bg-kupva_navy">Search</button>
</div>
<h3 class="text-xs italic md:text-base">
*The money changers listed on this website are all licensed and currently operational
</h3>
</div>
</div>
</section>
<section class="flex justify-center w-full animate-div" style="translate: none; rotate: none; scale: none; transform: translate3d(0px, 43.0043px, 0px); opacity: 0.1399;">
<div class="flex flex-col w-full px-5 py-12 md:py-16 lg:py-32 x1440:max-w-screen-x1440 x1440:px-0 gap-14">
<div class="flex flex-col gap-6 lg:gap-10 xl:gap-20 lg:flex-row">
<img src="https://ciamic-berizin.com/images/bi.jpeg" alt="" class="object-cover w-full h-72 rounded-lg">
<div class="flex flex-col gap-5">
<div class="flex flex-col gap-2 md:gap-5">
<h2 class="text-xl font-bold md:text-4xl ">About us</h2>
<p class="text-sm md:text-base">Partnered with Bank Indonesia, APVA, and APPUI, our platform provides reliable information on authorized money changers. We're dedicated to upholding the highest standards of consumer protection and transparency.</p>
</div>
<div class="flex flex-wrap gap-8 text-sm md:text-base md:gap-28">
<div class="flex flex-col">
<span class="font-bold text-kupva_green">Email</span>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="flex flex-col">
<span class="font-bold text-kupva_green">Other website</span>
<a href="website.co.id" target="_blank">website.co.id</a>
</div>
<div class="flex flex-col">
<span class="font-bold text-kupva_green">Contact</span>
<a href="">021-1234567</a>
</div>
</div>
<div class="flex flex-wrap items-center gap-x-10 gap-y-4">
<img src="https://ciamic-berizin.com/logos/kominfo.png" alt="" class="h-10 md:h-14">
<img src="https://ciamic-berizin.com/logos/bi.png" alt="" class="h-8 md:h-10">
<img src="https://ciamic-berizin.com/logos/ojk-logo.png" alt="" class="h-10 md:h-12">
<img src="https://ciamic-berizin.com/logos/apva.svg" alt="" class="h-10 md:h-14">
<img src="https://ciamic-berizin.com/logos/asosiasi.png" alt="" class="h-10 md:h-14">
<img src="https://ciamic-berizin.com/logos/aspi.png" alt="" class="h-6 md:h-9">
<img src="https://ciamic-berizin.com/logos/perbanas.png" alt="" class="h-6 md:h-9">
<img src="https://ciamic-berizin.com/logos/fintech.png" alt="" class="h-16 md:h-20">
<img src="https://ciamic-berizin.com/logos/apgi.png" alt="" class="h-10 md:h-14">
<img src="https://ciamic-berizin.com/logos/bp2mi.png" alt="" class="h-8 md:h-10">
<img src="https://ciamic-berizin.com/logos/atsi.png" alt="" class="h-8 md:h-10">
</div>
</div>
</div>
</div>
</section>
<footer class="flex justify-center w-full py-8 text-white lg:py-20 animate-div bg-kupva_darkGreen" style="translate: none; rotate: none; scale: none; transform: translate(0px, 50px); opacity: 0;">
<div class="flex flex-col justify-between w-full gap-5 px-5 lg:gap-20 x1440:max-w-screen-x1440 2xl:px-0 lg:flex-row">
<div class="flex flex-col gap-5 lg:gap-10">
<img src="https://ciamic-berizin.com/logos/ciamic_on_white_rev.svg" class="h-16 w-fit" alt="">
<p class="text-sm lg:text-lg lg:w-1/2">Supported by Bank Indonesia, APVA, and APPUI, we connect you to verified, legal money changers. Rely on our platform for accurate and dependable consumer protection information.</p>
<span class="text-sm font-bold lg:text-base">©2024</span>
</div>
<div class="flex flex-col flex-shrink-0 gap-4 text-sm font-bold lg:text-xl">
<a href="#"><i class="bi bi-youtube"></i> Youtube</a>
<a href="#"><i class="bi bi-instagram"></i> Instagram</a>
<a href="#"><i class="bi bi-linkedin"></i> LinkedIn</a>
</div>
</div>
</footer>
<script>
window.onload = function () {
$(document).ready(function () {
let previousScrollPosition = $(window).scrollTop();
if ($(".navbar").length > 0) {
const $navbar = $('.navbar');
$(window).on('scroll', function () {
let currentScrollPosition = $(window).scrollTop();
if (currentScrollPosition > previousScrollPosition) {
gsap.to($navbar, { duration: 0.5, y: "-100%", ease: "power2.out" });
} else {
gsap.to($navbar, { duration: 0.5, y: "0%", ease: "power2.out" });
}
previousScrollPosition = currentScrollPosition;
});
}
if ($(".animate-div").length > 0) {
gsap.fromTo(
".animate-div",
{
opacity: 0,
y: 50,
},
{
opacity: 1,
y: 0,
duration: 1,
ease: "power2.out",
stagger: 0.3,
}
);
}
});
}
</script>
</body></html>