Document

<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Contact Us</title> 
<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;

animation-delay:1s;
-o-animation-delay:1s;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
@keyframes move {
0% {
left:0;
opacity:0;
35% {
left: 41%;
opacity:1;
65% {
left:59%;
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%;
opacity:1;
65% {
left:59%;
opacity:1;
100% {
left:100%;
-moz-transform:rotate(-180deg);
opacity:0;
@-webkit-keyframes move {
0% {
left:0;
opacity:0;
35% {
left:41%;
opacity:1;
65% {
left:59%;
opacity:1;
100% {
left:100%;
-webkit-transform:rotate(-180deg);
opacity:0;
@-o-keyframes move {
0% {
left:0;
opacity:0;
35% {
left:41%;
opacity:1;
65% {
left:59%;
opacity:1;
100% {
left:100%;
-o-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>
$('.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 /> </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 /> </div><h3 style="text-align:
center;">Enquiries:</h3><div style="text-align: center;"><a
href="mailto:info@tissuepaper.co.za" style="cursor:pointer;text-decoration: underline !
important;" title="mailto:info@tissuepaper.co.za">info@tissuepaper.co.za</a><br
/> </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">

name="ImageCode" value="176">

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');
});
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>
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>
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>
$('.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>
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>
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>

Document

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Document

Caricato da

Copyright:

Formati disponibili

<html lang='en'>

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

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

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

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

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

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

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

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

var BackgroundSize = 'Cover';

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

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

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

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

<div class="loading-page" >

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;

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

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

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

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

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

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

var FlagDiv = undefined;

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

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

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

font-family: 'Roboto Slab';

font-family: 'Open Sans';

font-family: 'Bad Script';

font-family: 'Slabo 27px';

font-family: 'Noto Sans';

font-family: 'Patua One';

font-family: 'Press Start 2P';

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

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

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

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

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

<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>

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

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

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

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

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

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

<h1>Contact Details: </h1>

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

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

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

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

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

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

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

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

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

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

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

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

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