Skip to content

Instantly share code, notes, and snippets.

@shamun

shamun/gist:e8526630b6180d9ecf2620e75b220d15

Created December 3, 2016 09:38
Show Gist options
  • Save shamun/e8526630b6180d9ecf2620e75b220d15 to your computer and use it in GitHub Desktop.
Save shamun/e8526630b6180d9ecf2620e75b220d15 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/images/logo.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="/images/logo.png" />
<title>Teleportel Europe N.V. | Automatische dienstverlening én live video service over afstand voor Toerisme en voor Overheidsdiensten.</title> <meta name="keywords" content="Cloud Video in the cloud Without software download Video without software download Automatic customer Service Customer service Customer support Native browser User experience e-commerce avatar automated video service self service video systems">
<meta name="description" content="Automatische dienstverlening én live video service over afstand voor Toerisme en voor Overheidsdiensten.">
<meta name="Language" content="en">
<meta name="dc.title" content="Teleportel Europe N.V. | ">
<meta name="dc.keywords" content="Cloud Video in the cloud Without software download Video without software download Automatic customer Service Customer service Customer support Native browser User experience e-commerce avatar automated video service self service video systems">
<meta name="dc.description" content="Automatische dienstverlening én live video service over afstand voor Toerisme en voor Overheidsdiensten.">
<meta name="og:url" content="http://www.teleportel.com">
<meta name="og:title" content="Teleportel Europe N.V. | ">
<meta name="og:image" content="http://www.teleportel.com/images/logo.png">
<meta name="og:description" content="Automatische dienstverlening én live video service over afstand voor Toerisme en voor Overheidsdiensten.">
<!-- NEW -->
<!-- Scripts -->
<script type="text/javascript">
var balls = "/nl/Toerisme-en-Overheid";
</script>
<link href="/css/abyhu-features-pricing-table.css" media="screen" rel="stylesheet" type="text/css">
<link href="/v2/css/style.css" media="screen" rel="stylesheet" type="text/css">
<link href="/v2/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/v2/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="/v2/js/global.js"></script></head>
<body>
<!-- NEW -->
<header>
<div class="logo">
<a href='/nl'>
<img src="/v2/images/logo.png" alt="Teleportel Europe N.V. - Custom built video communication systems"/>
<!-- <img src="/v2/logo/1.jpg" alt="Teleportel Europe N.V. - Custom built video communication systems"/>-->
</a>
</div>
<div class="top-right">
<div id="cssmenu">
<ul>
<li><a href="/nl/over-ons">Over ons</a></li>
<li><a href="/nl/about-you">Over u</a></li>
<li><a href="/nl/products">Producten</a></li>
<li><a href="/nl/examples">Voorbeelden</a></li>
<li><a href="/nl/resellers">Resellers</a></li>
<li><a href="/nl/contact">Contact</a></li>
<li class="has-sub"><a href=".">Taal</a>
<ul style="width:120px;">
<li><a href="/en">English</a></li>
<li><a href="/nl">Nederlands</a></li>
<li><a href="/fr">Français</a></li>
<!-- <li><a href="/de">Deutsch</a></li>
<li><a href="/es">Español</a></li>-->
</ul>
</li>
</ul>
</div>
<div class="search-container">
<form id="tootle" name="tootle" method="post" action="/nl/tootle">
<input type="text" placeholder="Zoeken" name="search" id="searchme"/>
<a nohref id="tootle_submit">
<img src="/v2/images/search-icon.png" width="17" height="20" alt="Search"/>
</a>
</form>
</div>
</div>
<a id="mobile-menu"><img src="/v2/images/menu-icon.png" width="40" height="40" alt="Menu"/></a>
</header>
<div id="mobile-nav">
<ul>
<li><a href="/nl/over-ons">Over ons</a></li>
<li><a href="/nl/about-you">Over u</a></li>
<li><a href="/nl/products">Producten</a></li>
<li><a href="/nl/examples">Voorbeelden</a></li>
<!-- <li class="has-sub"><a href="/nl/products">Prducten</a>
<ul>
<li><a href="/nl/werkstations">Werkstations</a></li>
<li><a href="/nl/2d-kiosks">2D Kiosks</a></li>
<li><a href="/nl/3d-kiosks">3D Kiosks</a></li>
<li><a href="/nl/software">Software</a></li>
<li><a href="/nl/diensten">Diensten</a></li>
</ul>
</li>
<li class="has-sub"><a href="/application">Examples</a>
<ul>
<li><a href="/nl/luchthavens-en-stations">Luchthavens en Stations</a></li>
<li><a href="/nl/banken">Banken</a></li>
<li><a href="/nl/Training-en-Opleidingen">Training en Opleidingen</a></li>
<li><a href="/nl/Receptie-en-Ontvangst">Receptie en Ontvangst</a></li>
<li><a href="/nl/Onthaal-en-Hospitality">Onthaal en Hospitality</a></li>
<li><a href="/nl/Toerisme-en-Overheid">Toerisme en Overheid</a></li>
<li><a href="/nl/Gezondheidszorg">Gezondheidszorg</a></li>
<li><a href="/nl/Politie">Politie</a></li>
<li><a href="/nl/Selectie-en-Recrutering">Selectie en Recrutering</a></li>
<li><a href="/nl/Retail-Verkoop">Retail – Verkoop</a></li>
<li><a href="/nl/Video-Call-Center">Video Call Center</a></li>
<li><a href="/nl/Andere-toepassingen">Andere toepassingen</a></li>
</ul>
</li>-->
<li><a href="/nl/resellers">Resellers</a></li>
<li><a href="/nl/contact">Contact</a></li>
<li class="has-sub"><a href=".">Language</a>
<ul>
<li><a href="/en">English</a></li>
<li><a href="/nl">Nederlands</a></li>
<!-- <li><a href="/fr">Français</a></li>
<li><a href="/de">Deutsch</a></li>
<li><a href="/es">Español</a></li>-->
</ul>
</li>
</ul>
</div>
<!-- COOKIES -->
<div id="cookiebanner" style="text-align:center;
z-index: 9999;
position: absolute;
background-color: darkgray;
padding: 10px;
left: 24%;
border-radius: 5px;">
Om uw gebruikerservaring te verbeteren, maken wij gebruik van cookies. Door te blijven, gaan we ervan uit u akkoord gaat.
<a id="btn_cookie_accept"
onclick="disableCookie('tpcookie','installed', 30);"
title="Redisplays page without cookie banner "
href="javascript:void(0)">
<img src="/images/ok.png"
style="margin-left:10px;"/>
</a>
</div>
</div>
<!-- COOKIES -->
<script type="text/javascript">
// Set cookies
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name) == 0){
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookie(name) {
var usr = getCookie(name);
return usr;
}
var chk = checkCookie("tpcookie");
if (chk != "") {
document.getElementById('cookiebanner').style.display = 'none';
} else {
document.getElementById('cookiebanner').style.display = 'block';
}
function disableCookie(cname, cvalue, exdays) {
setCookie(cname, cvalue, exdays);
document.getElementById('cookiebanner').style.display = 'none';
}
</script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43849813-2', 'teleportel.com');
ga('send', 'pageview');
</script>
<!-- OTHER PAGE's -->
<div class="full-width inner-main-container">
<!-- Inner Title -->
<div class="full-width inner-title">
<div class="container">
<div class="row"><h1>Automatische dienstverlening én live video service over afstand voor Toerisme en voor Overheidsdiensten.</h1></div>
</div>
</div>
<!-- Inner Container -->
<div class="full-width inner-cols-container">
<div class="container">
<div class="row">
<div class="col-md-9">
<article>
<h1>e-Video- Loket</h1>
<p>
Hoogste vorm van dienstverlening én kostenbesparing door
live video-communicatie, automatisatie en self-service.</p>
<p>
Voor de toepassingen waarbij persoonlijk contact met de burger van belang is :
informatie, overleg, administratie, formaliteiten, Politie,…
</p>
<br/>
<div style=" display: inline-block;">
<div style="float:left;">
<b>Via uw website</b>
<Br/>
<img src="/v2/luc/2/17.jpg"
style="width:220px;"/>
</div>
<div style="float:left;">
<b> 2D Loket</b>
<Br/>
<img src="/v2/luc/1/17.png" style="width:220px;"/>
</div>
<div style="float:left;">
<b>3D Loket</b>
<Br/>
<img src="/v2/luc/2/12.jpg" style="width:220px;"/>
</div>
</div>
<div style=" display: inline-block;">
<div style="float:left;width: 220px;">
Van thuis uit.
Zonder aanpassing site.
Geen software download.
Desktop, Tablet, Smartphone.
Encryptie. Veilig.
Zéér gemakkelijk.
</div>
<div style=" float: left;
width: 440px;
border: solid 1px;
padding: 5px;">
Voor gemeentehuis of publieke plaatsen (cultureel
centrum, bibliotheek, zwembad, zorgcentrum, enz…)
om korter bij de burger te staan.
Aansluiten van ID kaartlezer, printer, scanner, enz..
Vele verschillende modellen en maten beschikbaar.
Aangepast aan uw huisstijl/omgeving/meubilair.
</div>
</div>
<Br/>
<br/>
<div>
Wordt op maat geleverd voor ùw specifieke toepassingen en noden.
Integratie met bestaande data-bases/ICT systemen.
Naast live video communicatie ook automatische, video-self- service dienstverlening (optioneel).
Onmiddellijke tolkendienst (200 talen) beschikbaar voor uw medewerkers (optioneel) .
Zonder impact op uw bestaande ICT infrastructuur en beschikbare ICT mankracht.
<br/>
<br/>
</div>
</article>
<article>
De geavanceerde video-technologie leent zich perfect tot het verlenen van diensten over afstand. De burger kan op die manier terecht bij de Overheid voor administratieve afhandeling van dossiers en voor het uitwisselen van informatie. Deze processen kunnen gedeeltelijk worden geautomatiseerd - hetgeen resulteert in lagere kosten - én over afstand met een overheidsmedewerker in een andere locatie.
<br/><br/>
<a href="javascript:void(0)" class="a_dl_file read-more" id="czozMjoiTGl2ZVZpZGVvaW5kaWVuc3R2YW5kZUJ1cmdlci5wZGYiOw==">Download</a> Leaflet
<br/>
<br/>
<br/>
<img src="/images/government1.jpg" alt="Government-1"/>
</article>
<article>
Ook uiterst geschikt voor Toerisme doeleinden : informatie aan toeristen wordt plots een stuk gemakkelijker, goedkoper én beter. Hieronder een paar video clips van Toerisme Vlaanderen in samenwerking met de Stad Gent.
<br/><b>English</b><br/>
<iframe height="315" src="https://www.youtube.com/embed/oIMpoFH8eFA?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe><br/><br/><br/>
<b>Dutch</b><br/>
<iframe height="315" src="https://www.youtube.com/embed/GgUke0q6rXA?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe><br/><br/><br/>
<b>Dutch</b><br/>
<iframe height="315" src="https://www.youtube.com/embed/xAaBSBSrVks?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>
</article>
<article>
Deze applicatie in Sint Pieters Station in Gent werd in 2013 beloond met de ‘Meest Innovatieve Toerisme Toepassing’ door Toerisme Vlaanderen.
Ruim 600 toeristen gebruiken dagelijks deze unieke opstelling. Er wordt vooral gebruik gemaakt van de Humanoid Avatar (zie Producten/Software) die automatische informatie verstrekt zonder tussenkomst van een medewerker maar ook van medewerkers van de dienst Toerisme (en call centers) die zich in andere locaties bevinden. Op het ogenblik dat géén medewerker beschikbaar is, verschijnt ook de live verbindingsknop niét op de Kiosk. De toeristen worden bediend in maar liefst 5 talen (NL FR EN DU SP). Verder is de Kiosk volledig uitgerust voor communicatie met slechthorenden, slechtzienden en minder-validen.
Hieronder een paar foto’s van de Informatie Kiosk en de ‘back office’ in kwestie.
<br/><br/><br/>
<img src="/images/tg-1.jpg"/><br/><br/>
<img src="/images/tg-2.jpg"/><br/><br/>
<img src="/images/tg-3.jpg"/>
</article>
</div>
<div class="col-md-3">
<script type="text/javascript" src="/v2/js/islide.js"></script>
<h1 class="free-trial-title">
Contact
</h1>
<section class="free-trial-form">
<!-- <div style="height: 187px; width: 221px;">
<img src="/images/tg-1.jpg" alt="Airport-1" id="slide_me"
style="max-width:100%;
max-height: 100%;" onclick="show_next_nl();">
</div> -->
<div style="height: 187px; width: 221px;">
<img src=""
alt="Teleportel Europe N.V. Photo Gallery"
id="slide_me"
style="max-width:100%;
max-height: 100%;"
onclick="show_next_nl();"
title="-" />
</div>
<b style="margin-left: -27px;">We custom-build since 2001</b>
<br/>
<input type="text" name="txtName" id="txtName" placeholder="Voornaam en naam"/><em>*</em><br/>
<input type="text" name="txtEmail" id="txtEmail" placeholder="E-mail"/><em>*</em><br/>
<input type="text" name="txtPhone" id="txtPhone" placeholder="Telefoon"/><em>*</em><br/>
<input type="text" name="txtCompany" id="txtCompany" placeholder="Bedrijf"/><em>*</em><br/>
<textarea name="txtComments" id="txtComments" placeholder="Boodschap"></textarea><em>*</em><br/>
<input type="password" name="txtPin" id="txtPin" placeholder="PIN code"/><br/>
<input type="hidden" name="txturl" id="txturl" placeholder="from" value="/nl/Toerisme-en-Overheid"/>
<a class="read-more" id="btnContact" nohref>SUBMIT</a>
</section> </div>
</div>
</div>
</div>
</div>
<!-- Footer Links -->
<div class="full-width footer-links">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="col-md-6">
<a href="/nl/examples"><h2>Voorbeelden</h2></a>
<a href="/nl/products"><h2>Producten</h2></a>
<h2>Meer</h2>
<ul>
<li><a href="/nl/technology">Technologie</a></li>
<li><a href="/nl/klanten">Klanten</a></li>
</ul>
<br/>
</div>
<div class="col-md-6">
<div class="all-video-clips"><a href="/nl/Bekijk-alle-video-clips"><img src="/v2/images/all-video-clips.png"/>Hier alle video-clips</a>
<Br/>
<Br/>
<a href="/nl/islide">
<img src="/v2/new/images.jpg"/>Watch all images
</a>
</div>
<Br/>
<a href="/nl/helpme" class="help-btn"><span>HELP</span><br/>Zero Response Time</a>
</div>
</div>
<div class="col-sm-6 center-text">
<article>
<span class="video-connect">Maak een live video verbinding met een Teleportel medewerker voor een <br/>live demonstratie. </span>
<br/><br/>Als onze medewerker beschikbaar is, dan zal een drukknop met foto verschijnen op deze pagina. <br/><br/>
Het volstaat om op die knop te drukken.<br/><br/>
Gebruik een PC met camera en Google Chrome <img src="/images/chrome-icon.svg" width="30" height="30"/><br/><br/>
Als er niémand beschikbaar is, verschijnt de drukknop niét.<br/>
In dat geval, vragen we u, om uw email adres hier achter te laten. <br/>
We contacteren u dan voor een live demonstratie.<br/>
</article>
<section class="email-d">
<input type="text" placeholder="e-mail" name="email" id="global_email"/>
<a class="submit" id="btnglobal_submit" nohref >GA VERDER</a>
</section>
<section class="tel-email">Tel. +32 (0) 2-478.90.80&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<a href="mailto:[email protected]">[email protected]</a></section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="full-width footer">
<div class="container">
<div class="row">
<h1>Teleportel (since 2001). Specialist and market leader in <br/>
Custom-built Video Communication Systems.</h1>
</div>
<div class="row">
<div class="col-sm-6 col-xs-12 footer-logo"><img src="/v2/images/logo.png" alt="Teleportel Logo"/><br/>
&copy; 2016 All rights reserved Teleportel Europe N.V., Brussels, Belgium</div>
<div class="col-sm-6 col-xs-12 right-text"> <a href="/legal" class="lcs">LEGAL</a> <a href="/user-agreement" class="lcs">USER AGREEMENT</a> <a href="/contact-us" class="lcs">CONTACT</a> <a href="/sitemap" class="lcs-last">SITEMAP</a> <br/>
<br/>
<a href="https://www.linkedin.com/company/teleportel-europe-n-v-" target="_blank"><img src="/v2/images/linkedin_icon.png"/></a> <br/>
<br/>
<br/>
Developed By : <a href="http://paramounttechnolab.com" target="_blank" rel="nofollow">Paramount Technolab</a> </div>
</div>
</div>
</div>
<!-- Reporting Box - Start -->
<div id="msg_common" style="display: none;">
<div id="msg_common_title"></div>
<div id="msg_common_desc"></div>
</div>
<!-- Reporting Box - End -->
<!-- Request demo POPUP -->
<div class="req_demo_popup" style="display: none;">
<div class="req_demo_close">X</div>
<div class="clr"></div>
<div class="req_demo_content">
<div id="showurl"></div>
<form id="fReqDl">
<b>Please submit to receive the download.</b>
<br /><br />
Your Name: <span class="req">*</span><br />
<input class="input_text" type="text" name="txtName" id="dltxtName" />
<br />
Your Email: <span class="req">*</span><br />
<input class="input_text" type="text" name="txtEmail" id="dltxtEmail" />
<br />
<div id="btnReqDl" style="cursor: pointer; padding:5px;">Send</div>
<img id="imgLoaderReq" src="/images/ajax-loader.gif" width="16" height="16">
<input type="hidden" id="dlInputData" />
</form>
<div class="clr"></div>
</div>
</div>
<!-- live video POPUP -->
<div class="live_popup" style="display: none;">
<div class="live_close">X</div>
<div class="clr"></div>
<div class="vid_frame">
<iframe src="" id="live_frame" ></iframe>
</div>
</div>
<!-- Video Connect Agent Start -->
<div class="agent-popup">
<iframe src="https://talk.attendedbyhumans.com/tobutton.php?id=teleportel&refresh=10&button=video&beehive=beehive&username=ilse" scrolling="no" frameborder="0" allowfullscreen="true" style="padding:0px; margin:0px; width: 130px; height:150px;"></iframe>
<br/>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment