- Scan ID:
- 79e5e6ad-dbed-4c7c-8e11-1552c7d489fdFinished
- Submitted URL:
- https://smsb.co/D4RqnVRedirected
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 5 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Cloud Text Messaging">
<meta name="author" content="SMSBump">
<link href="/css/core.min.css" rel="stylesheet">
<link href="/css/custom.min.css" rel="stylesheet">
<link href="/css/mobile.min.css" rel="stylesheet">
<script src="/js/core.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,300,600,700,400,800" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<title>smsbump | reliable global SMS cloud API</title>
<link href="/img/website/favicon.png" type="image/png" rel="icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
</head>
<body id="Users" class="guest-view " style="">
<div class="contentWrapper">
<div class="contentPadding"> <section class="contentFormWrapper unsubscribe-section" id="Unsubscribe">
<div class="panel panel-default unsubscribe-panel">
<div style="display: flex; flex-direction: column-reverse">
<div class="text-center">
<h1>STAX.</h1>
</div>
<div style="align-self: flex-end">
<select id="language-select" class="selectpicker" data-width="fit" style="display: none;">
<option value="en" data-content="<span class="flag-icon flag-icon-us"></span> English" selected="">English</option>
<option value="fr" data-content="<span class="flag-icon flag-icon-fr"></span> French">French</option>
<option value="de" data-content="<span class="flag-icon flag-icon-de"></span> German">German</option>
<option value="es" data-content="<span class="flag-icon flag-icon-es"></span> Spanish">Spanish</option>
<option value="he" data-content="<span class="flag-icon flag-icon-il"></span> Hebrew">Hebrew</option>
<option value="ar" data-content="<span class="flag-icon flag-icon-sa"></span> Arabic">Arabic</option>
<option value="bg" data-content="<span class="flag-icon flag-icon-bg"></span> Bulgarian">Bulgarian</option>
<option value="no" data-content="<span class="flag-icon flag-icon-no"></span> Norwegian">Norwegian</option>
<option value="fi" data-content="<span class="flag-icon flag-icon-fi"></span> Finnish">Finnish</option>
<option value="sv" data-content="<span class="flag-icon flag-icon-se"></span> Swedish">Swedish</option>
<option value="ro" data-content="<span class="flag-icon flag-icon-ro"></span> Romanian">Romanian</option>
<option value="da" data-content="<span class="flag-icon flag-icon-dk"></span> Danish">Danish</option>
<option value="tr" data-content="<span class="flag-icon flag-icon-tr"></span> Turkish">Turkish</option>
<option value="pl" data-content="<span class="flag-icon flag-icon-pl"></span> Polish">Polish</option>
<option value="pt" data-content="<span class="flag-icon flag-icon-pt"></span> Portuguese">Portuguese</option>
<option value="nl" data-content="<span class="flag-icon flag-icon-nl"></span> Dutch">Dutch</option>
<option value="it" data-content="<span class="flag-icon flag-icon-it"></span> Italian">Italian</option>
<option value="sr" data-content="<span class="flag-icon flag-icon-rs"></span> Serbian">Serbian</option>
<option value="lv" data-content="<span class="flag-icon flag-icon-lv"></span> Latvian">Latvian</option>
</select><div class="btn-group bootstrap-select fit-width"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="language-select" title="English"><span class="filter-option pull-left"><span class="flag-icon flag-icon-us"></span> English</span> <span class="caret"></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner selectpicker" role="menu"><li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-us"></span> English<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="1"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-fr"></span> French<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="2"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-de"></span> German<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="3"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-es"></span> Spanish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="4"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-il"></span> Hebrew<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="5"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-sa"></span> Arabic<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="6"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-bg"></span> Bulgarian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="7"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-no"></span> Norwegian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="8"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-fi"></span> Finnish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="9"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-se"></span> Swedish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="10"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-ro"></span> Romanian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="11"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-dk"></span> Danish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="12"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-tr"></span> Turkish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="13"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-pl"></span> Polish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="14"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-pt"></span> Portuguese<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="15"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-nl"></span> Dutch<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="16"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-it"></span> Italian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="17"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-rs"></span> Serbian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="18"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-lv"></span> Latvian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li></ul></div></div>
</div>
</div>
<div class="img-responsive">
<img src="https://dnuaqhs941n75.cloudfront.net/img/unsubscribe-head.png" alt="The man with the boat" class="img-responsive center-block"> </div>
<div class="text-center">
<h2>Unsubscribe</h2>
<p id="infoText">
Please confirm your unsubscribe request from <span id="store-name">STAX.</span> text messages by clicking on the unsubscribe button below. </p>
<button id="unsubscribeBtn" class="btn btn-lg unsubButton" data-url="/users/ajax-unsubscribe-phone/user_data" data-user="456782" data-phone="61414281163">
I confirm that I want to unsubscribe </button>
<button id="subscribeBtn" style="display:none;" class="btn btn-lg unsubButton" data-undo_url="/users/ajax-undo-unsubscribe-phone/user_data" data-user="456782" data-phone="61414281163">
Undo </button>
</div>
</div>
</section>
<style>
@import url('/font/Inter/inter.css');
.unsubscribe-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
background: #F4F6F8;
}
.unsubscribe-panel {
padding: 16px;
margin: 29px;
border-radius: 10px;
border: none;
}
.unsubscribe-section h1 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 24px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section h2 {
font-family: 'Inter', sans-serif;
font-size: 24px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section #infoText {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
max-width: 450px;
width: 100%;
margin: 20px auto 32px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section #store-name {
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 700;
}
.unsubscribe-section img {
margin: 30px auto;
}
.unsubButton {
background-color: #0042E4;
font-family: 'Inter', sans-serif;
font-weight: normal;
font-size: 13px;
color: #fff;
margin-bottom: 30px;
white-space: normal;
border: none;
}
.unsubButton:hover {
color: #fff;
}
.unsubButton:disabled {
color: #fff;
}
h1 {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
@media only screen and (min-width: 850px) {
.unsubscribe-panel {
margin: auto;
width: 750px;
}
}
@media screen and (max-width: 370px) {
.unsubscribe-panel {
margin: 85px 16px 85px 16px;
padding: 0 10px 0 10px;
}
.unsubscribe-section #infoText {
font-size: 13px;
}
.unsubscribe-section h1 {
font-size: 20px;
}
</style>
<script>
$('#unsubscribeBtn').click(function (e) {
var unsubscribeHref = $(this).attr('data-url')
var user = $(this).attr('data-user')
var phone = $(this).attr('data-phone')
unsubscribeHref = unsubscribeHref.replace('user_data', user + '|' + phone)
$('#unsubscribeBtn').attr('disabled', 'disabled')
$.ajax({
url: unsubscribeHref,
type: 'GET',
dataType: 'json',
complete: function (resp) {
if (!resp.responseJSON.error) {
$('#unsubscribeBtn').removeAttr('disabled')
$('#unsubscribeBtn').hide(0)
$('#subscribeBtn').show(0)
$('#Unsubscribe #infoText').html("You have been successfully removed from the subscribers list.")
} else {
alert(resp.responseJSON.message)
}
}
})
})
$('#subscribeBtn').click(function (e) {
var undoHref = $(this).attr('data-undo_url')
var user = $(this).attr('data-user')
var phone = $(this).attr('data-phone')
undoHref = undoHref.replace('user_data', user + '|' + phone)
$('#subscribeBtn').attr('disabled', 'disabled')
$.ajax({
url: undoHref,
type: 'GET',
dataType: 'json',
complete: function (resp) {
if (!resp.responseJSON.error) {
$('#subscribeBtn').removeAttr('disabled')
$('#unsubscribeBtn').show(0)
$('#subscribeBtn').hide(0)
$('#Unsubscribe #infoText').html("Please confirm your unsubscribe request from <span id='store-name'>STAX.</span> text messages by clicking on the unsubscribe button below.")
} else {
alert(resp.responseJSON.message)
}
}
})
})
$('#language-select').on('change', function () {
let url = new URL(window.location.href)
url.searchParams.set('locale', this.value)
window.location.href = url.href
})
$(function(){
$('.selectpicker').selectpicker();
});
</script>
</div>
<div class="clearfix"></div>
</div>
</body></html>