15.3 Red No Pause HTML

<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
target-densitydpi=medium-dpi" />
{% include 'header.html' %}
</head>
<style>
#clockdiv{
color: #fff;
display: inline-block;
text-align: center;
font-size: 15px;
}
#clockdiv > div{
padding: 8px;
border-radius: 3px;
background: #000;
box-shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000;
border: 1.5px solid #FFFF00;
}
#clockdiv div > span{
padding: 10px;
border-radius: 3px;
background: #000;
}
.smalltext{
padding-top: 5px;
font-size: 10px;
}
.shadow:before , .shadow:after{
content: '';
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(360deg, #FF0000,#FF0000,#FF0000);
width: calc(100% + 4px);
height: calc(100% + 4px);
background-size: 400%;
z-index: -1;
border-radius: 20px;
box-shadow: 1px 2px #FF0000;
animation: animate 20s linear infinite;
.shadow:after{
filter: blur(20px);
}
#free_time_animation button{
color: #fff;
background: #000;
text-transform: uppercase;
}
#insert_coin_animation button{
color: #fff;
background: #000;
}
#pcheck button{
color: #fff;
background: #000;
}
#pfuncwifi button{
color: #fff;
background: #000;
}
#chat_box_animation button{
color: #fff;
background: black;
}
#application a{
color: #fff;
background: black;
#peload button{
color: #fff;
background: #000;
}
#pcheckbalance button{
color: #fff;
background: #000;
}
#done-paying{
color: #fff;
background: #000;
}
.custom-line{
height: 5px;
background: linear-gradient(to right, red,orange,#FFFF00,green,blue,indigo,violet);
border-radius: 5px;
border-top: 0;
}
#msg{
background-color: transparent;
border: 1px solid #FFFF00;
color: white;
}
#sendmsg{
color: white;
background-image: linear-gradient(49deg, #FF0000,orange);
}
#vcode{
color: white;
}
#sub-voucher{
color: white;
background-image: linear-gradient(49deg, #FF0000,orange);
}
#eloadnumber{
color: white;
}
#ieloadnumber{
color: white;
}
.text-muted{
padding: 2px;
}
th,td{
border-color: #FF0000 !important;
border: 2px solid #FF0000;
}
</style>
<body>
<div class="container text-center">
<div style="margin:10px"></div>

<br>
<div class="card shadow mt-5" style="border-radius: 20px; background-color: black;
border-color: #FFFF00;">
<div class="alert alert-danger bg-transparent mt-5" style="text-transform:
uppercase; border-radius: 20px; border-color: #FFFF00; border-left-color:
transparent; border-top-color: transparent; border-right-color: transparent;
color: cyan; box-shadow: 0 5px 2px -2px #FF0000; ">
<marquee> {{ portalannouncement }} </marquee>
</div>
<div class="d-flex justify-content-center">
<div style="margin-top: -170px;" >
<div id="carousel-id" class="carousel slide" data-
interval="{{slidertimer}}000" data-ride="carousel" >
<div class="carousel-inner" role="listbox">
{% for d in banner if d.banner %}
<div class="carousel-item {% if loop.first %} active {% endif %}">
<img src="/assets/images/{{ d.banner }}" class="mb-5" style=" border-
radius: 10px;" height="110px" width="80%">
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div id="default_container">
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12 h2">
<div id="status">{{getstatus| raw}}</div>
</div>
<div class="col-md-12"> <small style="color:#007bff;text-
transform: uppercase;">IP: <span style="color:#FFFF00;">{{ ip }}</span> Mac:
<span style="color: #FFFF00;">{{ mac }}</span> </small>
</div>

transform: uppercase;">Account Credits: ₱{{ remainingcredit }} </small>
</div>

transform: uppercase;"> <div id="remaindata"> </div> </small>
</div>
<div class="col-md-12 mb-2"> <strong

style="color:#fff;text-transform: uppercase;"> <div id="timesign"> {{TimeSign |
raw}} </div></strong >
</div>
<div class="col-md-12">
<div id="rtime" style="display:
none;">{{getUserremainingTime | raw}}</div>
<div class="col-md-12" id="clockdiv">
<div>
<span class="days">0</span>
<div class="smalltext">DAYS</div>
</div>
<div>
<span class="hours">0</span>
<div class="smalltext">HOURS</div>
</div>
<div>
<span class="minutes">0</span>
<div class="smalltext">MINUTES</div>
</div>
<div>
<span class="seconds">0</span>
<div class="smalltext">SECONDS</div>
</div>
</div>
</div>
</div>
</div>
<div class="temp-hidden">
{% if freehour == 1 %}
<div class="row" style="margin-bottom:10px;"
id="free_time_animtion">
<button type="button" id="freetime" class="btn
btn-danger button-rnd ">Get Free Time</button>
</div>
</div>
{% endif %}
{% if insertcoin == 1 %}
id="insert_coin_animation">
{% if checkavailableonline < 1 %}
<button type="button" id="insert_coin_button"
value="zxcv" class="insert_coin_button btn btn-success button-rnd">Insert
Coin</button>
{% else %}
<button type="button" data-toggle="modal" data-
target="#multicoinslot" class="btn btn-success button-rnd">Insert Coin</button>
{% endif %}
</div>
</div>
{% endif %}
{% if pausetime == 1 %}
{% if userpausetime == 1 %}
<div class="row" id="pcheck" style="margin-bottom:10px;">
<button type="button" id="pfunc" class="btn
btn-danger button-rnd btn-spinner">Pause Time</button>
</div>
</div>
{% endif %}
{% endif %}
{% if viewrates == 1 %}
<div class="row" id="pfuncwifi" style="margin-
bottom:10px;">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
</div>
</div>
{% endif %}
{% if viewchargingrates == 1 %}
<div class="row" id="pfunccrates" style="margin-
bottom:10px;">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#chargingstation">Charging
Rates</button>
</div>
</div>
{% endif %}
{% if buyload == 1 %}
<div class="row" id="peload" style="margin-bottom:10px;">
<button type="button" class="btn btn-danger
button-rnd" data-target="#buyload" data-toggle="modal" data-backdrop="static" data-
keyboard="false">Buy Load</button>
</div>
</div>
{% endif %}
{% if checkbalance == 1 %}
<div class="row" id="pcheckbalance" style="margin-
bottom:10px;">
button-rnd" data-target="#checkbalance" data-toggle="modal" data-backdrop="static"
data-keyboard="false">Check Balance</button>
</div>
</div>
{% endif %}
{% if chatbox == 1 %}
id="chat_box_animation">
button-rnd" data-target="#chatbox" data-toggle="modal" data-backdrop="static" data-
keyboard="false">ChatBox {{unreadmessages | raw}}</button>
</div>
</div>
{% endif %}
<div class="row" style="margin-bottom:10px;" id="application">

<a
href="https://play.google.com/store/apps/details?id=org.pcbuild.rivas.pisowifi"
class="btn btn-danger button-rnd">DOWNLOAD PISO WIFI APP</a>
</div>
</div>
{% if entervoucher == 1 %}
<div class="btn-block" id="entervoucher">
<div class="input-group mb-3">
<input type="text" class="form-control"
name="vcode" id="vcode" value="" placeholder="Enter Voucher here...">
<div class="input-group-append">
<button id="sub-voucher" class="btn btn-
primary">Submit</button>
</div>
</div>
</div>
{% endif %}
{% if session2voucher == 1 %}
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#sessiontovoucher" class="btn btn-primary button-
rnd">Convert Time to Voucher</button>
</div>
</div>
{% elseif session2voucher == 2 %}
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#logout" class="btn btn-primary
button-rnd">Logout</button>
</div>
</div>
{% endif %}
{% if checkchargingpins > 0 %}
<div class="row ">
<button type="button" data-toggle="modal" data-
target="#charginglist" class="btn btn-primary button-rnd">Charging
Stations</button>
</div>
</div>{% endif %}
</div>
</div>

<div class="panel panel-info hidden" id="checkvouchers">
<div class="panel-heading">
<h4 class="panel-title">My Vouchers</h4>
</div>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="text-center">Code</th>
<th class="text-center">Time</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody id="vouchersList"></tbody>
</table>
</div>
</div>
</div>

<div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered">

<div class="modal-content" style="box-shadow: 1px 1px 5px
#FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px; border-color:
#FFFF00;
border: 2px solid #FFFF00;">
<div class="modal-header" style=" border-bottom-
color: transparent; background-color: black; border-top-left-radius: 20px; border-
top-right-radius: 20px; ">
<h4 class="modal-title" style="color:
#FF0000"><i class="fa fa-list" aria-hidden="true"></i> WIFI RATES</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#FF0000;">×</button>
</div>
<div class="modal-body text-center"
style="background-color: black; border-bottom-left-radius: 20px; border-bottom-
right-radius: 20px;">
<table class="table table-striped table-hover table-sm text-white"
style="border-radius:6px; ">
<tr style="text-transform: uppercase;
color: #FF0000;">
<th>Amount</th>
<th>Time</th>
<th>Note</th>
</tr>
{% for r in rates if r.time %}

<tr>
<td>{{ r.pulses }}</td>
<td
class="rconvert{{ r.pulses }}"></td>
<td>{{ r.note }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
</div>
<div id="multicoinslot" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
#FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px; text-
transform: uppercase; border-color: #FFFF00; border: 2px solid #FFFF00;">

top-right-radius: 20px;">
#FF0000"><i class="fa fa-list-ul"></i> Select Coinslot </h4>
<button type="button" class="close" data-
dismiss="modal" style="color: #FF0000;">×</button>
</div>
<div class="modal-body" style="background-color:
black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="card-deck mb-3 text-center" >
{% if mainvendo == 1 %}
<div class="card mb-4 shadow-sm">
<div class="card-header"
style="box-shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000;
background-color: black; color: #FF0000; border: 1px solid #FFFF00;">
<h4 class="my-0 font-weight-
normal" style="cursor: pointer;" data-toggle="collapse" data-
target="#zxcv">{{cname}}</h4>
</div>
<div id="zxcv" class="collapse d-
lg-block" >
<div class="card-body" style="box-
shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; background-
color: black; color: #FF0000; border: 1px solid #FFFF00;">
<ul class="list-unstyled">
<li>  <h4>BLK 8</h4></li>
</ul>
<button type="button"
value="zxcv" class="insert_coin_button btn btn-lg btn btn-primary button-animate"
style="box-shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000;"><i
class="fa fa-money fa-fw"></i>INSERT COIN</button>
</div>
</div>
</div>
{% endif %}
{% for m in multicoinslot if m.mac %}
<div class="card mb-4 shadow-sm">
<div class="card-header"
style="box-shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000;
background-color: black; color: #FF0000; border: 1px solid #FFFF00;">
<h4 class="my-0 font-weight-
normal" style="cursor: pointer;" data-toggle="collapse" data-
target="#{{ m.id }}">{{ m.coinslotname }}</h4>
</div>
<div id="{{ m.id }}" class="collapse d-
lg-block">
<div class="card-body" style="box-
shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; background-
color: black; color: #FF0000; border: 1px solid #FFFF00;">
<ul class="list-unstyled">
<li> <h4>BLK 7 </h4></li>
</ul>
<button type="button"
value="{{ m.mac }}" class="insert_coin_button btn btn-lg btn btn-primary button-
animate eload-spinner"><i class="fa fa-money fa-fw"></i>INSERT COIN</button>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div id="charginglist" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Charging Stations</h4>
dismiss="modal">×</button>
</div>
<div class="modal-body">
<table class="table table-striped table-
bordered table-sm">
<tr class="thead-dark">
<th>Station Port #</th>
<th>Remaining Time</th>
</tr>
<tbody id="chargingstations"></tbody>
</table>
</div>
</div>
</div>
</div>
<div id="sessiontovoucher" class="modal fade bd-example-modal-sm"
role="dialog">
<h4 class="modal-title">Convert Time To
Voucher</h4>
</div>
<div class="form-group">
<div class="input-group input-group-sm
mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm-available">Your
Minutes:</span>
</div>
<input type="number" name="minutes"
id="minutes" class="form-control" value="{{ remainingTime }}" aria-label="Small"
aria-describedby="inputGroup-sizing-sm-available" readonly>
</div>
<div class="input-group input-group-sm
mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Minutes to convert:</span>
</div>
<input type="number"
name="amountminutes" id="amountminutes" min="0" oninput="validity.valid||
(value='');" class="form-control" aria-label="Small" aria-describedby="inputGroup-
sizing-sm">
</div>
<button type="submit" id="btn-vcode"
class="btn btn-primary">Convert</button>
</div>
</div>
</div>
</div>
</div>
<div id="logout" class="modal fade bd-example-modal-sm" role="dialog">

<h4 class="modal-title">Time Logout!</h4>
</div>
<h4>Are you sure to logout your time? If
you sure just click "Logout".</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger waves-effect"
data-dismiss="modal">Cancel</button>
<button type="submit" id="logoutnow" class="btn btn-
success">Logout</button>
</div>
</div>
</div>
</div>


<div id="buyload" class="modal fade bd-example-modal-sm" role="dialog">
#FFFF00; border: 2px solid #FFFF00;">
top-right-radius: 20px;">
#FF0000;"><i class="fa fa-bars" aria-hidden="true"></i> {{ title }} - Eloading
</h4>
dismiss="modal" style="color: #FF0000;">×</button>
</div>
<div class="modal-body text-left" style="background-
color: black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="col-xs-7 align-middle p-lg">
<h3 style="color:#FF0000"> Buy Load &
Epins</h3>
<div style="margin-top:20px"></div>
<p style="color: #FF0000;"><i class="fa
fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number:</p>
<input type="text"
name="eloadnumber" id="eloadnumber" placeholder="09123456789" maxlength="11"
onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
</div>
<hr>
<div class="panel-body">
<input type="hidden" name="mac"
id="mac" value="{{ mac }}" class="form-control">
<input type="hidden" name="ip"
id="ip" value="{{ ip }}" class="form-control">
<button type="button" class="btn
btn-success btn-block button-rnd eload-spinner" onclick="eloadproduct()"
style="color: #fff; box-shadow: 1px 1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px
#FF0000; background: #000; text-transform: uppercase; border: 1.5px solid
#FFFF00">Buy</button>
</div>
</div>
</div>
</div>
</div>
</div>


<div id="chatbox" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg" >
#FFFF00; border: 2px solid #FFFF00;">
<div class="modal-header" style=" border-
bottom-color: transparent; background-color: black; border-top-left-radius: 20px;
border-top-right-radius: 20px;">
#FF0000"><i class="fa fa-user" aria-hidden="true"></i> CHATBOX</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#FF0000;">×</button>
</div>
<div class="modal-body" style="background-
color: black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<div class="container">
<div id="msglist" style="color: #fff;">
</div>
</div>
<div class="panel-footer">
<div class="input-group">
<input type="text" id="msg"
class="form-control" >
<span class="input-group-btn">
<button class="btn btn-
danger" id="sendmsg" type="button">Send</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>


<div id="insertcoin" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-content" style="box-shadow: 1px 1px 5px #FF0000, 0 0 25px
#FF0000, 1px 1px 5px #FF0000; border-radius: 20px; text-transform: uppercase;
border-color: #FFFF00; border: 2px solid #FFFF00;">
<div class="modal-body" style="background: black; box-shadow: 1px 1px 5px #FF0000,

0 0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px;">
<img src="/assets/images/insertcoin.gif" width="100%" height="100%" >
<div class="progress progress-rounded progress-lg progress-

striped active">
<div id="progressBar" class="progress-bar progress-bar-danger
text-center" style="width:70%; background: black; ">
<div id="progress-msg" style="position: absolute;
margin-left: 28%; color: #FF0000; text-transform: uppercase;">
</div>
</div>
</div>
<hr class="custom-line">
<ul class="list-group text-center">
<li class="list-group-item list-group-item-danger " style="font-
size: 1.2em; color: cyan; background: black;"><i class="fa
fa-clock-o"></i>TIME:<span id="totalm" class="badge badge-danger" style="font-size:
1.2em; margin-left: 10px;"> -- </li>
{% if buycharging == 1 %}
<li class="list-group-item"><i class="fa
fa-usb"></i>Charge:<span id="charging"> -- </li>
{% endif %}
{% if buyvoucher == 1 %}
<li class="list-group-item" style="font-size: 1.2em; color:
cyan; background: black;"><i class="fa fa-ticket"></i>Voucher:<span id="voucher"
style="font-size: 1.2em; margin-left: 10px;" class="badge badge-danger"> -- </li>
{% endif %}
<li class="list-group-item list-group-item-info" style="font-
size: 1.2em; color: cyan; background: black;"><i class="fa fa-money"></i>TOTAL
AMOUNT:<span id="tamount" class="badge badge-danger" style="font-size: 1.2em;
margin-left: 10px;"> 0.00 </li>
</ul>
<hr class="custom-line">
<button type="button" id="done-paying" class="btn btn-outline-
danger btn-block btn-spinner">Cancel</button>
{% if buyvoucher == 1 %}
<hr class="prettyline hidden" id="hr">
<button type="button" id="buy-voucher" class="btn btn-danger
btn-sm hidden btn-spinner">Buy Voucher</button>
{% endif %}
{% if buycharging == 1 %}
<hr class="prettyline hidden">
{% if getchargingtime < 1 %}
<button type="button" id="buy-charging" data-toggle="modal"
data-target="#selectcharging" class="btn btn-primary btn-sm hidden">Buy
Charging</button>
{% else %}
<button type="button" id="extend-charging" class="btn btn-
primary btn-sm hidden">Extend Charging</button>
{% endif %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>


<div id="checkbalance" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-content" style="box-shadow: 1px 1px 5px #FF0000, 0
0 25px #FF0000, 1px 1px 5px #FF0000; border-radius: 20px; border-color: #FFFF00;
border: 2px solid #FFFF00;">
<div class="modal-header" style=" border-bottom-color:
transparent; background-color: black; border-top-left-radius: 20px; border-top-
right-radius: 20px;">
<h5 class="modal-title" style="color: #FF0000;"><i class="fa
fa-bars" aria-hidden="true"></i> Balance Inquiry</h5>
<button type="button" class="close"
data-dismiss="modal">×</button>
</div>
<div class="modal-body text-left" style="background-color: black;
border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
<h3 style="color: #FF0000;"> Number Balance Checker</h3>
<div style="margin-top:20px"> </div>
<p style="color: #FF0000;"> <i class="fa fa-mobile" aria-
hidden="true"></i> Enter Mobile Phone Number: </p>
<input type="text" name="ieloadnumber" id="ieloadnumber"
placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this,
event)" class="form-control input-lg m-b">
</div>
<hr>
<input type="hidden" name="mac" id="mac" value="{{ mac }}"
class="form-control">
<input type="hidden" name="ip" id="ip" value="{{ ip }}"
class="form-control">
<button type="button" class="btn btn-success btn-block button-
rnd eload-spinner" onclick="balanceinquiry()" style="color: #fff; box-shadow: 1px
1px 5px #FF0000, 0 0 25px #FF0000, 1px 1px 5px #FF0000; background: #000; text-
transform: uppercase; border: 1.5px solid #FFFF00">Check</button>
</div>
</div>
</div>
</div>
</div>
</div>


<div id="eloadcomplete" class="modal fade bd-example-modal-sm"
role="dialog">
<h4 class="modal-title"><i class="fa fa-bars" aria-
hidden="true"></i> Success!</h4>
</div>
<h4>Load has been now process.</h4>
<hr/>
<h4> Please wait the confirmation. </h4>
</div>
</div>
</div>
</div>


<div class="modal fade" id="selectcharging" tabindex="-1" role="dialog" aria-
hidden="true">
<h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging
Ports <i class="fa fa-usb"></i></h5>
</div>
<table class="table table-striped table-bordered table-sm">
<th>Port
</th>
<th>Note
</th>
<th>Availability
</th>
</tr>
{% for sc in selectcharging if sc.port %}
<tr>
<td>{{ sc.port }}</td>
<td>{{ sc.note }}</td>
<td><input type="radio" name="port"
value='{{ sc.port }}'>Available </input></td>
</tr>
{% endfor %}
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger waves-effect"
data-dismiss="modal">Cancel</button>
<button type="submit" id="scharging" class="btn btn-
success">Select</button>
</div>
</div>
</div>
</div>



<div id="chargingstation" class="modal fade bd-example-modal-sm"
role="dialog">
<h4 class="modal-title">Charging Rates</h4>
</div>
<table class="table table-striped table-bordered table-sm">
<th>Amount
</th>
<th>Time
</th>
<th>Note
</th>
</tr>
{% for c in crates if c.time %}
<tr>
<td>{{ c.pulses }}</td>
<td class="cconvert{{ c.pulses }}"></td>
<td>{{ c.note }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
</div>
<div id="eloadannouncer"> </div>
<div id="multicoinslot_announce"> </div>
<div id="eloadprocess_announce"> </div>
<div id="auto_process"> </div>
<div id="balanceinquiry_announcer"> </div>


<footer class="footer mt-3 text-center" style="margin:auto;max-width:
500px;position: relative; color: white;">
<div class="alert " style="color: #fff; box-shadow: 1px 1px 5px #FF0000, 0 0 25px
#FF0000, 1px 1px 5px #FF0000; background: #000; border: 1.5px solid #FFFF00;
border-radius: 20px;" >
<strong>Powered By: </strong> <a style="color: #FFFF00;"
href="http://www.lpbpisowifi.com" target="_blank" >{{ title }}</a>
</div>
</footer>

</div>

{% include 'footer.html' %}
<script>
setInterval(function(){
var g=new Array();
var r='r',t='t',i='i',m='m',e='e',yt='div';
var ytt=r+t+i+m+e;
var o=yt+' span#u'+t+i+m+e+'r b';
var b=yt+'#'+ytt+' '+o;
$(b).each(function(){
var a='id';
var x=$(this).text();g[''+$(this).attr(a)+'']=x;g.push(x);});
function s(a){
var o='d',t='i',g='v';
var c='clock';
var gh="#"+c+""+o+t+g+" > "+o+t+g+":nth-child("+a+") > span";
return gh;
}function p(x){
var k=g[""+x+""];
return k;
}function k(l){
if(l == 4){
$(s("1")).text(p(0));
$(s("2")).text(p(1));
$(s("3")).text(p(2));
$(s("4")).text(p(3));
}else if(l == 3){
$(s("1")).text(0);
$(s("2")).text(p(0));
$(s("3")).text(p(1));
$(s("4")).text(p(2));
}else if(l == 2){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(p(0));
$(s("4")).text(p(1));
}else if(l == 1){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(p(0));
}else{
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(0);
}
}k(g.length);
},1000);
</script>
</body>
</html>

15.3 Red No Pause HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

15.3 Red No Pause HTML

Uploaded by

Copyright:

Available Formats

<!

<div class="col-md-12"> <small style="color:#007bff;text-

<div class="col-md-12"> <small style="color:#007bff;text-

<div class="col-md-12 mb-2"> <strong

<div class="row" style="margin-bottom:10px;" id="application">

{% for r in rates if r.time %}

<div class="modal-header" style=" border-bottom-

<div id="logout" class="modal fade bd-example-modal-sm" role="dialog">

<div class="modal-body" style="background: black; box-shadow: 1px 1px 5px #FF0000,

<div class="progress progress-rounded progress-lg progress-

You might also like