October 28, 2020 at 9:36:50 PM UTC
VERIFY
Websites
Runtime: 7s
On October 28, 2020 at 9:36:50 PM UTC, http://www.airteltanzania.com was accessible when tested on AS37133 in Tanzania.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
127.0.0.2
Query:
IN A www.airteltanzania.com
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
A
172.67.178.213
AS13335 (Cloudflare, Inc.)
@
IN
A
104.18.43.179
AS13335 (Cloudflare, Inc.)
@
IN
A
104.18.42.179
AS13335 (Cloudflare, Inc.)
Query:
IN AAAA www.airteltanzania.com
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
AAAA
2606:4700:3033::ac43:b2d5
AS13335 (Cloudflare, Inc.)
@
IN
AAAA
2606:4700:3033::6812:2ab3
AS13335 (Cloudflare, Inc.)
@
IN
AAAA
2606:4700:3034::6812:2bb3
AS13335 (Cloudflare, Inc.)
TCP Connections
104.18.42.179:80: succeeded
2606:4700:3033::6812:2ab3:80: failed (unknown_failure: dial tcp [scrubbed]: connect: network is unreachable)
172.67.178.213:80: succeeded
2606:4700:3033::ac43:b2d5:80: failed (unknown_failure: dial tcp [scrubbed]: connect: network is unreachable)
104.18.43.179:80: succeeded
2606:4700:3034::6812:2bb3:80: failed (unknown_failure: dial tcp [scrubbed]: connect: network is unreachable)
HTTP Requests
URL
GET https://airtel.co.tz
Response Headers
Accept-Ranges:bytesAccess-Control-Allow-Methods:POST, GETAllow:POST, GETCache-Control:no-cacheContent-Length:65962Content-Type:text/html; charset=UTF-8Date:Wed, 28 Oct 2020 21:36:58 GMTExpires:Fri, 27 Nov 2020 21:36:58 GMTLast-Modified:Fri, 24 Jul 2020 11:59:50 GMTServer:ApacheStrict-Transport-Security:max-age=31536000; includeSubDomains; preload;X-Frame-Options:SAMEORIGINX-Xss-Protection:1; mode=block
Response Body
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>Airtel: Prepaid | Postpaid | 4G</title>
<!-- SEO meta Tags -->
<meta name="ROBOTS" content="INDEX, FOLLOW" />
<meta content="airtel, airtel mobile, , 4G, wireless Internet, airtel money, airtel my app, mobile services" name="Keywords" />
<meta content="Tanzania’s leading provider of prepaid, postpaid mobile, Internet services & Mobile Money." name="Description"/>
<base href="/"></base>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#e40000"/>
<!-- Open Graph Data -->
<meta property="og:site_name" content="Airtel" />
<meta property="og:title" content="Tanzania’s leading provider of prepaid, postpaid mobile, Internet services & Mobile Money.">
<meta property="og:type" content="company">
<meta property="og:description" content="Tanzania’s leading provider of prepaid, postpaid mobile, Internet services & Mobile Money." />
<meta property=og:image content=http://www.airtel.in/assets/images/airtel-logo.png />
<link rel="stylesheet" href="assets/css/airtel.css?version=1595591930218" />
<!-- <link rel="stylesheet" type="text/css" href="assets/css/airtel-standardization.css?version=1515670975123"> -->
<script rel="stylesheet" type="text/javascript" src='app/libs/edited/jsencrypt.min.js'></script>
<script type="text/javascript" src="/cwpconf/apiUrls.js"></script>
<script src="app/opco/common/header/headerData.js"></script>
</head>
<body>
<!-- Google Tag Manager -->
<!-- End Google Tag Manager (noscript) -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="gtag.js?id=UA-158592042-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158592042-1');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WVBQ9F5');</script>
<!-- End Google Tag Manager -->
<main>
<div class="content-wrap">
<!--Header-->
<!--Header Start-->
<header class="m-menu megaMenus">
<nav id="airtelMegaMenu" class="navbar navbar-default dropdown">
<div class="top-strip">
<div class="container-fluid text-right top-smal-menu">
<div id="top-smal-menu">
<!-- <a target="_self" class="text-uppercase" data-i18n="personal" module-id="common"></a> -->
<!-- <a class="text-uppercase" target="_self" data-i18n="investors" module-id="common" href="/"></a> -->
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="/">PERSONAL</a>
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="broadband">BROADBAND</a>
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="business">BUSINESS</a>
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="airtel_money">Airtel Money</a>
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="home/aboutus">ABOUT US</a>
<a target="_self" class="text-uppercase" data-i18n="investors" module-id="common" href="career">CAREER</a>
</div>
<div class="lang-block"><select id="lang-select"><option value="en">EN</option><option value="sw">SW</option></select></div>
</div>
</div>
<div class="container-fluid large-menu main-menu">
<div class="navbar-header">
<a class="navbar-brand cursorLink" crossorigin="anonymous" target="_self" href="/"><img alt="airtel_logo" src="assets/images/airtel-logo.png">
</a>
</div>
<div class="pull-right nav-icon-navbaar">
<a href="javascript:void(0);" class="icon-outlined-cross mobile-nav-trigger" style="z-index:9"></a>
</div>
<div class="main-nav-center">
<ul class="nav navbar-nav main-nav en-header">
<li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="pay" href="javascript:void(0);" module-id="common" target="_self">
Pay & Recharge
</a>
</li>
<!-- <li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="phone" href="javascript:void(0);" module-id="common" target="_self">
Pay And Recharge
</a>
</li> -->
<li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="get" href="javascript:void(0);" module-id="common" target="_self">
Product
</a>
</li>
<li>
<a class="mega-menu-link" data-mega-menu="bank" href="javascript:void(0);" module-id="common" target="_self">
Store Finder
</a>
</li>
<li>
<a data-i18n="airtel_money" href="airtel_money" module-id="common" target="_self">
Airtel Money
</a>
</li>
<li>
<a data-i18n="gethelp" href="gethelp" module-id="common" target="_self">
Get Help
</a>
</li>
<li>
<a style="color: red !important;" data-i18n="gethelp" href="covid-19" module-id="common" target="_self">
Covid-19
</a>
</li>
</ul>
<ul class="nav navbar-nav main-nav sw-header" style="display: none;">
<li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="pay" href="javascript:void(0);" module-id="common" target="_self">
Lipa & Ongeza Salio
</a>
</li>
<!-- <li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="phone" href="javascript:void(0);" module-id="common" target="_self">
Pay And Recharge
</a>
</li> -->
<li>
<a class="mega-menu-link" data-i18n="buy" data-mega-menu="get" href="javascript:void(0);" module-id="common" target="_self">
Huduma
</a>
</li>
<li>
<a class="mega-menu-link" data-mega-menu="bank" href="javascript:void(0);" module-id="common" target="_self">
Tafuta Duka
</a>
</li>
<li>
<a data-i18n="airtel_money" href="airtel_money" module-id="common" target="_self">
Airtel Money
</a>
</li>
<li>
<a data-i18n="gethelp" href="gethelp" module-id="common" target="_self">
Pata msaada
</a>
</li>
<li>
<a style="color: red !important;" data-i18n="gethelp" href="covid-19" module-id="common" target="_self">
Covid-19
</a>
</li>
</ul>
</div>
</div>
<div class="m-mobile-menu" id="voice-data">
</div>
</nav>
</header>
<style type="text/css">
.top-smal-menu{
display: flex;
justify-content: flex-end;
}
.lang-block{
margin-left: 15px;
}
.lang-block select{
outline: 0;
border: none;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
-ms-appearance: auto !important;
-o-appearance: auto !important;
appearance: auto !important;
}
#lang-select{
font-size: 12px;
}
.m-hide{ display: none; }
.top-smal-menu a:first-child{
pointer-events: auto !important;
}
.top-smal-menu a:last-child{
pointer-events: none !important;
}
@media(max-width: 767px){
.m-hide{ display: block; }
}
@media(min-width: 768px) and (max-width: 1024px){
.m-hide{ display: block; }
}
@media (min-width: 1199px){
header .navbar-nav.main-nav a {
/* margin: 0px 16px !important; */
margin: 0 25px !important;
}
}
</style>
<!--Header End-->
<!-- body content -->
<style type="text/css">
.mega-dropdown-menu .font-light{
font-size: 11px;
}
.megaMenus a{
color: #000 !important;
}
.megaMenus a:hover{
color: #e40000 !important;
}
.megaMenus .link-active > a{
color: #e40000 !important;
}
.megaMenus div .header-title-color {
color: #000;
}
.mega-dropdown-menu>ul li.link-active>a, .mega-dropdown-menu>ul li a:hover{
cursor: auto !important;
}
@media (max-width: 992px) {
.text-right.top-smal-menu{
-webkit-bottom: 0 !important;
-moz-bottom: 0 !important;
bottom: 0 !important;
-webkit-background: #eee !important;
-moz-background: #eee !important;
background: #eee !important;
}
.main-nav-center{
margin-top: 60px !important;
padding-top: 15px !important;
}
.container-fluid.large-menu{
margin-bottom: 0px;
padding-bottom: 8px;
/*background: #eee;*/
}
header .navbar-nav.main-nav{
margin-top: 0px;
}
.homepage-section{
height: 300px;
}
}
a>img
{
cursor:default;
}
a.cursorLink>img{
cursor:pointer !important;
}
.banner h1.fs-55{
font-size:55px;
}
</style>
<!-- body content -->
<style>
/* Manish Singh */
.msp-block{display: block;}
.m-ls{letter-spacing: -.4px;}
.m-lh-normal{
line-height: normal;
}
.m-lh-55{
line-height: 55px;
}
.m-lh-65{
line-height: 65px;
}
.m-lh-45{
line-height: 45px;
}
.m-lh-40{
line-height: 40px;
}
.m-fs-22{ font-size: 22px; }
.m-lh-30{ line-height: 30px; }
.m-fs-55{
font-size: 55px;
}
.m-fs-35{
font-size: 35px;
}
.m-fs-40{
font-size: 40px;
}
.m-fs-25{
font-size: 25px;
}
.m-fs-28{
font-size: 28px;
}
.m-fs-40{
font-size: 40px;
}
.m-banner-box{
width: 100%;
}
.m-banner-box section{ padding:0 !important; }
.m-bannerimg-box img{
height: auto;
min-height: 100%;
}
.m-banner-box section.banner article{
min-height: 100%;
}
.pd-left-5{ padding-left: 5px; }
/*==== Home-icon===*/
.hicon-fs-80{
font-size: 80px;
}
.home-thumb-link-section1 .mkgb-gethelp-webportalicons-07{
transition: .3s;
}
.home-thumb-link-section1 a:hover .mkgb-gethelp-webportalicons-07{
transform: scale(1.3) !important;
}
.m-wt-55{ width: 55%; }
.m-wt-45{ width: 45%; }
.m-home-icon-row a i{ vertical-align: super; }
.red-block{ padding-left: 95px; padding-right: 20px; }
.pd-t-30{ padding-top: 30px;}
.pd-t-5{ padding-top: 5px; }
.pd-b-30{ padding-bottom: 30px;}
.img-responsive{ max-width: 100%; }
.h-iconfs-122{
font-size: 122px;
}
.margin-bottom-50{margin-bottom: -45px}
.ht-180{ height: 180px;}
.ht-200{ height: 200px; }
.ht-140{ height: 140px; }
.margin-right-30{margin-right: 30px}
.margin-right-40{margin-right: -40px}
.banner-row{
display: flex;
-webkit-display:flex;
-moz-display:flex;
-o-display:flex;
height: 100%;
flex-direction: row;
}
.img-as-icon{
bottom: 17%;
right: 10%;
}
.img-br-0{
bottom: 0;
right: 0;
}
.right-0{
right: 0 !important;
}
.right-10{
right: 10px !important;
}
.m-home-icon-row a p{ text-transform: uppercase; }
.right-2{ right: 2% !important; }
.right-5{ right: 5% !important; }
.right-4{ right: 4% !important; }
.img-wt-55{ max-width: 55% !important; }
.img-wt-60{ max-width: 60% !important; }
.img-wt-65{ max-width: 70% !important; }
.img-wt-70{ max-width: 70% !important; }
.img-wt-75{ max-width: 75% !important; }
.img-wt-80{ max-width: 80% !important; }
.img-wt-90{ max-width: 72% !important; }
header .navbar-nav.main-nav a{margin:0 27px !important;}
.bottom-13{
bottom: 13% !important;
}
.bottom-18{bottom: 18% !important;}
.bottom-15{bottom: 15% !important;}
.bottom-20{
bottom: 20% !important;
}
.bottom-50{
bottom: 50px !important;
}
.banner-row .m-banner-left{
height: 100%;
align-items: center;
justify-content: center;
display: flex;
-webkit-display:flex;
-moz-display:flex;
-o-display:flex;
-ms-display: flex;
padding: 0px 0 50px;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.banner-row .m-banner-left a{
padding-top: 35px;
text-align: left;
width: 100%;
}
.m-page-content-box{
width: 100%;
float: left;
position: relative;
}
.m-page-content-box section:before{
clear: both;
content: "";
display: block;
}
.m-page-content-box section:after{
clear: both;
content: "";
display: block;
}
.m-bannerimg-box img{
max-width: 80% !important;
float: right;
}
.m-page-content-box .m-flex-block{
padding: 0;
}
.m-wt-50{
width: 50%;
float: left;
}
.m-bg-gray{
background: #f6f6f6;
}
.m-home-block-content{
position: relative;
}
.m-home-block-content h4{
position: absolute;
}
section.m-flex-use{
padding-bottom: 0 !important;
padding-top: 30px !important;
}
.sec-min-300{ min-height: 300px !important; }
.m-home-block-content .container-col-6{
width: 575px;
max-height: 100%;
min-height: 300px;
overflow: hidden;
right: auto;
}
.m-twitter-sec .tweeter-section{
background: #FBFBFB !important;
}
.m-home-block-content .m-custom-wt-85{
width: 85%;
}
.m-home-block-content .white-block-link{
bottom: 22%;
}
.m-home-block-content .m-home-block-img{
max-width: 70%;
position: absolute;
}
.m-home-block-content .m-home-block-img img{
float: right;
}
.m-home-block-content .m-home-block-icon{
position: absolute;
right: 10%;
bottom: 20%;
}
.right-side-icon{
right: 0 !important;
}
.m-home-block-content .m-home-block-svg{
position: absolute;
right: -25px;
bottom: 40px;
}
.m-svg-pos1{
right: -10px;
bottom: 15%;
}
.m-svg-pos2{
right: 0;
bottom: 15%;
}
.m-home-block-content a{
position: absolute;
}
.m-home-block-content .img-box-link{
bottom: 18%;
}
.m-home-block-content .svg-link{
position: absolute;
bottom: 18%;
}
.m-home-block-content .icon-link{
bottom: 0px;
}
.m-home-block-content .img-link{
bottom: 72px;
}
.m-flex-use .m-home-block-img .flex-img{
position: relative !important;
}
.m-twitter-sec section.tweeter-section{
padding: 40px 0 !important;
}
@media(max-width: 600px){
/* General CSS */
.m-fs-35{ font-size: 30px;}
.m-fs-40{ font-size: 20px;}
.m-fs-55{ font-size: 40px;}
.m-fs-25{ font-size: 30px;}
.m-lh-40{ line-height: 35px; }
.m-fs-28{ font-size: 28px !important; }
.m-fs-28{ font-size: 20px !important; line-height: 28px;}
.pd-left-5{padding-left: 5px !important; }
.ht-180{ height: 135px;}
.ht-200{ height: 200px; }
.margin-right-30{margin-right: 0px}
.margin-right-40{margin-right: 0px}
.margin-bottom-50{margin-bottom: -50px}
.img-wt-60{ max-width: 45%; }
.h-iconfs-122{ font-size: 95px; }
.m-wt-55{ width: 100%; }
.m-wt-45{ width: 100%; }
.img-wt-90{ max-width: 80% !important; }
.tweets-section #positive_mention_content{
line-height: 24px;
}
.m-home-block-content .link{ max-width: 150px; }
.right-4{ right: 20px !important; }
.right-0{ right: 10px !important; }
.m-bg-gray{background: #ffffff;}
.m-bg-res-gray{background: #f6f6f6;}
.m-home-block-content .m-home-block-icon{ bottom: 22%; }
.banner-title .m-lh-55{ line-height: 28px;}
.banner-title span:first-child{
padding-bottom: 5px;
}
.m-home-block-content .m-custom-wt-85{
width: 100%;
padding-right: 20px;
}
.m-home-block-content .container-col-6{
padding-left: 15px !important;
}
.banner-title .m-lh-65{ line-height: 40px;}
.banner-row{display: block; }
.m-bannerimg-box img{
height: auto;
max-width: 100% !important;
float: none;
}
.m-below-banner .home-thumb-link-section1 a p{
font-size: 12px;
line-height: 18px;
width: 100%;
margin: 0 auto;
}
.img-wt-60{
max-width: 45% !important;
}
.m-res-fs-55{
font-size: 55px !important;
}
.hicon-fs-80{
font-size: 50px;
}
.hicon-fs-90{
font-size: 90px !important;
}
.m-banner-box .banner article img{
height: auto;
}
.banner-row .m-banner-left{
padding: 0px 0 20px;
}
.banner-row{ padding:20px 0 0 !important; flex-direction: column !important; -moz-flex-direction: column; -ms-flex-direction:column; -webkit-flex-direction:column;}
.banner-row .m-banner-left a{ position: relative; bottom: auto; }
.m-home-block-content .container-col-6{
width: 100%;
min-height: 250px;
max-height: 100%;
}
.sec-min-300{ min-height: 250px !important; }
.img-wt-55{ max-width: 65% !important; }
.m-home-block-content .m-home-block-icon{
right: 15px;
}
.img-as-icon{
right: 15px;
}
.img-br-0{
right: 10px;
}
}
@media(min-width: 601px) and (max-width: 767px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
width: 100%;
}
.m-bannerimg-box img{
height: auto;
}
.m-banner-box .banner article img{
height: 100%;
max-height: 100%;
}
.banner-row{ padding:20px 0 0 !important; flex-direction: column;}
.banner-row .m-banner-left{
padding: 20px 0;
}
}
@media(max-width: 676px){
.i-bottom{
padding-bottom: 20px
}
.i-width{
width: 200px
}
}
/*banner css start - remmove this after put globally*/
.banner-text-center{
text-align: left;
}
.display-block{
display: block;
}
.line-height{
line-height: 1;
}
.image-section{
max-width: 380px;
margin: 0 auto;
padding-top: 0px;
}
.fs-55-size{
font-size: 55px;
}
.fs-40-size{
font-size: 40px;
line-height: 1.2;
}
.image-section > img{
width: 100%;
}
.top-80{
top: 30px;
}
@media (max-width :480px) {
.fs-55-size{
font-size: 30px !important;
}
.fs-40-size{
font-size: 25px !important;
}
}
@media (max-width :767px) {
.fs-55-size{
font-size: 40px;
}
.fs-40-size{
font-size: 35px;
}
.banner-text-center{
text-align: center;
}
.top-80{
margin-top: -80px;
}
}
@media (min-width :768px) and (max-width :860px) {
.fs-55-size{
font-size: 40px;
}
.fs-40-size{
font-size: 35px;
}
}
.top-smal-menu{
display: flex;
justify-content: flex-end;
}
.lang-block{
margin-left: 15px;
}
.lang-block select{
outline: 0;
border: none;
}
#lang-select{
font-size: 12px;
}
</style>
<!-- Body content-->
<!-- Banner Generic-->
<!-- <div class="m-banner-box">
<section class="banner airtel-app bg-white home-banner airtelwow animated overflow-hidden">
<article>
<div class="banner-row">
<div class="m-wt-55 pd-l-0">
<div class="m-banner-left animate-first">
<h1 class="banner-title">
<span class="msp-block m-fs-55 color-red m-lh-65">AIRTEL KWENDA AIRTEL HAINA MAKATO</span>
<span class="msp-block m-fs-40 m-lh-55">Piga *150*60#</span>
</h1>
<a class="link" href="internetservice/databundle">KNOW MORE<i class="icon-outlined-link-right-arrow" style="color:#e40001"></i></a>
</div>
</div>
<div class="m-wt-45">
<div class="m-bannerimg-box">
<img src="assets/images/Free-P2P_.png" data-src="assets/images/Free-P2P_.png" class="img-responsive" alt="Gabon Airtel">
</div>
</div>
</div>
</article>
</section>
</div> -->
<div id="home-page-content">
<section class="bg-white" id="bg-white-dy" style="min-height:420px;">
<!-- <article>
<div class="row">
<div class="col-sm-8 top-80" style="padding-top: 30px;">
<h1 class="line-height banner-text-center">
<span class="fs-55-size color-red display-block">Yatosha Janja Lao</span>
<span class="fs-40-size color-black display-block" >Pata Data zaidi</span>
<span class="fs-40-size color-black display-block" style="margin-bottom: 50px;">Piga *149*99#</span>
</h1>
</div>
<div class="col-sm-4">
<div class="image-section">
<img src="assets/images/opco/Home-page-new.png" data-src="assets/images/opco/Home-page-new.png" alt="banner-image" class="i-bottom">
</div>
</div>
</div>
<a class="link" href="internetservice/databundle">KNOW MORE<i class="icon-outlined-link-right-arrow" style="color:#e40001"></i></a>
</article> -->
</section>
<!-- Home-Page Below Banner-->
<div class="m-below-banner" style="min-height:150px;">
<div class="airtelwow animated">
<section class="bg-gray-light home-thumb-link-section1 animate-first" style='padding-top:10px;padding-bottom:6px'>
<article class="text-center" id="speedDial-dy">
<!-- <div class="m-home-icon-row ">
<a target="_self" href="airtel_money">
<i class="hicon-fs-80 iconTZ-webportalicons-10"></i>
<p style="color:#e40000;">Airtel Money</p>
</a>
<a target="_self" href="payment/data_bundle">
<i class="hicon-fs-80 icon-outlined-broadband"></i>
<p style="color:#e40000;">Data Bundle</p>
</a>
<a href="local-call-plans">
<i class="hicon-fs-80 icon-outlined-wifi2 m-res-fs-55"></i>
<p style="color:#e40000;">Voice Bundle</p>
</a>
<a target="_self" href="callback">
<i class="hicon-fs-80 icon-outlined-customer-support"></i>
<p style="color:#e40000;">Help Desk</p>
</a> -->
<!--<a target="_self" href="payment/postpaid"> <i class="hicon-fs-80 icon-outlined-bill3"></i>
<p style="color:#e40000;">PAY POSTPAID</p>
</a> -->
<!-- </div> -->
</article>
</section>
</div>
</div>
<!-- Home Section-1-->
<div class="flex-container airtelwow animated" id="home-section-1">
<!-- <section class="m-flex-use clear bg-red overflow-hidden flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85"><span class="msp-block">Yatosha Janja Lao</span> <span class="m-fs-28 msp-block">Pata Data zaidi</span></h4>
<a href="internetservice/databundle" class="link img-box-link font-size-14" target="_self">
KNOW MORE <i class="icon-outlined-link-right-arrow" style='color:#ffffff'></i>
</a>
<div class="m-home-block-img img-br-0">
<img src="assets/images/opco/pata-data-zaidi.png" alt="myPlan Postpaid" data-src="assets/images/opco/pata-data-zaidi.png" class="img-wt-55 i-height i-width ">
</div>
</div>
</div>
</section> -->
<!-- <section class="m-flex-use clear overflow-hidden flex-block bg-white bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-red">Yatosha Janja Lao</span>
<span class="m-fs-28 msp-block m-lh-40">Pata Data zaidi</span>
<span class="m-fs-28 msp-block m-lh-40">Piga*149*99#</span>
</h4>
<a href="internetservice/databundle" class="link img-box-link font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon img-br-0 right-4 bottom-20">
<img src="assets/images/opco/Home-page-new.png" data-src="assets/images/opco/Home-page-new.png" class="img-wt-55">
</div> -->
<!-- <div class="m-home-block-img img-br-0">
<img src="assets/images/pakalast-shoe-banner-image3.png" alt="myPlan Postpaid" data-src="assets/images/pakalast-shoe-banner-image3.png" class="img-wt-75">
</div> -->
<!-- </div>
</div>
</section> -->
<!-- Section with svg -->
<!-- <section class="m-flex-use clear flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="color-red">
<span class="msp-block color-red">NDUKI NDUKI</span>
<span class="m-fs-28 msp-block color-black m-lh-40">HAMIA AIRTEL 4G</span></h4>
<a href="hamia_airtel_4G" class="link svg-link font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon">
<img src="assets/images/opco/Home-page-NDUKI.png" alt="myPlan Postpaid" data-src="assets/images/opco/Home-page-NDUKI.png" class="img-wt-100 ht-180 margin-right-40">
</div>
</div>
</div>
</section> -->
<!-- <section class="m-flex-use clear flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="color-red">Give us your feedback</h4>
<a href="give_your_feedback" class="link svg-link font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon">
<img src="assets/images/opco/GiveUsfeedback.svg" alt="myPlan Postpaid" data-src="assets/images/opco/GiveUsfeedback.svg" class="img-wt-100 ht-180 margin-right-40">
</div>
</div>
</div>
</section> -->
</div>
<!-- Home Section-2-->
<div class="flex-container bg-white airtelwow animated" id="home-section-2">
<!-- <section class="m-flex-use clear overflow-hidden flex-block m-bg-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-red">Yatosha Janja Lao</span>
<span class="m-fs-28 msp-block m-lh-40">Pata Dakika zaidi</span>
<span class="m-fs-28 msp-block m-lh-40">Piga *149*99#</span>
</h4>
<a href="local-call-plans" class="link img-box-link font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon img-br-0 right-4 bottom-20">
<img src="assets/images/opco/Voice-Home-page.png" data-src="assets/images/opco/Voice-Home-page.png" class="img-wt-55">
</div> -->
<!-- <div class="m-home-block-img img-br-0">
<img src="assets/images/pakalast-shoe-banner-image3.png" alt="myPlan Postpaid" data-src="assets/images/pakalast-shoe-banner-image3.png" class="img-wt-75">
</div> -->
<!-- </div>
</div>
</section> -->
<!-- Section with icon -->
<!-- <section class="m-flex-use clear flex-block m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-purple">Pay bills with Airtel Money</span>
</h4>
<a href="airtel_money" class="link svg-link font-size-14 color-purple" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-icon color-purple right-0">
<i class="tza-home-Pay-bills h-iconfs-122 pull-right m-icon-setting sec-icon"></i>
</div>
</div>
</div>
</section> -->
<!-- <section class="m-flex-use clear flex-block m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-purple">TAMBA MITANDAO YOTE</span>
</h4>
<a href="local-call-plans" class="link svg-link font-size-14 color-purple" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-img img-as-icon right-4 bottom-20">
<img src="assets/images/opco/tambamitando.png" data-src="assets/images/opco/tambamitando.png" class="ht-180">
</div>
</div>
</div>
</section> -->
</div>
<!-- Home Section-3-->
<div class="flex-container bg-white airtelwow animated" id="home-section-3">
<!-- <section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-purple">Replace your SIM card </span>
<span class="m-fs-28 msp-block m-lh-40">at any of these Airtel outlets</span>
</h4>
<a href="sim_card_replacement" class="link img-box-link font-size-14 color-purple" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-icon color-purple right-0">
<i class="airtelmoney-am-Replace_Simcard h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>
</div>
</div>
</section> -->
<!-- Section with icon -->
<!-- <section class="m-flex-use clear flex-block m-bg-gray m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-red">Find your nearest </span>
<span class="m-fs-28 msp-block m-lh-40">Shops & Dealers</span>
</h4>
<a href="store_finder/airtel_shop" class="link svg-link font-size-14 " target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon right-4 bottom-20">
<img src="assets/images/opco/Find Nearest_Shops & Dealers.svg" data-src="assets/images/opco/Find Nearest_Shops & Dealers.svg" class="ht-140">
</div>
</div>
</div>
</section> -->
</div>
<!-- Home Twitter-sec-1-->
<div class="airtelwow animated">
<a id='twitterurl' style='color:#333' href="https://twitter.com/abou_tizniz/status/1009778928276459521" target="_blank">
<div class="m-twitter-sec">
<section class="tweeter-section animate-first">
<article class="text-center" id="positive_mention_element">
<div class="tweets-section">
<p class="font-size-24" id="positive_mention_content">“Mmetisha @airtel_tanzania nimenunua luku kwa Airtel Money dk 0 nimepata tokens”</p>
<br>
<p id="positive_mention_author">
<i class="twitter icon-filled-twitter twitter-color" style="color: #55acee"></i>Airtel Tanzania (@Airtel_TZ)
</p>
</div>
</article>
</section>
</div>
</a>
</div>
<!-- End Twitter Section-->
<!-- Home Section-4-->
<div class="flex-container bg-white airtelwow animated" id="home-section-4">
<!-- <section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default m-bg-gray">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-purple">Smart Wifi</span> -->
<!-- <span class="m-fs-28 msp-block m-lh-40">Airtel à 25000 FCFA (Mi-Fi +10Go offert valable pendant 3 mois)</span> -->
<!-- </h4>
<a href="devices1" class="link img-box-link color-purple font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-icon color-purple">
<i class="icon-outlined-modem h-iconfs-122 pull-right" ></i>
</div>
</div>
</div>
</section> -->
<!-- Section with icon -->
<!-- <section class="m-flex-use clear flex-block m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-red">My Airtel Africa App</span> -->
<!-- <span class="m-fs-28 msp-block m-lh-40">Tous nos services à portée de main</span> -->
<!-- </h4>
<a href="internetservice/airtelapp" class="link svg-link font-size-14" target="_self" title="Airtel Care App">KNOW MORE<i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-icon color-red right-0">
<i class="icon-outlined-manageairtel m-icon-setting sec-icon h-iconfs-122" ></i>
</div>
</div>
</div>
</section> -->
</div>
<!-- Home Section-5-->
<div class="flex-container bg-white airtelwow animated" id="home-section-5">
<!-- <section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default ">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5 sec-min-300">
<h4 class="m-custom-wt-85"><span class="msp-block color-red">Value Added Services</span></h4>
<a href="valueaddedservices1" class="link img-box-link font-size-14" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-icon color-red bottom-18">
<i class="icon-outlined-tunes h-iconfs-122 pull-right" class="m-icon-setting sec-icon"></i>
</div>
</div>
</div>
</section> -->
<!-- Section with icon -->
<!-- <section class="m-bg-gray m-bg-res-gray m-flex-use clear flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content sec-min-300">
<h4 class=""><span class="msp-block color-purple">Business Enterprise</h4>
<a href="business" class="link svg-link font-size-14 color-purple" target="_self">KNOW MORE <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-svg right-0">
<img src="assets/images/High-value-experience240px180px.svg" data-src="assets/images/High-value-experience240px180px.svg" class="svg-img bottom-50 ht-180 pull-right">
</div>
</div>
</div>
</section> -->
</div>
</div>
<script>
var bodyJson={
"bannerBlock":[{
"id":1,
"title":'Yatosha Janja Lao',
"subtitle":['Pata Data zaidi','Piga *149*99#'],
"image":'assets/images/opco/Home-page-new.png',
"link": "internetservice/databundle",
"linkText":"KNOW MORE",
"translatedtitle":'Yatosha Janja Lao sw',
"translatedSubtitle":['Pata Data zaidi sw','Piga *149*99# sw'],
"translatedImage":'assets/images/opco/Home-page-new.png',
"translatedlink":'internetservice/databundle',
"translatedlinkText":"KNOW MORE sw",
"className": "",
"child": []
}],
"speedDials":[
{
"id":1,
"title":'Airtel Money',
"subtitle":'',
"image":'',
"link": "airtel_money",
"translatedTitle":'Airtel Money sw',
"translatedSubtitle":'',
"translatedImage":'',
"translatedLink":'airtel_money',
"className": "hicon-fs-80 iconTZ-webportalicons-10",
"child": []
},{
"id":2,
"title":'Data Bundle',
"subtitle":'',
"image":'',
"link": "payment/data_bundle",
"translatedTitle":'Data Bundle sw',
"translatedSubtitle":'',
"translatedImage":'',
"translatedLink":'payment/data_bundle',
"className": "hicon-fs-80 icon-outlined-broadband",
"child": []
},
{
"id":3,
"title":'Voice Bundle',
"subtitle":'',
"image":'',
"link": "local-call-plans",
"translatedTitle":'Voice Bundle sw',
"translatedSubtitle":'',
"translatedImage":'',
"translatedLink":'local-call-plans',
"className": "hicon-fs-80 icon-outlined-wifi2 m-res-fs-55",
"child": []
},
{
"id":4,
"title":'Help Desk',
"subtitle":'',
"image":'',
"link": "callback",
"translatedTitle":'Help Desk sw',
"translatedSubtitle":'',
"translatedImage":'',
"translatedLink":'callback',
"className": "hicon-fs-80 icon-outlined-customer-support",
"child": []
}],
"tiles":[
{
"id":1,
"title":'Yatosha Janja Lao',
"subtitle":['Pata Data zaidi','Piga*149*99#'],
"image":'assets/images/opco/Home-page-new.png',
"linkText":'KNOW MORE',
"link":'internetservice/databundle',
"translatedTitle":'Yatosha Janja Lao sw',
"translatedSubtitle":['Pata Data zaidi sw','Piga*149*99# sw'],
"translatedImage":'assets/images/opco/Home-page-new.png',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'internetservice/databundle',
"className": "",
"child": []
},{
"id":2,
"title":'NDUKI NDUKI',
"subtitle":['HAMIA AIRTEL 4G'],
"image":'assets/images/opco/Home-page-NDUKI.png',
"linkText":'KNOW MORE',
"link":'hamia_airtel_4G',
"translatedTitle":'NDUKI NDUKI sw',
"translatedSubtitle":['HAMIA AIRTEL 4G sw'],
"translatedImage":'assets/images/opco/Home-page-NDUKI.png',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'hamia_airtel_4G',
"className": "",
"child": []
},
{
"id":3,
"title":'Yatosha Janja Lao',
"subtitle":['Pata Dakika zaidi','Piga *149*99#'],
"image":'assets/images/opco/Voice-Home-page.png',
"linkText":'KNOW MORE',
"link":'local-call-plans',
"translatedTitle":'Yatosha Janja Lao sw',
"translatedSubtitle":['Pata Dakika zaidi sw','Piga *149*99# sw'],
"translatedImage":'assets/images/opco/Voice-Home-page.png',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'local-call-plans',
"className": "",
"child": []
},
{
"id":4,
"title":'TAMBA MITANDAO YOTE',
"subtitle":[],
"image":'assets/images/opco/tambamitando.png',
"linkText":'KNOW MORE',
"link":'local-call-plans',
"translatedTitle":'TAMBA MITANDAO YOTE sw',
"translatedSubtitle":[],
"translatedImage":'assets/images/opco/tambamitando.png',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'local-call-plans',
"className": "",
"child": []
},
{
"id":5,
"title":'Replace your SIM card',
"subtitle":['at any of these Airtel outlets'],
"image":'',
"linkText":'KNOW MORE',
"link":'sim_card_replacement',
"translatedTitle":'Replace your SIM card sw',
"translatedSubtitle":['at any of these Airtel outlets sw'],
"translatedImage":'',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'sim_card_replacement',
"className": "",
"child": []
},
{
"id":6,
"title":'Find your nearest',
"subtitle":['Shops & Dealers'],
"image":'assets/images/opco/Find_Nearest_Shops_&_Dealers.svg',
"linkText":'KNOW MORE',
"link":'store_finder/airtel_shop',
"translatedTitle":'Find your nearest sw',
"translatedSubtitle":['Shops & Dealers sw'],
"translatedImage":'assets/images/opco/Find_Nearest_Shops_&_Dealers.svg',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'store_finder/airtel_shop',
"className": "",
"child": []
},
{
"id":7,
"title":'Smart Wifi',
"subtitle":[],
"image":'',
"linkText":'KNOW MORE',
"link":'devices1',
"translatedTitle":'Smart Wifi sw',
"translatedSubtitle":[],
"translatedImage":'',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'devices1',
"className": "",
"child": []
},
{
"id":8,
"title":'My Airtel Africa App',
"subtitle":[],
"image":'',
"linkText":'KNOW MORE',
"link":'internetservice/airtelapp',
"translatedTitle":'My Airtel Africa App sw',
"translatedSubtitle":[],
"translatedImage":'',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'internetservice/airtelapp',
"className": "",
"child": []
},
{
"id":9,
"title":'Value Added Services',
"subtitle":[],
"image":'',
"linkText":'KNOW MORE',
"link":'valueaddedservices1',
"translatedTitle":'Value Added Services sw',
"translatedSubtitle":[],
"translatedImage":'',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'valueaddedservices1',
"className": "",
"child": []
},
{
"id":10,
"title":'Business Enterprise',
"subtitle":[],
"image":'assets/images/High-value-experience240px180px.svg',
"linkText":'KNOW MORE',
"link":'business',
"translatedTitle":'Business Enterprise sw',
"translatedSubtitle":[],
"translatedImage":'assets/images/High-value-experience240px180px.svg',
"translatedLinkText":'KNOW MORE sw',
"translatedLink":'business',
"className": "",
"child": []
}
]
}
// console.log('bodyJson::-->>',bodyJson.bannerBlock[0].title);
function renderBanner(){
document.getElementById('bg-white-dy').innerHTML='';
var str='';
str += '<article>';
str += '<div class="row">';
str += '<div class="col-sm-8 top-80" style="padding-top: 30px;">';
str += '<h1 class="line-height banner-text-center">';
str += '<span class="fs-55-size color-red display-block">'+(lang=='en'?bodyJson.bannerBlock[0].title:bodyJson.bannerBlock[0].translatedtitle)+'</span>';
for(let i=0; i<bodyJson.bannerBlock[0].subtitle.length; i++){
str += '<span class="fs-40-size color-black display-block">'+(lang=='en'?bodyJson.bannerBlock[0].subtitle[i]:bodyJson.bannerBlock[0].translatedSubtitle[i])+'</span>';
}
str += '</h1>';
str += '</div>';
str += '<div class="col-sm-4">';
str += '<div class="image-section">';
str += '<img src='+(lang=='en'?bodyJson.bannerBlock[0].image:bodyJson.bannerBlock[0].translatedImage)+' data-src='+(lang=='en'?bodyJson.bannerBlock[0].image:bodyJson.bannerBlock[0].translatedImage)+' alt="banner-image" class="i-bottom">';
str += '</div>';
str += '</div>';
str += '</div>';
str += '<a class="link" href='+(lang=='en'?bodyJson.bannerBlock[0].link:bodyJson.bannerBlock[0].translatedlink)+'>'+(lang=='en'?bodyJson.bannerBlock[0].linkText:bodyJson.bannerBlock[0].translatedlinkText)+'<i class="icon-outlined-link-right-arrow" style="color:#e40001"></i></a>';
str += '</article>';
document.getElementById('bg-white-dy').innerHTML=str;
}
function renderSpeedDial(){
document.getElementById('speedDial-dy').innerHTML=''
var str1='';
str1 += '<div class="m-home-icon-row">';
str1 += '<a target="_self" href="'+(lang=='en'?bodyJson.speedDials[0].link:bodyJson.speedDials[0].translatedLink)+'">';
str1 += '<i class="hicon-fs-80 iconTZ-webportalicons-10"></i>';
str1 += '<p style="color:#e40000;">'+(lang=='en'?bodyJson.speedDials[0].title:bodyJson.speedDials[0].translatedTitle)+'</p>';
str1 += '</a>';
str1 += '<a target="_self" href="'+(lang=='en'?bodyJson.speedDials[1].link:bodyJson.speedDials[1].translatedLink)+'">';
str1 += '<i class="hicon-fs-80 icon-outlined-broadband"></i>';
str1 += '<p style="color:#e40000;">'+(lang=='en'?bodyJson.speedDials[1].title:bodyJson.speedDials[1].translatedTitle)+'</p>';
str1 += '</a>';
str1 += '<a href="'+(lang=='en'?bodyJson.speedDials[2].link:bodyJson.speedDials[2].translatedLink)+'">';
str1 += '<i class="hicon-fs-80 icon-outlined-wifi2 m-res-fs-55"></i>';
str1 += '<p style="color:#e40000;">'+(lang=='en'?bodyJson.speedDials[2].title:bodyJson.speedDials[2].translatedTitle)+'</p>';
str1 += '</a>';
str1 += '<a target="_self" href="'+(lang=='en'?bodyJson.speedDials[3].link:bodyJson.speedDials[3].translatedLink)+'">';
str1 += '<i class="hicon-fs-80 icon-outlined-customer-support"></i>';
str1 += '<p style="color:#e40000;">'+(lang=='en'?bodyJson.speedDials[3].title:bodyJson.speedDials[3].translatedTitle)+'</p>';
str1 += '</a>';
str1 += '</div>';
document.getElementById('speedDial-dy').innerHTML=str1;
}
function renderFirstTileSection(){
document.getElementById('home-section-1').innerHTML='';
document.getElementById('home-section-1').innerHTML=`<section class="m-flex-use clear overflow-hidden flex-block bg-white bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-red">${lang=='en'?bodyJson.tiles[0].title:bodyJson.tiles[0].translatedTitle}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[0].subtitle[0]:bodyJson.tiles[0].translatedSubtitle[0]}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[0].subtitle[1]:bodyJson.tiles[0].translatedSubtitle[1]}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[0].link:bodyJson.tiles[0].translatedLink} class="link img-box-link font-size-14" target="_self">${lang=='en'?bodyJson.tiles[0].linkText:bodyJson.tiles[0].translatedLinkText} <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
${bodyJson.tiles[0].image ?
`<div class="m-home-block-img img-as-icon img-br-0 right-4 bottom-20">
<img src=${lang=='en'?bodyJson.tiles[0].image:bodyJson.tiles[0].translatedImage} data-src=${lang=='en'?bodyJson.tiles[0].image:bodyJson.tiles[0].translatedImage} class="img-wt-55">
</div>` :
`<div class="m-home-block-icon color-red right-0">
<i class="${bodyJson.tiles[0].className} h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>`
}
</div>
</div>
</section>
<section class="m-flex-use clear flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="color-red">
<span class="msp-block color-red">${lang=='en'?bodyJson.tiles[1].title:bodyJson.tiles[1].translatedTitle}</span>
<span class="m-fs-28 msp-block color-black m-lh-40">${lang=='en'?bodyJson.tiles[1].subtitle[0]:bodyJson.tiles[1].translatedSubtitle[0]}</span></h4>
<a href=${lang=='en'?bodyJson.tiles[1].link:bodyJson.tiles[1].translatedLink} class="link svg-link font-size-14" target="_self">${lang=='en'?bodyJson.tiles[1].linkText:bodyJson.tiles[1].translatedLinkText} <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
${bodyJson.tiles[1].image ?
` <div class="m-home-block-img img-as-icon">
<img src=${lang=='en'?bodyJson.tiles[1].image:bodyJson.tiles[1].translatedImage} alt="myPlan Postpaid" data-src=${lang=='en'?bodyJson.tiles[1].image:bodyJson.tiles[1].translatedImage} class="img-wt-100 ht-180 margin-right-40">
</div>` :
` <div class="m-home-block-icon color-red right-0">
<i class="${bodyJson.tiles[1].className} h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>`
}
</div>
</div>
</section>`;
}
function renderSecondTileSection(){
document.getElementById('home-section-2').innerHTML='';
document.getElementById('home-section-2').innerHTML=`<section class="m-flex-use clear overflow-hidden flex-block m-bg-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-red">${lang=='en'?bodyJson.tiles[2].title:bodyJson.tiles[2].translatedTitle}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[2].subtitle[0]:bodyJson.tiles[2].translatedSubtitle[0]}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[2].subtitle[1]:bodyJson.tiles[2].translatedSubtitle[1]}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[2].link:bodyJson.tiles[2].translatedLink} class="link img-box-link font-size-14" target="_self">${lang=='en'?bodyJson.tiles[2].linkText:bodyJson.tiles[2].translatedLinkText} <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
${bodyJson.tiles[2].image ?
`<div class="m-home-block-img img-as-icon img-br-0 right-4 bottom-20">
<img src=${lang=='en'?bodyJson.tiles[2].image:bodyJson.tiles[2].translatedImage} data-src=${lang=='en'?bodyJson.tiles[2].image:bodyJson.tiles[2].translatedImage} class="img-wt-55">
</div>` :
` <div class="m-home-block-icon color-red right-0">
<i class="${bodyJson.tiles[2].className} h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>`}
</div>
</div>
</section>
<section class="m-flex-use clear flex-block m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-purple">${lang=='en'?bodyJson.tiles[3].title:bodyJson.tiles[3].translatedTitle}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[3].link:bodyJson.tiles[3].translatedLink} class="link svg-link font-size-14 color-purple" target="_self">${lang=='en'?bodyJson.tiles[3].linkText:bodyJson.tiles[3].translatedLinkText} <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
${bodyJson.tiles[3].image ?
`<div class="m-home-block-img img-as-icon right-4 bottom-20">
<img src=${lang=='en'?bodyJson.tiles[3].image:bodyJson.tiles[3].translatedImage} data-src=${lang=='en'?bodyJson.tiles[3].image:bodyJson.tiles[3].translatedImage} class="ht-180">
</div>`:
`<div class="m-home-block-icon color-purple right-0">
<i class="${bodyJson.tiles[3].className} h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>`
}
</div>
</div>
</section>`;
}
function renderThirdTileSection(){
// console.log('renderThirdTileSection bodyJson:->',bodyJson);
document.getElementById('home-section-3').innerHTML='';
document.getElementById('home-section-3').innerHTML=`
<section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-purple">${lang=='en'?bodyJson.tiles[4].title:bodyJson.tiles[4].translatedTitle} </span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[4].subtitle[0]:bodyJson.tiles[4].translatedSubtitle[0]}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[4].link:bodyJson.tiles[4].translatedLink} class="link img-box-link font-size-14 color-purple" target="_self">${lang=='en'?bodyJson.tiles[4].linkText:bodyJson.tiles[4].translatedLinkText} <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-icon color-purple right-0">
<i class="airtelmoney-am-Replace_Simcard h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>
</div>
</div>
</section>
<section class="m-flex-use clear flex-block m-bg-gray m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-red">${lang=='en'?bodyJson.tiles[5].title:bodyJson.tiles[5].translatedTitle} </span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[5].subtitle[0]:bodyJson.tiles[5].translatedSubtitle[0]}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[5].link:bodyJson.tiles[5].translatedLink} class="link svg-link font-size-14 " target="_self">${lang=='en'?bodyJson.tiles[5].linkText:bodyJson.tiles[5].translatedLinkText} <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-img img-as-icon right-4 bottom-20">
<img src=${lang=='en'?bodyJson.tiles[5].image:bodyJson.tiles[5].translatedImage} data-src=${lang=='en'?bodyJson.tiles[5].image:bodyJson.tiles[5].translatedImage} class="ht-140">
</div>
</div>
</div>
</section>`;
}
function renderFourthTileSection(){
document.getElementById('home-section-4').innerHTML='';
document.getElementById('home-section-4').innerHTML=`
<section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default m-bg-gray">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5">
<h4 class="m-custom-wt-85">
<span class="msp-block color-purple">${lang=='en'?bodyJson.tiles[6].title:bodyJson.tiles[6].translatedTitle}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[2].subtitle[0]:bodyJson.tiles[2].translatedSubtitle[0]}</span>
<span class="m-fs-28 msp-block m-lh-40">${lang=='en'?bodyJson.tiles[2].subtitle[1]:bodyJson.tiles[2].translatedSubtitle[1]}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[6].link:bodyJson.tiles[6].translatedLink} class="link img-box-link color-purple font-size-14" target="_self">${lang=='en'?bodyJson.tiles[6].linkText:bodyJson.tiles[6].translatedLinkText} <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
${bodyJson.tiles[6].image ?
`<div class="m-home-block-img img-as-icon right-4 bottom-20">
<img src=${lang=='en'?bodyJson.tiles[6].image:bodyJson.tiles[6].translatedImage} data-src=${lang=='en'?bodyJson.tiles[6].image:bodyJson.tiles[6].translatedImage} class="ht-180">
</div>`:
`<div class="m-home-block-icon color-purple right-0">
<i class="${bodyJson.tiles[6].className} h-iconfs-122 pull-right m-icon-setting sec-icon margin-right-30"></i>
</div>`
}
</div>
</div>
</section>
<section class="m-flex-use clear flex-block m-bg-res-gray bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content">
<h4 class="">
<span class="msp-block color-red">${lang=='en'?bodyJson.tiles[7].title:bodyJson.tiles[7].translatedTitle}</span>
</h4>
<a href=${lang=='en'?bodyJson.tiles[7].link:bodyJson.tiles[7].translatedLink} class="link svg-link font-size-14" target="_self" title="Airtel Care App">${lang=='en'?bodyJson.tiles[7].linkText:bodyJson.tiles[7].translatedLinkText}<i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-icon color-red right-0">
<i class="icon-outlined-manageairtel m-icon-setting sec-icon h-iconfs-122" ></i>
</div>
</div>
</div>
</section>
`;
}
function renderFifthTileSection(){
document.getElementById('home-section-5').innerHTML='';
document.getElementById('home-section-5').innerHTML=`
<section class="m-flex-use clear bg-white overflow-hidden flex-block bggray_hover cursor-default ">
<div class="m-home-block-content">
<div class="pull-right-sm overflow-hidden container-col-6 red-block-content pd-left-5 sec-min-300">
<h4 class="m-custom-wt-85"><span class="msp-block color-red">${lang=='en'?bodyJson.tiles[8].title:bodyJson.tiles[8].translatedTitle}</span></h4>
<a href=${lang=='en'?bodyJson.tiles[8].link:bodyJson.tiles[8].translatedLink} class="link img-box-link font-size-14" target="_self">${lang=='en'?bodyJson.tiles[8].linkText:bodyJson.tiles[8].translatedLinkText} <i class="icon-outlined-link-right-arrow color-red"></i>
</a>
<div class="m-home-block-icon color-red bottom-18">
<i class="icon-outlined-tunes h-iconfs-122 pull-right" class="m-icon-setting sec-icon"></i>
</div>
</div>
</div>
</section>
<section class="m-bg-gray m-bg-res-gray m-flex-use clear flex-block bggray_hover cursor-default">
<div class="m-home-block-content">
<div class="pull-left-sm container-col-6 overflow-hidden grey-block-content sec-min-300">
<h4 class=""><span class="msp-block color-purple">${lang=='en'?bodyJson.tiles[9].title:bodyJson.tiles[9].translatedTitle}</h4>
<a href=${lang=='en'?bodyJson.tiles[9].link:bodyJson.tiles[9].translatedLink} class="link svg-link font-size-14 color-purple" target="_self">${lang=='en'?bodyJson.tiles[9].linkText:bodyJson.tiles[9].translatedLinkText} <i class="icon-outlined-link-right-arrow color-purple"></i>
</a>
<div class="m-home-block-svg right-0">
<img src=${lang=='en'?bodyJson.tiles[9].image:bodyJson.tiles[9].translatedImage} data-src=${lang=='en'?bodyJson.tiles[9].image:bodyJson.tiles[9].translatedImage} class="svg-img bottom-50 ht-180 pull-right">
</div>
</div>
</div>
</section>
`;
renderAll();
}
function changeLanguage(value){
lang=value;
renderCheck();
}
function renderCheck(){
// en-home-page
// sw-home-page
// home-page-content
if(lang=='sw' && sessionStorage.getItem('sw-home-page')){
document.getElementById('home-page-content').innerHTML=sessionStorage.getItem('sw-home-page');
} else if(lang=='en' && sessionStorage.getItem('en-home-page')){
document.getElementById('home-page-content').innerHTML=sessionStorage.getItem('en-home-page');
} else {
renderCall();
}
}
function renderCall(){
renderBanner();
renderSpeedDial();
renderFirstTileSection();
renderSecondTileSection();
renderThirdTileSection();
renderFourthTileSection();
renderFifthTileSection();
}
function renderAll(){
//console.log('renderAll() method is called');
//console.log('renderAll lang::-->>',lang);
// console.log(document.getElementById('home-page-content').innerHTML);
if(lang=='en'){
sessionStorage.setItem('en-home-page',document.getElementById('home-page-content').innerHTML);
} else if(lang=='sw'){
sessionStorage.setItem('sw-home-page',document.getElementById('home-page-content').innerHTML);
}
}
</script>
</div>
<!--footer-->
<footer id="footer-content">
</footer>
<style type="text/css">
footer .social .whatsapp:hover{
color: #4FCE5D;
}
.social a {
margin-bottom: 17px;
}
</style>
<script>
function termAndConditionPopup(termCondition) {
window.open(termCondition, "_blank", "top=50, left=250, width=680, height=540,resizable=yes,scrollbars=yes");
}
function copyRightPrivacyPopup(copyRightPrivacy) {
window.open(copyRightPrivacy, "_blank", "top=50, left=250, width=680, height=540,resizable=yes,scrollbars=yes");
}
function copyRightPrivacyPopup(airtelMoneyTandC) {
window.open(airtelMoneyTandC, "_blank", "top=50, left=250, width=680, height=540, resizable=yes,scrollbars=yes");
}
function footerRender(){
document.getElementById('footer-content').innerHTML='';
//app.footer.html
if(lang=='sw' && sessionStorage.getItem('sw_footer')){
document.getElementById('footer-content').innerHTML=sessionStorage.getItem('sw_footer');
return;
}else if(lang=='en' && sessionStorage.getItem('en_footer')){
document.getElementById('footer-content').innerHTML=sessionStorage.getItem('en_footer');
return;
}
var footerText='';
footerText += '<div class="container">';
footerText += '<div class="row">';
footerText += '<h3 class="visible-xs text-center margin-bottom-60">';
footerText += '<a class="color-red scroll-to-top font-size-14">'+(lang=='en'?footerData.copyRight[0].backTop:footerData.copyRight[0].translatedbackTop)+' <i class="icon-outlined-back-to-top"></i></a>';
footerText += '</h3>';
for(var i=0; i<footerData.footer_upper.length; i++){
footerText += '<div class="col-lg-2 col-md-2 col-sm-4 col-xs-12">';
footerText += '<input type="checkbox" checked>';
footerText += '<h3 data-i18n="'+footerData.footer_upper[i].in18+'" module-id="common">'+(lang=="en"?footerData.footer_upper[i].name:footerData.footer_upper[i].translatedName)+'</h3>';
footerText += '<ul class="'+footerData.footer_upper[i].className+'">';
for(var j=0; j<footerData.footer_upper[i].child.length; j++)
footerText += '<li><a target="_self" href="'+footerData.footer_upper[i].child[j].link+'">'+(lang=="en"?footerData.footer_upper[i].child[j].name:footerData.footer_upper[i].child[j].translatedName)+'</a></li>';
footerText += '</ul>';
footerText += '</div>';
}
footerText += '<div class="col-lg-4 col-md-2 col-sm-4 text-right ng-scope" style="overflow:hidden" ng-if="!vm.showMyPlanFooter && !vm.showbroadbandFooter">';
footerText += '<h3 class="hidden-xs">';
footerText += '<a class="color-red scroll-to-top font-size-20">'+(lang=='en'?footerData.copyRight[0].backTop:footerData.copyRight[0].translatedbackTop)+' <i class="icon-outlined-back-to-top"></i></a>';
footerText += '</h3>';
footerText += '<br>';
footerText += '<ul class="social">';
for(var k=0; k<footerData.social_media.length; k++)
footerText += '<a target="_blank" rel="nofollow" data-link="'+footerData.social_media[k].name+'" target="_self" href="'+footerData.social_media[k].link+'" target="_self" class="'+footerData.social_media[k].className+'"></a>';
footerText += '</ul>';
footerText += '</div>';
footerText += '</div>';
footerText += '<hr class="hidden-xs">';
footerText += '<br class="visible-xs">';
footerText += '<div class="row">';
footerText += '<div class="col-sm-9 small bottom-link">';
footerText += '<p class="mt-10">';
for(var l=0; l<footerData.bottom_footer.length;l++)
footerText += '<a target="_self" href="'+footerData.bottom_footer[l].link+'" style="font-size:12px;" class="'+footerData.bottom_footer[l].className+'" data-i18n="'+footerData.bottom_footer[l].i18+'" module-id="common">'+(lang=='en'?footerData.bottom_footer[l].name:footerData.bottom_footer[l].translatedName)+'</a>';
footerText += '</p>';
footerText += '<p class="visible-xs margin-top-20">';
footerText += '<p class="small">© <span id="year"></span>';
footerText += '<noscript>2017</noscript> <span data-i18n="airtel_india_all_rights_reserved" module-id="common">'+(lang=='en'?footerData.copyRight[0].copyText:footerData.copyRight[0].translatedCopyText)+'</span>';
footerText += '</p>';
footerText += '</div>';
footerText += '</div>';
footerText += '</div>';
document.getElementById('footer-content').innerHTML=footerText;
document.getElementById('year').innerHTML = new Date().getFullYear();
//console.log('him test app.footer.view.html');
//app.footer.html
if(lang=='sw'){
sessionStorage.setItem('sw_footer',footerText);
}else if(lang=='en'){
sessionStorage.setItem('en_footer',footerText);
}
}
function changeFooterLanguage(value){
lang=value;
footerRender();
}
</script>
<!-- translation code end -->
</main>
<script async="" src="app/libs/edited/homepage/airtel-jqlite.js?version=1595591930218">
</script>
<script async="" src="app/libs/edited/homepage/lazyloading.js?version=1595591930218">
</script>
<!-- @@airtelanalyticsscript -->
</body>
</html>
URL
GET http://www.airteltanzania.com
Response Headers
Cache-Control:max-age=3600Cf-Ray:5e97cb981f23d751-DARCf-Request-Id:0612bd930f0000d7514302b000000001Connection:keep-aliveDate:Wed, 28 Oct 2020 21:36:57 GMTExpires:Wed, 28 Oct 2020 22:36:57 GMTLocation:https://airtel.co.tzNel:{"report_to":"cf-nel","max_age":604800}Report-To:{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report?s=CLnfsO49B4mY87r3f0UxXjI%2FI7vMdA1RxZG0q68mbpTXiZudLu8%2Fik7rSQrHXDO9vpCEFB%2BEca4BauvYHRAR0i5H8oSC2VF284Psc4iyOcmICXKJjAr3"}],"group":"cf-nel","max_age":604800}Server:cloudflare
Response Body
Empty body
Resolver
Resolver ASN
AS37084
Resolver IP
127.0.0.2
Resolver Network Name
Simbanet (T) Limited
Measurement UID
20201028215936.045089_TZ_webconnectivity_9bfb55f16b590f0b
Report ID
20201028T213651Z_webconnectivity_TZ_37133_n1_K0Rod8l8po3EsXyq
Platform
android
Software Name
ooniprobe-android (2.7.0)
Measurement Engine
ooniprobe-engine (0.18.0)