OK
http://www.airteltanzania.com
Tanzania
Country
AS37133
Network
October 28, 2020, 09:36 PM UTC
Date & Time
Websites
Websites
Runtime: 7.1s
On October 28, 2020, 09:36 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
@
IN
A
172.67.178.213
@
IN
A
104.18.43.179
@
IN
A
104.18.42.179
Query:
IN AAAA www.airteltanzania.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2606:4700:3033::ac43:b2d5
@
IN
AAAA
2606:4700:3033::6812:2ab3
@
IN
AAAA
2606:4700:3034::6812:2bb3

TCP Connections

Connection to 104.18.42.179:80 succeeded.
Connection to 2606:4700:3033::6812:2ab3:80 failed.
Connection to 172.67.178.213:80 succeeded.
Connection to 2606:4700:3033::ac43:b2d5:80 failed.
Connection to 104.18.43.179:80 succeeded.
Connection to 2606:4700:3034::6812:2bb3:80 failed.

HTTP Requests

URL
GET https://airtel.co.tz
Response Headers
Accept-Ranges:
bytes
Access-Control-Allow-Methods:
POST, GET
Allow:
POST, GET
Cache-Control:
no-cache
Content-Length:
65962
Content-Type:
text/html; charset=UTF-8
Date:
Wed, 28 Oct 2020 21:36:58 GMT
Expires:
Fri, 27 Nov 2020 21:36:58 GMT
Last-Modified:
Fri, 24 Jul 2020 11:59:50 GMT
Server:
Apache
Strict-Transport-Security:
max-age=31536000; includeSubDomains; preload;
X-Frame-Options:
SAMEORIGIN
X-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)+' &nbsp;<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 &amp;&amp; !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)+' &nbsp;<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">&copy; <span id="year"></span>';
    footerText += '<noscript>2017</noscript>&nbsp;<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=3600
Cf-Ray:
5e97cb981f23d751-DAR
Cf-Request-Id:
0612bd930f0000d7514302b000000001
Connection:
keep-alive
Date:
Wed, 28 Oct 2020 21:36:57 GMT
Expires:
Wed, 28 Oct 2020 22:36:57 GMT
Location:
https://airtel.co.tz
Nel:
{"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

Report ID
20201028T213651Z_webconnectivity_TZ_37133_n1_K0Rod8l8po3EsXyq
Platform
android
Software Name
ooniprobe-android (2.7.0)
Measurement Engine
ooniprobe-engine (0.18.0)

Raw Measurement Data

Loading