Anda di halaman 1dari 36

<html lang='en'>

<head>

<meta charset='UTF-8'>

<title>Contact Us</title> <!-- INCLUDE


Virtual="_WebModuleData/SiteBuilder/DomainSettings.asp" -->

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<script src="/WebModules/Common/js/jq.js"></script>

<script>var TopNavMenuStyle = "undefined";</script>

<meta property='og:title' content='' /><meta property='og:image'


content='http://tissuepaper.co.za/_WebmoduleData/Images/Used/_CompanyLogo.png'
/><meta property='og:url' content='tissuepaper.co.za/Pages/Contact-Us.asp' />

<script src="/WebModules/Common/js/cookie.js"></script>

<link href="/_WebModuleData/SiteBuilder/CurrentLayout/CustomResponse/Basic-
about-us.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="/WebModules/Common/css/fancybox.css">

<script>var EffectsYN = true;</script>

<link rel='stylesheet' type='text/css' href='/WebModules/Website-


Resources/Css/Responsive.css'><link rel='stylesheet' type='text/css'
href='/WebModules/PageManager/LayoutManager/Layouts/3 Image Animated/1T1T/contact-
Responsive.css'><link rel='stylesheet' type='text/css'
href='/WebModules/PageManager/LayoutManager/Layouts/3 Image Animated/1T1T/contact-
Page.css'><script>var PageType = 'contact'</script>

<script>

var PT = 'contact';
var TL = '3 Image Animated';

var BackgroundSize = 'Cover';

</script>

<link href="/_WebModuleData/SiteBuilder/CurrentLayout/theme.css" rel="stylesheet"


type="text/css" />

<link href="/WebModules/Website-Resources/CSS/basic.css" rel="stylesheet"


type="text/css" />

<link href="/WebModules/common/css/font-awesome.css" rel="stylesheet"


type="text/css" />

<link rel="icon" href="/_WebmoduleData/Images/used/_CompanyLogo_Mobile.png">

<script src="/WebModules/Common/js/fancybox.js"></script>

<script src="/_WebModuleData/SiteBuilder/CurrentLayout/java.js"></script>

<div class="loading-page" >

<div id="load">

<div>G</div>

<div>N</div>

<div>I</div>

<div>D</div>

<div>A</div>

<div>O</div>

<div>L</div>

</div>
<style>

.loading-page {

left: 0;

background: #141414;

width: 100%;

height: 100%;

z-index: 9999999999;

position: fixed;

top: 0;

.loading-page #load {

position:absolute;

width:600px;

height:36px;

left:46%;

top:40%;

margin-left:-300px;

overflow:visible;

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

user-select:none;

cursor:default;

}
.loading-page #load div {

position:absolute;

width:20px;

height:36px;

opacity:0;

font-family:Helvetica, Arial, sans-serif;

animation:move 1.5s linear infinite;

-o-animation:move 1.5s linear infinite;

-moz-animation:move 1.5s linear infinite;

-webkit-animation:move 1.5s linear infinite;

transform:rotate(180deg);

-o-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-webkit-transform:rotate(180deg);

color:#35C4F0;

.loading-page #load div:nth-child(2) {

animation-delay:0.2s;

-o-animation-delay:0.2s;

-moz-animation-delay:0.2s;

-webkit-animation-delay:0.2s;

.loading-page #load div:nth-child(3) {


animation-delay:0.4s;

-o-animation-delay:0.4s;

-webkit-animation-delay:0.4s;

-webkit-animation-delay:0.4s;

.loading-page #load div:nth-child(4) {

animation-delay:0.6s;

-o-animation-delay:0.6s;

-moz-animation-delay:0.6s;

-webkit-animation-delay:0.6s;

.loading-page #load div:nth-child(5) {

animation-delay:0.8s;

-o-animation-delay:0.8s;

-moz-animation-delay:0.8s;

-webkit-animation-delay:0.8s;

.loading-page #load div:nth-child(6) {

animation-delay:1s;

-o-animation-delay:1s;

-moz-animation-delay:1s;

-webkit-animation-delay:1s;

.loading-page #load div:nth-child(7) {

animation-delay:1.2s;
-o-animation-delay:1.2s;

-moz-animation-delay:1.2s;

-webkit-animation-delay:1.2s;

@keyframes move {

0% {

left:0;

opacity:0;

35% {

left: 41%;

-moz-transform:rotate(0deg);

-webkit-transform:rotate(0deg);

-o-transform:rotate(0deg);

transform:rotate(0deg);

opacity:1;

65% {

left:59%;

-moz-transform:rotate(0deg);

-webkit-transform:rotate(0deg);

-o-transform:rotate(0deg);

transform:rotate(0deg);

opacity:1;
}

100% {

left:100%;

-moz-transform:rotate(-180deg);

-webkit-transform:rotate(-180deg);

-o-transform:rotate(-180deg);

transform:rotate(-180deg);

opacity:0;

@-moz-keyframes move {

0% {

left:0;

opacity:0;

35% {

left:41%;

-moz-transform:rotate(0deg);

transform:rotate(0deg);

opacity:1;

65% {

left:59%;

-moz-transform:rotate(0deg);
transform:rotate(0deg);

opacity:1;

100% {

left:100%;

-moz-transform:rotate(-180deg);

transform:rotate(-180deg);

opacity:0;

@-webkit-keyframes move {

0% {

left:0;

opacity:0;

35% {

left:41%;

-webkit-transform:rotate(0deg);

transform:rotate(0deg);

opacity:1;

65% {

left:59%;

-webkit-transform:rotate(0deg);
transform:rotate(0deg);

opacity:1;

100% {

left:100%;

-webkit-transform:rotate(-180deg);

transform:rotate(-180deg);

opacity:0;

@-o-keyframes move {

0% {

left:0;

opacity:0;

35% {

left:41%;

-o-transform:rotate(0deg);

transform:rotate(0deg);

opacity:1;

65% {

left:59%;

-o-transform:rotate(0deg);
transform:rotate(0deg);

opacity:1;

100% {

left:100%;

-o-transform:rotate(-180deg);

transform:rotate(-180deg);

opacity:0;

</style>

</div>

<script>

$(document).ready(function () {

$(".loading-page").fadeOut(1000);

if (window.location.href.indexOf("#Flag")>-1){

var FlagDiv = undefined;

var FlagName =
window.location.href.substr(window.location.href.indexOf("#Flag")
+1,window.location.href.length-window.location.href.indexOf("#Flag"));
found = false;

$(".classFlag").each(function(){

if ($(this).attr("id").toLowerCase() == FlagName.toLowerCase()){

Found = true;

FlagDiv = $(this);

return false;

})

if (Found){

scrollflag = true;

setInterval(function(){if(scrollflag){window.scrollBy(0,-$
(window).height()/9);scrollflag=false}},10)

$(FlagDiv).selectText();

});

</script>

<link rel='stylesheet' type='text/css' href='/WebModules/Website-


Resources/Css/contact-Overlay.css'>

<script>

$(document).ready(function () {

$('.module1').parent().prepend('<div class="dummy-main-div" style="height:


260px;width: 100%;"></div>');
$('.module1').parent().append('<div class="dummy-main-div" style="height:
260px;width: 100%;"></div>');

});

</script>

<style>

.compat-object-fit {

background-size: cover;

background-position: center;

.compat-object-fit img {

opacity: 0;

</style>

<style>

@font-face {

font-family: "Roboto";

src: url("/webmodules/common/fonts/roboto/roboto-black.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-blackitalic.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-bold.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-bolditalic.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-italic.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-light.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-lightitalic.ttf") format('truetype'),
url("/webmodules/common/fonts/roboto/roboto-medium.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-mediumitalic.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-regular.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-thin.ttf") format('truetype'),

url("/webmodules/common/fonts/roboto/roboto-thinitalic.ttf") format('truetype')

@font-face {

font-family: 'Roboto Slab';

src: url('/webmodules/common/fonts/robotoslab/Robotoslab-Regular.ttf');

@font-face {

font-family: 'Open Sans';

src: url('/webmodules/common/fonts/opensans/OpenSans-Regular.ttf');

@font-face {

font-family: 'Lato';

src: url('/webmodules/common/fonts/lato/lato-Regular.ttf');

@font-face {

font-family: 'Bad Script';

src: url('/webmodules/common/fonts/BadScript/BadScript-Regular.ttf');

@font-face {

font-family: 'Slabo 27px';

src: url('/webmodules/common/fonts/Slabo27px/Slabo27px-Regular.ttf');
}

@font-face {

font-family: 'Oswald';

src: url('/webmodules/common/fonts/Oswald/Oswald-Regular.ttf');

@font-face {

font-family: 'Montserrat';

src: url('/webmodules/common/fonts/Montserrat/Montserrat-Regular.ttf');

@font-face {

font-family: 'Ubuntu';

src: url('/webmodules/common/fonts/Ubuntu/Ubuntu-Regular.ttf');

@font-face {

font-family: 'Noto Sans';

src: url('/webmodules/common/fonts/NotoSans/NotoSans-Regular.ttf');

@font-face {

font-family: 'Nunito';

src: url('/webmodules/common/fonts/Nunito/Nunito-Regular.ttf');

@font-face {

font-family: 'Patua One';

src: url('/webmodules/common/fonts/PatuaOne/PatuaOne-Regular.ttf');

}
@font-face {

font-family: 'Righteous';

src: url('/webmodules/common/fonts/Righteous/Righteous-Regular.ttf');

@font-face {

font-family: 'Tangerine';

src: url('/webmodules/common/fonts/Tangerine/Tangerine-Regular.ttf');

@font-face {

font-family: 'Press Start 2P';

src: url('/webmodules/common/fonts/PressStart2P/PressStart2P-Regular.ttf');

</style>

</head>

<body>

<div class='logo'>

<a href="/"><img alt="Universal Tissue (Pty) Ltd" style="max-width:89%;max-


height:100%;margin:5%;margin-top:4%"></a>

</div>

<div class='topnav'>

<div class='internal'><ul class='navbar'><li id='menuitem1'><a class='animsition-link' style=''


href='/Default.asp'>Home</a></li>

<li id='menuitem2'><a class='animsition-link' style='' href='/Pages/About-Us.asp'>About


Us</a></li>

<li id='menuitem3'><a class='animsition-link' style=''


href='/Pages/Products.asp'>Products</a></li>

<li id='menuitem4'><a class='animsition-link' style='' href='/pages/finished-


products.asp'>Online Enquiries</a><ul>

<li><a class='animsition-link' href='/Pages/Finished-Products.asp'>Finished Products</a></li>

<li><a class='animsition-link' href='/Pages/Raw-Materials.asp'>Raw Materials</a></li>

</ul>

</li>

<li id='menuitem5'><a class='animsition-link' style='' href='/Pages/Contact-Us.asp'>Contact


Us</a></li>

</ul></div></div>

<div class='image1'>

<div class='image1internal'>

<img data-height='1200' data-width='1920' data-


orig='/_Webmoduledata/Images/Raw/contact-back.jpg' width='100%' height='auto'/>

</div>

</div>

<div class='content1'>

<div class='content1internal'>

<h3 style="text-align: center;">Telephone


Number:</h3><div style="text-align: center;">+27(0)16 341 - 6396<br />+27(0)16 341 -
6805<br />&nbsp;</div><h3 style="text-align: center;">Fax Number:</h3><div style="text-align:
center;">+27(0)16 341 - 6386<br />+27(0)16 341 - 3698<br />&nbsp;</div><h3 style="text-align:
center;">Enquiries:</h3><div style="text-align: center;"><a
href="mailto:info@tissuepaper.co.za" style="curso&#114;:pointer;text-decoration: underline !
important;" title="mailto:info@tissuepaper.co.za">info@tissuepaper.co.za</a><br
/>&nbsp;</div><h3 style="text-align: center;">Physical Address:</h3><div style="text-align:
center;">15 Albert Street<br />Heidelberg<br />South Africa</div>

</div>

</div>
<div class='module1'>

<div class='module1internal'>

<script src="/webmodules/common/js/jquery-ui.min.js"></script>

<link rel="stylesheet" href="/webmodules/common/css/jquery-ui.css">

<link rel="stylesheet"
href="/webmodules/ContactFormCreator/css/Page.css">

<script src="/webmodules/common/pcap/puzzleCAPTCHA.js"></script>

<script src="/webmodules/common/js/jquery-ui.min.js"></script>

<link rel="stylesheet" href="/webmodules/common/pcap/puzzleCAPTCHA.css">

<div style="width:calc(50% - 45px);display:inline-block;vertical-align: top;padding: 20px;"


class="contact-details">

<h1>Contact Details: </h1>

<h3 class="address"><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>


13 Albert Street Heidelberg South Africa</a></h3>

<h3><a class="tel" href="tel:+27(0)16 341 6396"><i class="fa fa-phone" aria-


hidden="true"></i> +27(0)16 341 6396</a></h3>

<h3><a class="email" href="mailto:info@tissuepaper.co.za?Subject=Website


%20Generated%20Email"><i class="fa fa-envelope" aria-hidden="true"></i>
info@tissuepaper.co.za</a></h3>

</div>
<div style="width:calc(50% - 45px);display:inline-block;padding: 20px;" class="temp-
holder-cfc">

<form autocomplete="on" action="/webmodules/contactformcreator/sendmail.asp"


style="text-align:left;" id="mycoolform" method="post" class="contact-form-ctn">

<input style="display:none;" type="hidden"


name="ImageID" value="20">

<input style="display:none;" type="hidden"


name="ImageCode" value="176">

<input style="display:none;" type="hidden"


name="ImageHash" value="1019955">

<input style="display:none;" name="id"


value="6591066800" />

<input style="display:none;" name="url" value="tissuepaper.co.za/Pages/Contact-


Us.asp"/>

<input style="display:none;" name="group" value="1"/>

<p class="form-label">Name: </p><input required='required' style="width:100%;"


class="form-input" type="text" name="input-1" /><br /><p class="form-label">Surname:
</p><input required='required' style="width:100%;" class="form-input" type="text"
name="input-2" /><br /><p class="form-label">Email: </p><input required='required'
style="width:100%;" class="form-input" type="email" name="email-1" pattern="[a-z0-9._%+-]
+@[a-z0-9.-]+\.[a-z]{2,3}$" /><br /><p class="form-label">Name: </p><input required='required'
style="width:100%;" class="form-input" type="text" name="input-3" /><br /><p class="form-
label">Area: </p><input required='required' style="width:100%;" class="form-input" type="text"
name="input-4" /><br /><p class="form-label">List Products needed: </p><textarea
required='required' style="width:100%;" class="form-text" name="text-1"></textarea><br />

</form>

</div>

<script>

$(window).load(function () {
$('#ui-datepicker-div').removeClass('rv-inner-content');

$('#ui-datepicker-div').removeClass('rv-content');

$('#ui-datepicker-div').removeClass('content');

$('#ui-datepicker-div').removeClass('rv-widget');

$('#ui-datepicker-div').removeClass('widget');

});

$(document).ready(function () {

if ($('.cfc-ctn').length < 1) {

$('#mycoolform').append('<div class="cfc-ctn"><p style="margin-top:10px;text-


align:center;">Please, complete to submit</p><div class="normal-cap"><div class="cap-
img"></div><input class="input cap-text" /><div class="checker"><i class="fa fa-
times"></i></div></div><div class="cfc-btn-ctn" style="text-align:center;"><button data-
btn="TBI" type="submit" disabled="disabled" class="cfc-btn submit-
cfc">Submit</button></div></div>');

}
var zz = Math.floor(Math.random() * 15) + 1;

var zz2 = Math.floor(Math.random() * 3) + 1;

$('.cap-img').css('background-image',
'url("/webmodules/contactformcreator/captchaimages/Code-' + zz + '-' + zz2 +
'.png")').attr('data-t', zz);

$('body').on('keyup', '.cap-text', function (e) {

var zz = $('.cap-img').attr('data-t');

var z = $(this).val();

$.ajax({

url: '/webmodules/contactformcreator/handler/CodeCheck.asp',

data: { 'zz': zz, 'z': z },

type: 'post',

success: function (data) {

if (data == 'auth') {

$('.checker').css('background-color', '#1fa67a');

$('.checker').html('<i class="fa fa-check"/>');

$('.submit-cfc').removeAttr('disabled');

} else {
$('.checker').css('background-color', '#ff024f');

$('.checker').html('<i class="fa fa-times"/>');

});

});

});

</script>

<style>

body #contact-form_content p {

margin: 5px;

body .puzzleCAPTCHA .pcBox {

margin: 0px !important;


float: left;

body .puzzleCAPTCHA .pcAnswer {

margin: 0px 19px !important;

float: left !important;

body .puzzleCAPTCHA {

display:block;

@media (max-width: 1100px) {

body .contact-details {

width: 100% !important;

body .temp-holder-cfc {

width: 100% !important;

@media (max-width: 380px) {


body .module.rv-module {

margin: 0 !important;

padding: 0 !important;

body .temp-holder-cfc,

body .contact-details {

padding: 0 !important;

</style>

<script>

$(document).ready(function () {

var requiredCheckboxes = $(".contact-form-ctn :checkbox[required]");

$("body").on("change", requiredCheckboxes, function () {


if (requiredCheckboxes.is(":checked")) {

requiredCheckboxes.removeAttr("required");

} else {

requiredCheckboxes.attr("required", "required");

});

});

</script>

</div>

</div>

<div class='widget1'>

<div class='widget1internal'>

<script
src='/WebModules/Components/GoogleMap/js/googlemaps-scrollprevent.min.js'></script>

<style>

.mapscroll-wrap {display: block;position: relative;height: 100%;}

.mapscroll-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


</style>

<iframe class='unselectable lock'id='mapframe' width='100%' height='100%' frameborder='0'


style='border:0;pointer-events:none;' src='https://www.google.com/maps/embed/v1/place?
q=13 Albert Street Heidelberg South Africa&key=AIzaSyBcIq3NWL3hWe-
OF5LV8muqWWhzK7di9kI' allowfullscreen></iframe>

<script>$('#mapframe').scrollprevent().start();</script>

</div>

</div>

<div class='botnav'>

<div class='internal'><ul class='navbar'><li id='menuitem1'><a class='animsition-link' style=''


href='/Default.asp'>Home</a></li>

<li id='menuitem2'><a class='animsition-link' style='' href='/Pages/About-Us.asp'>About


Us</a></li>

<li id='menuitem3'><a class='animsition-link' style=''


href='/Pages/Products.asp'>Products</a></li>

<li id='menuitem4'><a class='animsition-link' style='' href='/pages/finished-


products.asp'>Online Enquiries</a><ul>

<li><a class='animsition-link' href='/Pages/Finished-Products.asp'>Finished Products</a></li>

<li><a class='animsition-link' href='/Pages/Raw-Materials.asp'>Raw Materials</a></li>

</ul>

</li>

<li id='menuitem5'><a class='animsition-link' style='' href='/Pages/Contact-Us.asp'>Contact


Us</a></li>

</ul></div></div>

</body>
<footer>

<script>

var ForcedImageContain = "no";

</script>

<script src="/WebModules/Website-Resources/JS/Responsive.js"></script>

<script src='/WebModules/PageManager/LayoutManager/Layouts/3 Image


Animated/1T1T/effects.js'></script>

<script>

$(document).ready(function () {

var ww = $(window).width();

if (ww > 1100) {

if ($('.rv-content').length > 0) {
var foktog = "3 Image Animated";

var color = $('.rv-content').css('background-color');

var foktoggie = foktog.split('_');

var tl = "1T1TLMLL";

var c1 = tl.substring(2,3);

var c2 = tl.substring(4,5);

color = color.replace(')', '');

if (color.indexOf('rgb') !== -1) {

color = color.replace('rgb(', 'rgba(');

var ttt = color.split(',')

color = ttt[0] + ',' + ttt[1] + ',' + ttt[2] + ',0.7';

var lastChar = color.substr(color.length - 1);

if (lastChar != ')') {

color = color + ')';

}
}

if ((c1 == '1')&&(c2 == '1')) {

$('.rv-content').each(function () {

$(this).attr('style', 'background-color: ' + color + ' !important;position:


absolute !important;margin-right: 0 !important;');

});

});

</script>

<script>

$(document).ready(function () {
$('.rv-content').attr('style', '');

})

</script>

<style>

body div.content.rv-content {

z-index: 95;

body div.botnav {

z-index: 99 !important;

</style>

<style>
body .logo img {

width: 100%;

</style>

<style>

body .logo img {

max-width: 425px !important;

body .logo {

max-width: 425px !important;

width: auto !important;

</style>

<script>
var LabelPosition = 'left';

</script>

<script src='/WebModules/website-resources/js/labels-Normal.js'></script>

<link rel='stylesheet' type='text/css' href='/WebModules/Website-Resources/Css/labels-


Normal.css'>

</footer>

<script>

$(document).ready(function () {

var w = $(window).width();

$('.rv-image img').each(function () {

$(this).parent().css('background-size', 'cover');

});

});
(function () {

var method;

var noop = function () { };

var methods = [

'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',

'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',

'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',

'timeStamp', 'trace', 'warn'

];

var length = methods.length;

var console = (window.console = window.console || {});

while (length--) {

method = methods[length];

if (!console[method]) {

console[method] = noop;

}
}

}());

</script>

<style>

.rv-no-parra {

background-position: center;

html body .parallax {

background-repeat: no-repeat;

background-position: 50% 0;

-webkit-transition: background-position ease-in;

-moz-transition: background-position ease-in;

-o-transition: background-position ease-in;

transition: background-position ease-in;

background-size: cover;

</style>

<script type='text/javascript' src='/WebModules/common/js/dannypara.js'></script>


<script
src="/webmodules/websiteeffects/mousetrails/Particles.js"></script>

<script>

if (typeof Particles == 'function'){

Particles();

</script>

<script
src="/_WebModuleData/SiteBuilder/CurrentLayout/Analytics.js"></script>

<script>

var logo = $('.logo').html();

$('.topnav .internal').prepend('<div class="dummy-div logo"


style="position:relative;float:left;">' + logo + '</div>');

</script>

<link rel='stylesheet' type='text/css'


href='/WebModules/PageManager/LayoutManager/Layouts/3 Image
Animated/Menu/LMLL.css'>

<div class="tier-3-menu-settings">

<style>
.topnav .navbar > li > ul > li > ul,

.botnav .navbar > li > ul > li > ul {

display: none !important;

position: absolute;

top: 0;

.topnav .navbar > li > ul > li:hover > ul,

.botnav .navbar > li > ul > li:hover > ul {

display: block !important;

</style>

<script>

$(document).ready(function () {

var tnavw = $('.topnav .navbar > li').width();

var tnavc = $('.topnav .navbar > li > ul > li > a').attr('style');

var bnavw = $('.botnav .navbar > li').width();

var bnavc = $('.botnav .navbar > li > ul > li > a').attr('style');

$('body').append('<style>.topnav .navbar > li > ul > li > ul > li a {' + tnavc + '} .topnav
.navbar > li > ul > li > ul {width: ' + tnavw + ';right: -' + tnavw + ';} .botnav .navbar > li > ul > li > ul
> li a {' + bnavc + '} .botnav .navbar > li > ul > li > ul {width: ' + bnavw + ';right: -' + bnavw + ';top:
auto !important;bottom: 0 !important;}</style>');

});

</script>
</div>

<script Id="KAnalytics" data-a='1066' data-


b='WecYsD5aaptt5dopa2dLuy06o25kGsKU5rdd0a7dYFo'
src="/WebModules/SiteAnalytics/js/KAnalytics.js"></script>

</html>