<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Janela digital - A tecnologia ao serviço do imobiliário</title>
<!-- pt-PT -->
<link href="Css/class.css" rel="stylesheet" type="text/css">
<!--script type="text/javascript" src="Js/jquery-1.11.0.min.js"></script-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="Js/jquery.dselect.js" ></script>
<script type="text/javascript" src="Js/jquery.colorbox-min.js"></script>
<!--<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var map_canvas = document.getElementById('map-canvas');
var map_options = {
center: new google.maps.LatLng(39.381118, -9.144947),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: false,
mapTypeControl: false,
panControl: false,
streetViewControl: false,
zoomControl:false,
scrollwheel: false,
styles: [ {featureType:"administrative",elementType:"all",stylers:[{visibility:"on"},{saturation:-100},{lightness:20}]}, {featureType:"road",elementType:"all",stylers:[{visibility:"on"},{saturation:-100},{lightness:40}]}, {featureType:"water",elementType:"all",stylers:[{visibility:"on"},{saturation:-10},{lightness:30}]}, {featureType:"landscape.man_made",elementType:"all",stylers:[{visibility:"simplified"},{saturation:-60},{lightness:10}]}, {featureType:"landscape.natural",elementType:"all",stylers:[{visibility:"simplified"},{saturation:-60},{lightness:60}]}, {featureType:"poi",elementType:"all",stylers:[{visibility:"off"},{saturation:-100},{lightness:60}]}, {featureType:"transit",elementType:"all",stylers:[{visibility:"off"},{saturation:-100},{lightness:60}]}]
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script> -->
<script type="text/javascript">
$(document).ready(function()
{
$(function ()
{
$('.recruitFormCombo select').dselect();
});
$("#secondCombo").fadeOut(1);
$("#available").click( function(){
if($(this).hasClass("active")) {
}
else {
$(this).addClass("active");
$("#apply").removeClass("active");
$("#secondCombo").hide();
$("#firstCombo").fadeIn();
}
});
$("#apply").click( function(){
if($(this).hasClass("active")) {
}
else {
$(this).addClass("active");
$("#available").removeClass("active");
$("#firstCombo").hide();
$("#secondCombo").fadeIn();
}
});
/*
if($("#firstCombo select").val() == "5"){
$("#secondCombo").show();
} else {
$("#secondCombo").slideUp(1);
}
if($("#firstCombo select").val() == "0"){
$("#firstCombo label").hide();
} else {
$("#firstCombo label").fadeIn();
}
$('#firstCombo select').change(function(){
if($(this).val() == "5"){
$("#secondCombo").show();
} else {
$("#secondCombo").hide();
}
if($("#firstCombo select").val() == "0"){
$("#firstCombo label").hide();
} else {
$("#firstCombo label").fadeIn();
}
});*/
$(window).scroll(function () {
var scrollTop = $(window).scrollTop();
var navigationHeight = $("#navigation").outerHeight();
var aboutTop = $("#aboutContent").offset().top - 61;
var aboutHeight = $("#aboutContent").outerHeight();
var aboutBottom = aboutTop + aboutHeight;
var intTop = $("#intContent").offset().top - 61;
var intHeight = $("#intContent").outerHeight();
var intBottom = intTop + intHeight;
var workTop = $("#workContent").offset().top - 61;
var workHeight = $("#workContent").outerHeight();
var workBottom = workTop + workHeight;
var locationTop = $("#locationContent").offset().top - 61;
var locationHeight = $("#locationContent").outerHeight();
var locationBottom = locationTop + locationHeight;
if (scrollTop > 130 ) {
$("#navigation").stop().animate({
opacity: 1,
marginTop: "0px"
}, 300)
}
else {
$("#navigation").stop().animate({
opacity: 0,
marginTop: -navigationHeight
}, 300)
}
if ((scrollTop > aboutTop) && (scrollTop < aboutBottom)) {
$("#navigation .aboutBtn").addClass("activeBtn")
} else {
$("#navigation .aboutBtn").removeClass("activeBtn")
}
if ((scrollTop > intTop) && (scrollTop < intBottom)) {
$("#navigation .intBtn").addClass("activeBtn")
} else {
$("#navigation .intBtn").removeClass("activeBtn")
}
if ((scrollTop > workTop) && (scrollTop < workBottom)) {
$("#navigation .workBtn").addClass("activeBtn")
} else {
$("#navigation .workBtn").removeClass("activeBtn")
}
if ((scrollTop > locationTop) && (scrollTop < locationBottom)) {
$("#navigation .locationBtn").addClass("activeBtn")
} else {
$("#navigation .locationBtn").removeClass("activeBtn")
}
});
$(".headerLogo").click(function(){
$('html, body').animate({
scrollTop: 0
}, 500);
});
$(".aboutBtn").click(function(){
$('html, body').animate({
scrollTop: $("#aboutContent").offset().top - 60
}, 500);
});
$(".intBtn").click(function(){
$('html, body').animate({
scrollTop: $("#intContent").offset().top - 60
}, 500);
});
$(".workBtn").click(function(){
$('html, body').animate({
scrollTop: $("#workContent").offset().top - 60
}, 500);
})
$(".locationBtn").click(function(){
$('html, body').animate({
scrollTop: $("#locationContent").offset().top - 60
}, 500);
})
$(".recruitBtn").click(function(){
$('html, body').animate({
scrollTop: $("#recruitContent").offset().top - 60
}, 500);
})
$(".recruitFormSection input").each(function(){
if ($(this).val() != "") {
$(this).prev("label").addClass("inputTitle");
}
});
$(".recruitFormSection input").focus(function(){
if ($(this).val() === "") {
$(this).prev("label").hide();
$(this).prev("label").addClass("inputTitle");
$(this).prev("label").fadeIn();
}
})
$(".recruitFormSection input").blur(function(){
if ($(this).val() === "") {
$(this).prev("label").hide();
$(this).prev("label").removeClass("inputTitle");
$(this).prev("label").fadeIn();
}
})
$(".recruitFormSection textarea").each(function(){
if ($(this).val() != "") {
$(this).prev("label").addClass("inputTitle");
}
});
$(".recruitFormSection textarea").focus(function(){
if ($(this).val() === "") {
$(this).prev("label").hide();
$(this).prev("label").addClass("inputTitle");
$(this).prev("label").fadeIn();
}
})
$(".recruitFormSection textarea").blur(function(){
if ($(this).val() === "") {
$(this).prev("label").hide();
$(this).prev("label").removeClass("inputTitle");
$(this).prev("label").fadeIn();
}
})
$(".sectionLink a").colorbox({
width: "95%",
height: "95%",
fixed: true
});
$("#mapPopup").colorbox({
iframe: true,
width: "95%",
height: "95%",
fixed: true
});
$("#videoPopup").colorbox({
iframe: true,
width: "95%",
height: "95%",
maxWidth: "1280px",
maxHeight: "720px",
fixed: true
});
$(".footerContent .termos").colorbox({
width: "70%",
height: "90%",
fixed: true
});
});
</script>
</head>
<body>
<div class="mainContent">
<div class="headerNavigation">
<div class="headerNavigationContent">
<a href="javascript:void(0)" class="headerLogo"></a>
<div class="headerMenu">
<a href="javascript:void(0)" class="aboutBtn">Sobre nós</a>
<a href="javascript:void(0)" class="workBtn">O que fazemos</a>
<a href="javascript:void(0)" class="intBtn">Internacional</a>
<a href="javascript:void(0)" class="locationBtn">Onde estamos</a>
<a href="javascript:void(0)" class="recruitBtn">Recrutamento</a>
</div>
</div>
</div>
<div id="navigation">
<div class="headerNavigationContent">
<a href="javascript:void(0)" class="headerLogo"></a>
<div class="headerMenu">
<a href="javascript:void(0)" class="aboutBtn">Sobre nós</a>
<a href="javascript:void(0)" class="workBtn">O que fazemos</a>
<a href="javascript:void(0)" class="intBtn">Internacional</a>
<a href="javascript:void(0)" class="locationBtn">Onde estamos</a>
<a href="javascript:void(0)" class="recruitBtn">Recrutamento</a>
</div>
</div>
</div>
<div class="topContent">
<div class="slogan">
<h1>Líder ibérica no CRM imobiliário</h1>
<h2>Uma Janela de Oportunidades.</h2>
<a href="https://www.youtube.com/embed/sGem5KNa_Gk?rel=0&wmode=transparent" id="videoPopup">Ver vídeo</a>
</div>
<video autoplay id="bgvid" loop>
<source src="Videos/mov1.webm" type="video/webm">
<source src="Videos/mov1.mp4" type="video/mp4">
</video>
</div>
<div id="aboutContent">
<div class="sectionContent">
<div class="sectionText">
<h2 class="sectionTextTitle">
<span>Sobre nós</span>
</h2>
<p class="sectionTextContent">
Líder ibérica no CRM imobiliário.<br>Janela digital - Na vanguarda da tecnologia para o sector imobiliário </p>
</div>
<div class="sectionLink">
<a href="historia.php?lang=pt-PT"><span>a nossa história</span></a>
</div>
<div class="sectionLink">
<a href="atualidade.php?lang=pt-PT"><span>atualidade</span></a>
</div>
</div>
</div>
<div id="workContent">
<div class="sectionContent">
<div class="sectionText">
<h2 class="sectionTextTitle">
<span>O que fazemos</span>
</h2>
<p class="sectionTextContent">
Somos o principal fornecedor de suporte tecnológico do sector imobiliário em Portugal, nomeadamente em termos de gestão (software) e marketing (divulgação na Internet). </p>
<p class="sectionTextContent">
Somos também responsáveis pelo CASASAPO, um portal nacional de imobiliário. </p>
</div>
<div class="sectionLink">
<a href="egorealestate.php?lang=pt-PT"><span>eGO Real Estate</span></a>
</div>
<div class="sectionLink">
<a href="casasapo.php?lang=pt-PT"><span>CASA SAPO</span></a>
</div>
<div class="sectionLink">
<a href="rd.php?lang=pt-PT"><span>R & D</span></a>
</div>
<div class="sectionLink">
<a href="netbox.php?lang=pt-PT"><span>Netbox</span></a>
</div>
</div>
</div>
<div id="intContent">
<!--<div id="map-canvas"></div> -->
<div class="sectionContent">
<div class="sectionText">
<h2 class="sectionTextTitle">
<span>Internacional</span>
</h2>
<p class="sectionTextContent">
Após conquistar a liderança em Portugal, a Janela Digital entendeu que o futuro estava na expansão internacional.</p>
</div>
<!--div class="sectionLink">
<a href="mapa.html" id="mapPopup"><span>mapa</span></a>
</div-->
<div class="sectionLink">
<a href="barcelona.php?lang=pt-PT"><span>Badajoz</span></a>
</div>
<div class="sectionLink">
<a href="global.php?lang=pt-PT"><span>uma empresa global</span></a>
</div>
</div>
</div>
<div id="locationContent">
<!--<div id="map-canvas"></div> -->
<div class="sectionContent">
<div class="sectionText">
<h2 class="sectionTextTitle">
<span>Onde estamos</span>
</h2>
<p class="sectionTextContent">
Estamos no Parque Tecnológico de Óbidos, no centro da zona Oeste, a um pulo de Lisboa, perto de praias e campo. </p>
<p class="sectionTextContent"> Telefone: 262 840 464 <span style='font-size: 8pt;'>(chamada para rede fixa nacional)</span><br><!--<br>-->E-mail: <a href='mailto:[email protected]'>[email protected]</a> </p>
</div>
<div class="sectionLink">
<a href="mapa.php?lang=pt-PT" id="mapPopup"><span>mapa</span></a>
</div>
<div class="sectionLink">
<a href="oeste.php?lang=pt-PT"><span>A zona Oeste</span></a>
</div>
<!--div class="sectionLink">
<a href="global2.html"><span>uma empresa global</span></a>
</div-->
</div>
</div>
<div id="recruitContent">
<div class="sectionContent">
<div class="sectionText">
<h2 class="sectionTextTitle">
<span>Recrutamento</span>
</h2>
<p class="sectionTextContent">
Se acha que se enquadra em algumas das posições disponíveis ou pretende enviar uma candidatura espontânea, preencha o formulário. </p>
</div>
<!-- MAC Stuff Start -->
<form id="feedbackForm" class="contacto" method="post" enctype="multipart/form-data" action="javascript:;">
<input type="hidden" name="ip" value="216.246.40.68" />
<input type="hidden" name="httpref" value="" />
<input type="hidden" name="httpagent" value="Websly Technologies +https://websly.tech" />
<!-- MAC Stuff end -->
<div class="recruitContent">
<div class="recruitForm">
<h3 class="recruitListTitle">Candidatura</h3>
<div class="recruitSwitch">
<a href="javascript:void(0)" class="active" id="available">Posições disponíveis</a>
<a href="javascript:void(0)" id="apply">Candidatura espontânea</a>
</div>
<div class="recruitFormCombo" id="firstCombo">
<select id="cargosDisp" name="cargo">
<option value="" selected="selected">Posição a que se candidata</option>
<option value="Administrativo">Administrativo</option>
<option value="Assistente Operacional">Assistente Operacional</option>
<option value="Consultor">Consultor</option>
<option value="Comunicação">Comunicação</option>
<option value="Comercial">Comercial</option>
<option value="Designer Multimedia">Designer Multimedia</option>
<option value="Pós Venda">Pós Venda</option>
<option value="Programador .NET e .NET Core">Programador .NET e .NET Core</option>
<option value="Programador mySQL e SQL">Programador mySQL e SQL</option>
<option value="Suporte Técnico">Suporte Técnico</option>
<option value="Formação">Formação</option>
<option value="Gestor de Recursos Humanos">Gestor de Recursos Humanos</option>
<option value="Webdesign">Webdesign</option>
</select>
</div>
<div class="recruitFormCombo" id="secondCombo">
<select name="cargo2" id="cargosEsp">
<option value="" selected="selected">Área a que se candidata</option>
<option value="Administrativo">Administrativo</option>
<option value="Assistente Operacional">Assistente Operacional</option>
<option value="Comercial">Comercial</option>
<option value="Consultor">Consultor</option>
<option value="Design 3D">Design 3D</option>
<option value="Design Gráfico">Design Gráfico</option>
<option value="Internacionalização">Internacionalização</option>
<option value="Marketing e Comunicação">Marketing e Comunicação</option>
<option value="Pós Venda">Pós Venda</option>
<option value="Produção Vídeo">Produção Vídeo</option>
<option value="Programação">Programação</option>
<option value="Recursos Humanos">Recursos Humanos</option>
<option value="Suporte Técnico">Suporte Técnico</option>
<option value="Web Design">Web Design</option>
</select>
</div>
<div class="recruitFormSection">
<label>Nome</label>
<input type="text" id="nome" name="nome" class="required" >
</div>
<div class="recruitFormSection">
<label>Telefone</label>
<input type="text" id="telefone" name="telefone" class="required">
</div>
<div class="recruitFormSection">
<label>E-mail</label>
<input type="text" id="correio" name="correio" class="required">
</div>
<div class="recruitFormSection">
<label>Um pouco sobre si</label>
<textarea id="mensagem" name="mensagem"></textarea>
</div>
<div class="recruitFormSectionUpload">
<label>Adicionar ficheiro (curriculo, portfólio)</label>
<input type="file" id="currico" name="attachment" />
</div>
<div class="recruitFormSection">
<input class="checkbox" type="checkbox" id="checktermos" name="checkbox-termos" value="Termos, Condições e Política de privacidade">
Aceito os <a href='termos.php?lang=pt-PT' class='termos cboxElement'>Termos, Condições e Política de Privacidade</a> da Janela Digital, e uso dos meus dados para os fins a que se destinam os formulários, bem como a utilização dos mesmos dados para envio de comunicação da Janela Digital, S.A. e de parceiros comerciais. </div>
<!-- feedback -->
<div id="sendingMessage" class="statusMessage">
<p style="line-height: 50px; margin:10px 0;"><img src="uploading.gif" style="width:50px; height:50px; float:left; margin-right:20px;" />A enviar...</p>
</div>
<div id="successMessage" class="statusMessage">
<h2>Obrigado pelo seu contacto!</h2>
<h3>O seu pedido será respondido assim que possível.</h3>
</div>
<div id="failureMessage" class="statusMessage">
<p>Ocorreu um problema no envio. Por favor tente novamente!</p>
</div>
<div id="failureMessage_attach" class="statusMessage">
<p>Existem campos por preencher ou Anexo em falta.<br />Por favor tente novamente!</p>
</div>
<div id="incompleteMessage" class="statusMessage">
<p>Por favor preencha todos os campos marcados com *</p>
</div>
<!-- feedback -->
<a class="recruitSubmit" href="#" id="submitFBtn_1">Enviar candidatura</a>
<div id="mailResultInfo"> </div>
</div>
</form>
<div class="recruitList">
<h3 class="recruitListTitle">Posições disponíveis</h3>
<pre>
<!-- Array
(
[Administrativo] =>
[Assistente Operacional] =>
[Consultor] =>
[Comunicação] =>
[Comercial] =>
[Designer Multimedia] =>
[Pós Venda] =>
[Programador .NET e .NET Core] => Conhecimentos C#, JavaScript, HTML + CSS
[Programador mySQL e SQL] =>
[Suporte Técnico] =>
[Formação] =>
[Gestor de Recursos Humanos] =>
[Webdesign] =>
)
-->
</pre>
<div class="recruitPosition">
<p class="recruitPositionTitle">Administrativo</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Assistente Operacional</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Consultor</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Comunicação</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Comercial</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Designer Multimedia</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Pós Venda</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Programador .NET e .NET Core</p>
<!--p></p-->
<p>Conhecimentos C#, JavaScript, HTML + CSS</p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Programador mySQL e SQL</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Suporte Técnico</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Formação</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Gestor de Recursos Humanos</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class="recruitPositionTitle">Webdesign</p>
<!--p></p-->
<p></p>
</div>
<div class="recruitPosition">
<p class='recruitPositionTitle'>Procuramos pessoas com o seguinte perfil:</p>
<p>- Gosto pelas novas tecnologias e por novas aprendizagens</p>
<p>- Proactivo e dinâmico</p>
<p>- Sentido de responsabilidade</p>
<p>- Residente no concelho de Caldas da Rainha ou Óbidos (preferencial)</p>
<p>- Disponibilidade Imediata</p>
</div>
</div>
<div style="clear: both"></div>
</div>
</div>
<div id="sideEar">
<a href="?lang=pt-PT" class="idiomas">PT</a>
<a href="?lang=en-UK" class="idiomas">EN</a>
<a href="?lang=es-ES" class="idiomas">ES</a>
<a href="?lang=fr-FR" class="idiomas">FR</a>
</div>
</div>
<div id="footer">
<div class="footerContent">
<a href="javascript:void(0)" class="headerLogo"></a>
<p>
<span>Telefone: +351 262 840 460<span style='font-size: 8pt;'>(chamada para rede fixa nacional)</span></span>
<a href="https://pt-pt.facebook.com/JanelaDigital" target="_blank" class="fb"></a>
<a href="http://pt.linkedin.com/company/janela-digital" target="_blank" class="linkedin"></a></p>
<div> <a href="termos.php?lang=pt-PT" class="termos">Termos, Condições e Política de privacidade</a>
<a href="https://www.livroreclamacoes.pt" target="_blank">Livro de Reclamações online</a></div>
</div>
</div>
</div>
<!-- MAC Sripts -->
<script type="text/javascript">
/////////////////////
// Idiomas
var locale = "pt-PT";
console.log(locale);
$("#sideEar a[href$='?lang=pt-PT']").addClass("current");
/////////////////////
/////////////////////
var messageDelay = 3100; // How long to display status messages (in milliseconds)
var nome;
var enviado = 0;
$(document).ready(function(){
$("#feedbackForm").submit(function (event) {
//disable the default form submission
event.preventDefault();
//grab all form data
var formData = $(this).serialize();
var formData = new FormData($(this)[0]);
console.log(formData);
$.ajax({
url: 'mailsender.php?ajax=true',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: submitFinished
});
return false;
});
$('#submitFBtn_1').click(function(e) {
e.preventDefault();
if(enviado == 0) $('#feedbackForm').submit();
})
})
// Handle the Ajax response
function submitFinished(response) {
response = $.trim(response);
//alert(response);
$('#sendingMessage').fadeOut('fast');
if (response == "success"){
// Form submitted successfully:
// 1. Mostra a msg de sucesso, espera, retira a mensagem de sucesso, espera, dá um click no trigga para accionar o toggle e voltar a fechar a orelha.
/*$('#successMessage').fadeIn('slow').delay(messageDelay).fadeOut('slow').delay(1500, function(){$('#trigga').trigger('click')});*/
$('#successMessage').fadeIn().delay(messageDelay).fadeOut();
//$('#feedbackForm').delay(messageDelay+2000).fadeIn();
$('a#submitFBtn_1').text('Candidatura enviada com sucesso!');
$('a#submitFBtn_1').css({
backgroundColor: "#81dc0a",
color: "#fff",
cursor: "default"
});
enviado = 1;
//$('a#submitFBtn_1').bind('click', false);
}
else if (response == "0") {
// Form submission failed não há nenhum campo preecnhido: Display the failure message,
// then redisplay the form
$('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
//$('#feedbackForm').delay(messageDelay+1500).fadeIn();
} else {
// Form submission failed because there was no attachement: Display the failure message,
// then redisplay the form
$('#failureMessage_attach').fadeIn().delay(messageDelay).fadeOut();
//$('#feedbackForm').delay(messageDelay+1500).fadeIn();
}
}
</script>
<style>
.recruitFormSection .checkbox {
width: 20px;
height: 20px;
}
.recruitFormSection{
font-size: 13px;
color: #c3c4c7;
}
.recruitFormSection a{
color:#333
}
</style>
</body>
</html>