Scribd
Upload
62 views4 pages

Log

This document is an HTML page notifying a user that their internet data quota has been exceeded and providing options to check their quota, purchase data packages, get bonuses, and view promotions. It includes links to redirect the user to an AxisNet application for these actions, and uses JavaScript and CSS for styling, layout, and tracking user interactions.

Uploaded by

Ramadan Rama
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
62 views4 pages

Log

This document is an HTML page notifying a user that their internet data quota has been exceeded and providing options to check their quota, purchase data packages, get bonuses, and view promotions. It includes links to redirect the user to an AxisNet application for these actions, and uses JavaScript and CSS for styling, layout, and tracking user interactions.

Uploaded by

Ramadan Rama
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/ 4

20210321T172020 : <!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Axis</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),
m=s.getElementsByTagName(o)
[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})
(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-76305092-1', 'auto');


ga('send', 'pageview');
</script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"
type="text/javascript"></script>
<script src="js/slick.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).on('ready', function() {
var height = $(window).height();
var width = $(window).width();
if (height >= 600 && width < 600){$(".footer").addClass("bottom");}else{$
(".footer").removeClass("bottom");}
$('.slide').slick({
dots: false,
infinite: false,
speed: 300,
slidesToShow: 1,
centerMode: false,
variableWidth: true,
responsive: [

{
breakpoint: 600,
settings: {
infinite: true,
slidesToShow: 2,
variableWidth: false,
}
}
]
});
});
var resizeTimer;

$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
var height = $(window).height();
var width = $(window).width();
if (height >= 600 && width < 600){$(".footer").addClass("bottom");}else{$
(".footer").removeClass("bottom");}
}, 250);
});
function eventTracking(category, action, label){
ga('send', 'event', {
'eventCategory': category,
'eventAction': action,
'eventLabel': label
});
}
$(document).on('click', '.event-track', function(event) {
var category = $(this).attr('data-category');
var action = $(this).attr('data-action');
var label = $(this).attr('data-label');

eventTracking(category, action, label);


});
</script>
<link href="css/style.css?v=2" rel="stylesheet">
</head>
<body id="page-top">
<section class="bg-content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="logo">
<img src="img/logo.png" />
</div>
<div class="textbox">
<div class="message_one">Hai, AXISers!<br />Kuota internet
kamu sudah habis</div>
<div class="message_two">
Beli paket internet kamu di aplikasi AXISNET dan
dapetin banyak promo menarik lainnya setiap hari khusus buat kamu
</div>
<div class="paketlainnya">
<a target="_blank" class="event-track" data-
category="Kuota Exceed - (Cek Kuota)" data-action="Click" data-label="Cek Kuota"
href="https://my.axisnet.id/dl/k/detail">CEK KUOTA</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="opsi">
<ul>
<li>
<div class="opsi-item">
<a target="_blank" data-category="Kuota Exceed
- (Beli Paket)" data-action="Click" data-label="Beli Paket"
href="https://my.axisnet.id/dl/k/paket">
<div class="opsi-item-title">BELI
PAKET</div>
</a>
</div>
</li>
<li>
<div class="opsi-item">
<a target="_blank"
href="https://my.axisnet.id/dl/k/loyaltri" data-category="Kuota Exceed - (Bonus)"
data-action="Click" data-label="Bonus">
<div class="opsi-item-title">BONUS</div>
</a>
</div>
</li>
<!-- <li>

<div class="opsi-item">
<a target="_blank"
href="https://my.axisnet.id/dl/k/home" data-category="Kuota Exceed - (Unlock
Pulsa)" data-action="Click" data-label="Unlock Pulsa">
<div class="opsi-item-title">UNLOCK
PULSA</div>
</a>
</div>
</li>-->
</ul>
</div>
</div>
</div> </li>
<div class="row infopromo">
<div class="info-promo">
<div class="keterangan">
<div class="header-info-promo">INFO &amp;<br
/>PROMO</div>
<div class="isi-info-promo">Temukan Informasi dan<br
/>Penawaran Terbaik untuk kamu</div>
</div>
</div>
<div class="container-slide-info-promo">
<div class="slide-info-promo">
<div class="slide">
<div class="effect2"><a href="" data-category="Kuota Exceed
- (Promo 1)" data-action="Click" data-label="Promo 1"><img class="effect2"
src="img/promo1.png" /></a></div>
<div class="effect2"><a href="" data-category="Kuota Exceed
- (Promo 2)" data-action="Click" data-label="Promo 2"><img class="effect2"
src="img/promo1.png" /></a></div>
<div class="effect2"><a href="" data-category="Kuota Exceed
- (Promo 3)" data-action="Click" data-label="Promo 3"><img class="effect2"
src="img/promo1.png" /></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div>Copyright &copy; 2017 PT XL Axiata Tbk.</div>
</div>
</section>

</body>
</html>

You might also like