0% found this document useful (0 votes)
138 views10 pages

Wifi.id Login Page for Users

This document is the HTML code for the login page of a WiFi network. It includes code for the page layout, navigation menu, login form, and advertisements. The login form allows users to enter their username and password to access the WiFi network. It also includes options to purchase access packages or login using other methods.

Uploaded by

amirulm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
138 views10 pages

Wifi.id Login Page for Users

This document is the HTML code for the login page of a WiFi network. It includes code for the page layout, navigation menu, login form, and advertisements. The login form allows users to enter their username and password to access the WiFi network. It also includes options to purchase access packages or login using other methods.

Uploaded by

amirulm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 10

<!

DOCTYPE html>
<html lang="id">
<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">
<meta name="theme-color" content="#D52830">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendor.css?v=0.01">
<link rel="stylesheet" type="text/css" href="assets/css/index.css?v=0.04">
<link rel="stylesheet" type="text/css" href="assets/css/lchat.css"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/promo.css?v=0.02"
rel="stylesheet">
<script src="assets/js/jquery.js?v=0.01"></script>
<script src="assets/js/sweetalert.min.js"></script>
<script src="assets/js/custom.js?v=0.51"></script>
<script src="assets/js/index.js?v=0.04"></script>
<!-- DARTS -->
<link rel="stylesheet" type="text/css" href="assets/css/adsengine.min.css">
<script src="assets/js/adsengine.bundle.js?v=0.02"></script>
<script src="assets/js/adsengine.telkom.js"></script>
<script src="assets/js/socket.io.slim.js"></script>
<script src="assets/js/statistic.bundle.js"></script>
<!--<script src="assets/js/lchat.js"></script>-->
<link rel="shortcut icon" href="assets/img/wifikon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="assets/css/sweetalert.css">
<title>Windows 10 Welcome Page</title>
</head>
<body class="login-page " onload="getRandomImage()" >

<div id="loading-overlay" class="loading-overlay">


<div class="sk-circle">
<div class="sk-circle1 sk-child"></div>
<div class="sk-circle2 sk-child"></div>
<div class="sk-circle3 sk-child"></div>
<div class="sk-circle4 sk-child"></div>
<div class="sk-circle5 sk-child"></div>
<div class="sk-circle6 sk-child"></div>
<div class="sk-circle7 sk-child"></div>
<div class="sk-circle8 sk-child"></div>
<div class="sk-circle9 sk-child"></div>
<div class="sk-circle10 sk-child"></div>
<div class="sk-circle11 sk-child"></div>
<div class="sk-circle12 sk-child"></div>
</div>
</div>
<div id="loading-success" class="text-center loading-lay">
<div class="sk-bulat">
<img width="50" src="assets/img/spinner.gif">
<div class="loading-word">Login Anda berhasil.. Anda sedang dialihkan
ke halaman Landing Page</div>
</div>
</div>
<div style="margin-bottom:10px;text-align: center;" class="ads-darts">
<div id="leaderboard" class="adsengine" data-unit="202005220000000055"
data-type="image" data-size="REC_728_90" data-remove="1">
</div>
</div>
<nav class="navbar">

<span class="nav-logo">
<a href="#" onclick="location.reload()"><img src="assets/img/wifi-
id.png"></a>
</span>

<ul class="nav-menu">

<li class="nav-menu-item">
<a href="https://wifi-
id.speedtestcustom.com/">Speedtest</a>
</li>
<li class="nav-menu-item ">
<a href="how-use?gw_id=WAG-D5-
RKT&amp;client_mac=40:9f:38:25:e9:19&amp;wlan=PMPM100003/
TLKM_PAMEKASAN_TA:@wifi.id&amp;sessionid=WAG-D5-05202122000000e0be7a053059">Cara
Pakai</a>
</li>
<li class="nav-menu-item has-dropdown">
<a>Ind<span class="icon-dropdown"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-menu-item">
</li>
<li style="cursor: pointer;" class="dropdown-menu-item">
<a onClick="changeLanguage('indonesian');">Ind</a>
</li>
<li style="cursor: pointer;" class="dropdown-menu-item">
<a onClick="changeLanguage('english');">Eng</a>
</li>
</ul>
</li>

</ul>
</nav>

<main>
<div class="left-content">
<!-- <span id="bannerdefault"> -->
<!--<img class="banner-image mobile-hidden"
src="assets/img/main_banner.jpg">-->
<!-- <img class="banner-image mobile-hidden"
src="assets/img/tcash-500x500.jpg"> -->
<!--<img class="banner-image mobile-only"
src="assets/img/main_banner_mobile.jpg">-->
<!-- <img class="banner-image mobile-only" src="assets/img/tcash-
350x110.jpg"> -->
<!-- </span> -->
<!-- <span style="display:none;" id="bannertcash"> -->
<!-- <img class="banner-image mobile-hidden"
src="/assets/img/tcash-500x500.jpg"> -->
<!-- <img class="banner-image mobile-only"
src="/login/assets/img/tcash-350x110.jpg"> -->
<!-- </span> -->
<!-- <img class="banner-image mobile-hidden"
src="assets/img/telkomcraft-desktop.jpg">
<img class="banner-image mobile-only" src="assets/img/telkomcraft-
mobile.jpg"> -->
<div id="homebanner" class="adsengine" data-
unit="202005220000000055" data-type="image" data-size="REC_500_500" + data-
remove="1"></div>
</div>
<div class="right-content">
<a style="display: none;" class="back-btn" id="backIsWell" href="#"
onclick="location.reload()">
<img src="assets/img/back.png">
</a>
<div class="content content-form" id="wifiidLogin">
<div class="content-header">
<h3>Login wifi.id</h3>
<p id="buttonbuy">Belum punya paket? <a style="cursor:pointer;"
onclick="showButton();"><strong>Beli paket disini!</strong></a></p>
<div style="display: none;" id="showbuy">
<a class="button-md" href="package?gw_id=WAG-D5-
RKT&amp;client_mac=40:9f:38:25:e9:19&amp;wlan=PMPM100003/
TLKM_PAMEKASAN_TA:@wifi.id&amp;sessionid=WAG-D5-05202122000000e0be7a053059">Beli
via Pulsa</a>
<!--<a class="button-md" href="#">Beli via TCASH Web</a>-->
<a class="button-md" style="cursor:pointer;"
onclick="showTcashApp();">Beli via LinkAja App</a>
<a class="button-md" id="buymerchant"
style="cursor:pointer;">Beli via Merchant</a>
</div>
<div style="display: none;margin-top: 20px;" id="showmerchant">
<p style="margin-bottom: 5px;">Kunjungi merchant dibawah
ini untuk pembelian voucher.</p>
<img src="assets/img/alfamart_logo.png" width="80">
<img src="assets/img/alfamidi_logo.png" width="120">
<img src="assets/img/akulaku_logo.png" width="40">
<img src="assets/img/tokopedia_logo.png" width="80">
</div>
</div>
<form method="post" id="loginForm" class="content-main form height-
form" style="margin-top: 40px;">
<input type="hidden" name="token_wp_login"
value="c2c63a1ed5755405760f8d47d338b59e">
<input type="hidden" name="client_mac"
value="40:9f:38:25:e9:19">
<input type="hidden" name="loc_id"
value="PMPM100003">
<input type="hidden" name="sessionid" value="WAG-D5-
05202122000000e0be7a053059">
<input type="hidden" name="gw_id" value="WAG-D5-RKT">
<input type="hidden" name="regional" value="WAG-D5">
<input type="hidden" id="load_wp">
<label>
Username
<input type="text" id="username_member"
name="username_member" autocomplete="off" required placeholder="98xxx atau
xxxxx@violet">
</label>
<label>
Password
<input type="password" id="password_member"
name="password_member" autocomplete="off" required placeholder="***">
</label>
<button class="button-lg" type="submit">LOGIN</button>
</form>
<div class="content-nav">
<h4>Atau login dengan:</h4>
<div class="login-options">
<!--<a class="button-md" href="#" data-
target="indihomeLogin">IndiHome</a>-->
<a class="button-md" href="#" data-
target="komunitasLogin">Komunitas</a>
<a class="button-md" href="#" data-
target="ispoperatorLogin">ISP Operator</a>
</div>
</div>
</div>
<div class="hidden content content-form" id="indihomeLogin">
<div class="content-header">
<h3>Relogin Gadget</h3>
<p>Untuk meningkatkan kualitas layanan wifi.id seamless via
portal telah <b>ditutup</b> dan Untuk berlangganan layanan wifi.id Seamless gunakan
aplikasi MyIndihome</p>

</div>
<div class="content-main form">
<form id="ReloginSeamless" method="POST" class="form-horizontal"
role="form">
<label>
Username
<input type="text" name="username" id="username" required
placeholder="xxxxxxxxxxxx">
</label>
<label>
Password
<input type="password" name="password" id="password"
autocomplete="off" required placeholder="****">
</label>
<input type="hidden"
value="ZEgyUENwU3JpajZwbkxMSXZZTEdxRGUyMGVYSW5pSVg0V0hNVzAvRnFoSFVPcnk2Q0ZtY1JDOGNj
OTFXUGtlZkhxVUxlY2VYTjZ4L2w1Vm5hb1lGcjBpNWNFWnE5MjdLM20wR08zSU5RQkhTRkZyWmg3NXRkNll
hUXd1dTZKVXBHbGh4U3dXZXJTZ21NaFVxYjhIdTZBPT0=" id="primary_op" name="primary_op">
<input type="hidden" value="on" id="register_device"
name="register_device">
<input type="hidden" value="40:9f:38:25:e9:19" id="mac_client"
name="mac_client">
<input type="hidden" value="PMPM100003" id="loc_id"
name="loc_id">
<input type="hidden" value="WAG-D5-
05202122000000e0be7a053059" id="sessionid" name="sessionid">
<input type="hidden" value="WAG-D5-RKT" id="gw_id"
name="gw_id">
<button class="button-lg" type="submit">LOGIN</button>
</form>
</div>
<div class="content-nav">
<h4>Atau login dengan:</h4>
<div class="login-options">
<a class="button-md" href="#" data-
target="wifiidLogin">wifi.id</a>
<a class="button-md" href="#" data-
target="komunitasLogin">Komunitas</a>
<a class="button-md" href="#" data-
target="ispoperatorLogin">ISP Operator</a>
</div>
</div>
</div>
<div class="hidden content content-form" id="ispoperatorLogin">
<div class="content-header">
<h3>Login via ISP Operator</h3>
<p>Login via jaringan operator internasional</p>
</div>
<div class="content-main form">
<label>
Provider
<select id="roaming">
<option value="" disabled selected>Pilih ISP &
Roaming</option>
<option value="51">iPass</option>
<option value="52">Boingo</option>
<option value="53">Nusanet</option>
<!--<option value="54">HTSnet</option>-->
</select>
</label>
<button class="button-lg" onclick="return Direct_roaming();"
type="submit">LANJUTKAN</button>
</div>
<div class="content-nav">
<h4>Atau login dengan:</h4>
<div class="login-options">
<!--<a class="button-md" href="#" data-
target="indihomeLogin">IndiHome</a>-->
<a class="button-md" href="#" data-
target="komunitasLogin">Komunitas</a>
<a class="button-md" href="#" data-
target="wifiidLogin">wifi.id</a>
</div>
</div>
</div>
<div class="hidden content content-form" id="komunitasLogin">
<div class="content-header">
<h3>Login via Komunitas</h3>
<p>Pilih komunitasmu</p>
</div>
<div class="content-main form">
<label>
Komunitas
<select name="list_kom" id="list_kom"
onchange="fun_komunitas(this);" class="select-kotak">
<option value="" disabled selected>Pilih
Komunitas</option>
<option value="41">Star Wifi</option>
<option value="42">Voucher Gift</option>
<option value="43">Grosir dan UKM</option>
<option value="44">Smart Bisnis</option>
<option value="45">Kampus</option>
<option value="46">Rumah Sakit</option>
<option value="47">Internetku</option>
<!--<option value="48">Itravel Guard</option>-->
<option value="49">SSO</option>
</select>
</label>
<div class="hidden" id="kom_all_kom">
<label>
Username
<input type="text" id="username_komunitas" name="usernamex"
placeholder="xxxxxxxxxx">
</label>
<label>
Password
<input class="has-option" type="password"
id="password_komunitas" name="password" placeholder="****" autocomplete="off">
<button class="button-lg" onclick="return
login_komunitas();" type="submit">LOGIN</button>
</div>
<span class="hidden" id="kom_itravel_guard"><button
class="button-lg" onclick="return Direct_itravel();"
type="submit">LANJUTKAN</button></span>
<span class="hidden" id="start_wifi"><a href="#"
onclick="kom_start_change('token_wp_login','c2c63a1ed5755405760f8d47d338b59e');"><s
trong>Ganti password</strong></a></span>
</label>
</div>
<div class="content-nav">
<h4>Atau login dengan:</h4>
<div class="login-options">
<!--<a class="button-md" href="#" data-
target="indihomeLogin">IndiHome</a>-->
<a class="button-md" href="#" data-
target="wifiidLogin">wifi.id</a>
<a class="button-md" href="#" data-
target="ispoperatorLogin">ISP Operator</a>
</div>
</div>
</div>
<div class="hidden content content-form" id="buyPackageLogin"
style="margin-top:25px;font-size: 10px;">
<h3>Pembayaran melalui Aplikasi LinkAja</h3>
<ol type="1" style="line-height: 13px;font-size: 12px;">
<li>Masuk ke aplikasi LinkAja</li>
<li>Pilih menu Internet di halaman dashboard</li>
<li>Pilih Wifi.id</li>
<li>Pilih denom yang akan dibeli</li>
<li> Konfirmasi PIN, dan transaksi
berhasil</li>
<li>Anda dapat melakukan pengecekan pada menu
Notifikasi atau "Riwayat Transaksi" lalu pilih menu "Selesai" dan cek user & pass
atas transaksi Wifi.id</li>
<li>Sudah terima user & pass? Klik Login di
bawah ini!</li>
</ol>
<button onclick="location.reload();" style='font-family:
"Ubuntu", sans-serif;width: 150px; padding: 10px 0; border-radius: 5px; font-size:
14px; letter-spacing: 0.7px; background-color: #d52830;cursor:
pointer;color:white;'>LOGIN</button><br><br>
<hr>
<b>Belum Punya aplikasi LinkAja?</b>
<p>Kamu dapat install aplikasi melalui AppStore atau
GooglePlay</p>
<b>Belum Punya Akun LinkAja?</b>
<ul style="line-height: 13px;">
<li>Untuk pengguna Telkomsel, registrasi dengan cara akses
*800*88*6-digit-PIN#</li>
<li>Untuk pengguna Operator lain, registrasi melalui
aplikasi LinkAja</li>
</ul>
<b>Belum Punya Saldo LinkAja?</b>
<p>Kamu dapat top-up saldo melalui channel Bank Mandiri, BRI,
BNI dan BTN (ATM, internet banking, & Mobile Banking) atau menggunakan fitur
transfer bank dengan kode bank tujuan 911 + (nomor telepon). Kamu juga bisa ke mini
market dan GraPARI terdekat.</p>
<!-- <div style="margin-top:70px;" class="content-nav">
<h4>Atau login dengan:</h4>
<div class="login-options">
<a class="button-md" href="#" data-
target="indihomeLogin">IndiHome</a>
<a class="button-md" href="#" data-
target="wifiidLogin">wifi.id</a>
<a class="button-md" href="#" data-
target="ispoperatorLogin">ISP Operator</a>
</div>
</div> -->
</div>
</div>
</main>

<!-- <a href="#" style="border-top-right-radius: 5px; border-top-left-radius:


5px;" id="chat-container-show">Chat With Us</a>
<div id="chat-container" style="width: 350px!important; border-top-right-
radius: 5px; border-top-left-radius: 5px;">
<a style="border-top-right-radius: 5px; border-top-left-radius: 5px;"
href="#" id="chat-container-hide">Selamat Datang Di Layanan Telkom wifi.id</a>
<iframe
src="https://interacton4.infomedia.co.id:3007/plugin/webchat/213bge7r087d1"
width="100%" height="230%" frameborder="0" scrolling="yes"></iframe>
</div> -->
<div style="position: fixed;bottom:20px;right: 0;">
<div class="floated-chat-btn" style="bottom: 10px;top: auto !
important;display: flex;">
<a href="chat?gw_id=WAG-D5-
RKT&amp;client_mac=40:9f:38:25:e9:19&amp;wlan=PMPM100003/
TLKM_PAMEKASAN_TA:@wifi.id&amp;sessionid=WAG-D5-05202122000000e0be7a053059"><img
src="https://interacton4.infomedia.co.id:3007/plugin/client/statics/assets/images/
chat2.png" width="32px;"></a>
</div>
<!-- <iframe
src="https://interacton4.infomedia.co.id:3007/plugin/webchat/213bge7r087d1"
frameborder="0" style="height:450px;width:320px;"></iframe> -->
</div>

<div id="writelog"></div>
</body>
<style>
.floated-chat-btn {
z-index: 100;
position: fixed;
/* bottom: 10px; */
top: 5px;
right: 10px;
background: red;
-webkit-box-shadow: 0 2px 20px 0 rgba(255, 48, 48, 0.693);
box-shadow: 0 2px 20px 0 rgba(255, 48, 48,0.75);
border-radius: 75px;
color: #fff;
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
font-size: 1.08rem;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
height: 30px;
width: 30px;
}
</style>
<script type="text/javascript">
var lnd = 'https://lp.wifi.id/?
aDZDWlNNd29VclNDUXRIdDhqcVlldEk5VVpqcS9pb25IT1RscW1zRjNMODE5TjVCTjVtdjVIajBTbVpjd1c
3aXhsQU9sZW1BYmdBckhnUFl4Y1V3TTdCYzUrNVppcElKNXdhc0tRNkxabjg5VVZXOFpBcHdibDhLeS9Bd3
RyeTdEYmdXMDc4djNyRWZLWWcyWjk5MEZJOUJqMU1zQURMamtjOGFXRmVFa1E4PQ==';
var uri = window.location.search;
var load_time = '0.1179'*10000;
var urlx = 'https://welcome2.wifi.id/authnew/login/check_login.php?
ipc=10.208.80.192&gw_id=WAG-D5-
RKT&mac=40:9f:38:25:e9:19&redirect=&wlan=PMPM100003/
TLKM_PAMEKASAN_TA:@wifi.id&load_wp='+load_time;
var url_unej = 'https%3A%2F%2Fsso.unej.ac.id%2Fcas%2Flogin%3Fservice
%3Dhttp%3A%2F%2Fweb.unej.ac.id%2Fwp-login.php%3F%26username%3D%27%2Busername%2B
%27%26password%3D%27%2Bpassword%2B%27%26auto%3Dtrue';
var client_mac = '40:9f:38:25:e9:19';
var loc_id = 'PMPM100003';
var sessionid = 'WAG-D5-05202122000000e0be7a053059';
var gw_id = 'WAG-D5-RKT';
var randomtoken = 'l/dwzY0FCFAn5M1nI8i9Bveqb6293y8hz0N3kQZnikI=';
var cookFf = '';
var uax = 'MDlMMGZPZjduYkREL2I1MGpwckg5QT09';
var writeurl = 'https://welcome2.wifi.id/writelog/wifidefault';
var sce = 'https://welcome2.wifi.id/login/posttoken';
var scd =
'https://welcome2.wifi.id/wifi.id-new/default/spin/Auth_nagoya.php';
var cbd =
'https://welcome2.wifi.id/wifi.id-new/default/spin/Auth22_nagoya.php';
var cldg =
'https://welcome2.wifi.id/wifi.id-new/default/spin/Auth_3nagoya.php';
var cldx = 'https://welcome2.wifi.id/login/language';

var query = window.location.href.slice(window.location.href.indexOf('?') +


1);
// $(document).ready( function() {
// $("#writelog").load(writeurl+"?"+query);
// });

function showButton() {
$("#buttonbuy").hide();
$("#showbuy").show();
}

function showTcashApp() {
$("#backIsWell").show();
$("#wifiidLogin").hide();
$("#bannerdefault").hide();
$("#buyPackageLogin").show();
$("#bannertcash").show();
}

$("#buymerchant").click(function () {
$("#backIsWell").show();
$("#showmerchant").show();
$("#showbuy").hide();
$(".height-form").css("margin-top",'60px');
$(".height-form").css("height",'230px');
});
</script>
<script type="text/javascript">
var num = Math.floor(Math.random() * 2);
var image =
["assets/img/wifiid/9608219a71c330446691f13c7c343e0e.jpg","assets/img/wifiid/
63b96ee0dcba768a345e19d4af485359.jpg"];
var imagesMobile =
["assets/img/wifiid/9608219a71c330446691f13c7c343e0e.jpg","assets/img/wifiid/
63b96ee0dcba768a345e19d4af485359.jpg"];
function getRandomImage() {
var img = image[num];
}

function getRandomImageMobile() {
var img = imagesMobile[num];
}

var ads = new AdsEngine({


publisher_id: "pub-20200522000068",
key: "r0Vi63qyFcaFiFhSDKcxO30Yat7sJ8FZcEqG4zgU"
});

$(function () {
ads.convertAP('wlan', function (status, data) {
console.log(status, data);

/* const params = new URLSearchParams(window.location.search);


$("#leaderboard").attr("data-components", `{'ssid':'$
{params.get('wlan')}'}`);
$("#leaderboard").attr("data-filter", `{'ssid':'$
{params.get('wlan')}'}`);
$("#homebanner").attr("data-components", `{'ssid':'$
{params.get('wlan')}'}`);
$("#homebanner").attr("data-filter", `{'ssid':'$
{params.get('wlan')}'}`);
if (params.get('wlan') !== null) {
$('.adsengine').data('filter', {
ssid: params.get('wlan')
});
} */
ads.getAds("202005220000000055", AdsEngine.IMAGE, AdsEngine.IMG_728_90, data,
function ($ads) {
if ($ads) {
ads.bindAds('#leaderboard', $ads);
} else {
$('#leaderboard').html("<h1></h1>");
}
});

ads.getAds("202005220000000055", AdsEngine.IMAGE, AdsEngine.IMG_500_500, data,


function ($ads) {
if ($ads) {
ads.bindAds('#homebanner', $ads);
} else {
var img = image[num];
$('#homebanner').html(`<img class="banner-image mobile-
hidden" width="500" src="${img}">`)
}
});
});
});
</script>
</html>

You might also like