| 145
| <![CDATA[<i class="fab fa-facebook-square" style="color: #bada55!important;"></i>]]>
|
| 150
| <![CDATA[<i class="fab fa-instagram" style="color: #bada55!important;"></i>]]>
|
| 155
| <![CDATA[<i class="fab fa-whatsapp" style="color: #bada55!important;"></i>]]>
|
| 271
| <![CDATA[<div id="map-container-google-16" class="z-depth-1-half map-container-9" style="height: 400px">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d234313.43940658134!2d-45.187077!3d-23.4190387!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cd52b4963b4e1d%3A0x96a1961c15dce516!2sUbatuba%20-%20SP%2C%2011680-000!5e0!3m2!1spt-BR!2sbr!4v1596509525984!5m2!1spt-BR!2sbr"
frameborder="0" style="border:0" allowfullscreen></iframe>
</div>]]>
|
| 272
| <![CDATA[<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d234313.43940658134!2d-45.187077!3d-23.4190387!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cd52b4963b4e1d%3A0x96a1961c15dce516!2sUbatuba%20-%20SP%2C%2011680-000!5e0!3m2!1spt-BR!2sbr!4v1596509525984!5m2!1spt-BR!2sbr"
frameborder="0" style="border:0" allowfullscreen></iframe>]]>
|
| 335
| <![CDATA[<div class="view bg-slider-1" style="background-image: url('img/carousel/slider-paraty-hoje.jpg'); background-repeat: no-repeat; background-size: cover;background-position: 50% 60%; cursor: pointer;">
<!-- Mask & flexbox options-->
<div class="d-flex justify-content-center align-items-center">
<!-- Content -->
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 354
| <![CDATA[<div class="view bg-slider-1" style="background-image: url('img/carousel/turismo-legalizado-abrace-essa-ideia.jpg'); background-repeat: no-repeat; background-size: cover;">
<!-- Mask & flexbox options-->
<div class="mask rgba-slider d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="text-left cotacao-carousel text-content white-text wow fadeInUp" data-wow-delay="0.5s">
<!--<h2 class="ms-layer msp-cn-1-1 ms-hover-active">Bem vindo ao paraíso!</h2>-->
<h3 class="ms-layer msp-cn-1-2 ms-hover-active text-left "><strong>Turismo Legalizado, <br>Abrace essa ideia</strong></h3>
<h1 class="text-left mb-3">
</h1>
<a href="?p=ac-abrace-essa-ideia-e-venha-crescer-junto-com-a-nossa-cidade"><button type="button" class="btn btn-orange btn-rounded mx-0">Clique aqui</button></a>
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 380
| <![CDATA[<div class="view bg-slider-1" style="background-image: url('img/carousel/slider-0.jpg'); background-repeat: no-repeat; background-size: cover;">
<!-- Mask & flexbox options-->
<div class="mask rgba-slider d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="text-left cotacao-carousel text-content white-text wow fadeInUp" data-wow-delay="0.5s">
<!--<h2 class="ms-layer msp-cn-1-1 ms-hover-active">Bem vindo ao paraíso!</h2>-->
<h3 class="ms-layer msp-cn-1-2 ms-hover-active text-left "><strong>Venha viver Paraty</strong></h3>
<h1 class="text-left mb-3">
Consulte disponibilidade e os melhores preços das pousadas de Paraty!
</h1>
<a href="?p=cotacao"><button type="button" class="btn btn-orange btn-rounded mx-0">Clique aqui</button></a>
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 406
| <![CDATA[<div class="view bg-slider-1" style="background-image: url('img/carousel/slider-1.jpg'); background-repeat: no-repeat; background-size: cover;">
<!-- Mask & flexbox options-->
<div class="mask rgba-slider d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="text-left text-content white-text wow fadeInUp" data-wow-delay="0.5s">
<!--<h2 class="ms-layer msp-cn-1-1 ms-hover-active">Bem vindo ao paraíso!</h2>-->
<h3 class="ms-layer msp-cn-1-2 ms-hover-active text-left "><strong>Paraty</strong></h3>
<h1 class="text-left mb-4">
Para sempre!
</h1>
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 431
| <![CDATA[<div class="view bg-slider-2" style="background-image: url('img/carousel/slider-2.jpg'); background-repeat: no-repeat; background-size: cover;">
<!-- Mask & flexbox options-->
<div class="mask rgba-slider d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="text-left text-content white-text wow fadeInUp" data-wow-delay="0.5s">
<!--<h2 class="ms-layer msp-cn-1-1 ms-hover-active">Bem vindo ao paraíso!</h2>-->
<h3 class="ms-layer msp-cn-1-2 ms-hover-active text-left "><strong>Paraty</strong></h3>
<h1 class="text-left mb-4">
Para sempre!
</h1>
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 456
| <![CDATA[<div class="view bg-slider-3" style="background-image: url('img/carousel/slider-3.jpg'); background-repeat: no-repeat; background-size: cover;">
<!-- Mask & flexbox options-->
<div class="mask rgba-slider d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="text-left text-content white-text wow fadeInUp" data-wow-delay="0.5s">
<!--<h2 class="ms-layer msp-cn-1-1 ms-hover-active">Bem vindo ao paraíso!</h2>-->
<h3 class="ms-layer msp-cn-1-2 ms-hover-active text-left "><strong>Paraty</strong></h3>
<h1 class="text-left mb-4">
Para sempre!
</h1>
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>]]>
|
| 895
| <![CDATA[<div class="paraty-card parallax streak streak-photo streak-md" style="background-image: url('img/padrao/parallax.jpg');">
<div class="flex-center d-flex container mask rgba-parallax">
<div class="row">
<div class="col-md-9">
<h3 class="mt-1 mb-2">Cadastur</h3>
<p>Fazendo o Turismo Legal <a href="https://cadastur.turismo.gov.br/hotsite/#!/public/capa/entrar#capaInicio" target="_blank" style="color: #93c700;"><strong>clique aqui</strong></a></p>
</div>
<div class="col-md-3 logo-visitangra-card">
<a href="https://cadastur.turismo.gov.br/hotsite/#!/public/capa/entrar#capaInicio" target="_blank">
<img src="img/padrao/logo-cadastur.png" class="img-fluid" alt="Cadastur">
</a>
</div>
</div>
</div>
</div>]]>
|
| 901
| <![CDATA[<a href="https://cadastur.turismo.gov.br/hotsite/#!/public/capa/entrar#capaInicio" target="_blank" style="color: #93c700;"><strong>clique aqui</strong></a>]]>
|
| 1055
| <![CDATA[<hr class="pink accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">]]>
|
| 1082
| <![CDATA[<hr class="pink accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">]]>
|
| 1103
| <![CDATA[<hr class="pink accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">]]>
|
| 47
| <![CDATA[<style type="text/css">
@media (min-width: 800px) and (max-width: 850px) {
.navbar:not(.top-nav-collapse) {
background: #005282!important;
}
}
</style>]]>
|
| 167
| <![CDATA[<style type="text/css">
@media (max-width: 991px) {
iframe #header.dark.transparent-header, #header.dark.semi-transparent {
background-color: #d43b3b;
border-bottom: 1px solid rgba(0,0,0,.1);
}
}
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:block;
}
#boxes .window {
position:absolute;
left:0;
top:0;
width:998px;
height:499px;
display:none;
z-index:9999;
padding:0px;
}
#boxes #dialog2 {
background:transparent;
width: 998px; height: 499px;
margin:0 auto;
margin-top:-30px;
}
#dialog2 img {width: 998px; height: 499px; border-radius: 7px; object-fit: cover;}
.close{display:block; text-align:right;}
@media (max-width: 768px) {
#boxes .window {
position: absolute;
left: 0;
top: 0;
width: 440px;
height: 200px;
display: none;
z-index: 9999;
padding: 15px;
}
#boxes #dialog2 {
background: transparent;
width: 320px;
height: 214px;
margin: 0 auto;
margin-top: 50px;
left: 0!important;
}
#dialog2 img {width: 290px; height: 145px; object-fit: cover;}
}
@media (min-width: 1280px) and (max-width: 1440px) {
#boxes #dialog2 {
background:transparent;
width: 998px; height: 499px;
margin:0 auto;
margin-top:20px;
}
}
</style>]]>
|
| 294
| <![CDATA[<style>
img, .bg {
}
.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(1.1);
}
}
</style>]]>
|
| 1141
| <![CDATA[<script type="text/javascript">
$(document).ready(function() {
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
$('#dialog2').css('top', winH/2-$('#dialog2').height()/2);
$('#dialog2').css('left', winW/2-$('#dialog2').width()/2);
$('#dialog2').fadeIn(2000);
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>]]>
|
| 1177
| <![CDATA[<script>
$('.carousel').carousel({
touch: true // default
});
// Material Select Initialization
$(document).ready(function() {
$('.mdb-select').materialSelect();
});
</script>]]>
|
| 1203
| <![CDATA[<script>
$('.scroll').on('click', function(e) {
e.preventDefault();
var id = $(this).attr('href'),
targetOffset = $(id).offset().top;
$('html, body').animate({
scrollTop: targetOffset - 80
}, 1000);
});
</script>]]>
|
| 1217
| <![CDATA[<script>
// MDB Lightbox Init
$(function () {
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");
});
//Animation Init
new WOW().init();
//Jarallax
jarallax(document.querySelectorAll('.jarallax'), {
speed: 0.2
});
</script>]]>
|
| 1231
| <![CDATA[<script type="text/javascript">
$(document).ready(function(){
$("li[href='"+location.href.substring(location.href.lastIndexOf("/")+1,255)+"']").addClass("active");
});
</script>]]>
|
| 1238
| <![CDATA[<script>
var lFollowX = 0,
lFollowY = 0,
x = 0,
y = 0,
friction = 1 / 30;
function moveBackground() {
x += (lFollowX - x) * friction;
y += (lFollowY - y) * friction;
translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';
$('.bg').css({
'-webit-transform': translate,
'-moz-transform': translate,
'transform': translate
});
window.requestAnimationFrame(moveBackground);
}
$(window).on('mousemove click', function(e) {
var lMouseX = Math.max(-100, Math.min(100, $(window).width() / 2 - e.clientX));
var lMouseY = Math.max(-100, Math.min(100, $(window).height() / 2 - e.clientY));
lFollowX = (20 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
lFollowY = (10 * lMouseY) / 100;
});
moveBackground();
</script>]]>
|
| 1271
| <![CDATA[<script>
const displacementSlider = function(opts) {
let vertex = `
varying vec2 vUv;
void main() {
vUv = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
`;
let fragment = `
varying vec2 vUv;
uniform sampler2D currentImage;
uniform sampler2D nextImage;
uniform float dispFactor;
void main() {
vec2 uv = vUv;
vec4 _currentImage;
vec4 _nextImage;
float intensity = 0.3;
vec4 orig1 = texture2D(currentImage, uv);
vec4 orig2 = texture2D(nextImage, uv);
_currentImage = texture2D(currentImage, vec2(uv.x, uv.y + dispFactor * (orig2 * intensity)));
_nextImage = texture2D(nextImage, vec2(uv.x, uv.y + (1.0 - dispFactor) * (orig1 * intensity)));
vec4 finalTexture = mix(_currentImage, _nextImage, dispFactor);
gl_FragColor = finalTexture;
}
`;
let images = opts.images, image, sliderImages = [];;
let canvasWidth = images[0].clientWidth;
let canvasHeight = images[0].clientHeight;
let parent = opts.parent;
let renderWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
let renderHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
let renderW, renderH;
if( renderWidth > canvasWidth ) {
renderW = renderWidth;
} else {
renderW = canvasWidth;
}
renderH = canvasHeight;
let renderer = new THREE.WebGLRenderer({
antialias: false,
});
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setClearColor( 0x23272A, 1.0 );
renderer.setSize( renderW, renderH );
parent.appendChild( renderer.domElement );
let loader = new THREE.TextureLoader();
loader.crossOrigin = "anonymous";
images.forEach( ( img ) => {
image = loader.load( img.getAttribute( 'src' ) + '?v=' + Date.now() );
image.magFilter = image.minFilter = THREE.LinearFilter;
image.anisotropy = renderer.capabilities.getMaxAnisotropy();
sliderImages.push( image );
});
let scene = new THREE.Scene();
scene.background = new THREE.Color( 0x23272A );
let camera = new THREE.OrthographicCamera(
renderWidth / -2,
renderWidth / 2,
renderHeight / 2,
renderHeight / -2,
1,
1000
);
camera.position.z = 1;
let mat = new THREE.ShaderMaterial({
uniforms: {
dispFactor: { type: "f", value: 0.0 },
currentImage: { type: "t", value: sliderImages[0] },
nextImage: { type: "t", value: sliderImages[1] },
},
vertexShader: vertex,
fragmentShader: fragment,
transparent: true,
opacity: 1.0
});
let geometry = new THREE.PlaneBufferGeometry(
parent.offsetWidth,
parent.offsetHeight,
1
);
let object = new THREE.Mesh(geometry, mat);
object.position.set(0, 0, 0);
scene.add(object);
let addEvents = function(){
let pagButtons = Array.from(document.getElementById('pagination').querySelectorAll('button'));
let isAnimating = false;
pagButtons.forEach( (el) => {
el.addEventListener('click', function() {
if( !isAnimating ) {
isAnimating = true;
document.getElementById('pagination').querySelectorAll('.active')[0].className = '';
this.className = 'active';
let slideId = parseInt( this.dataset.slide, 10 );
mat.uniforms.nextImage.value = sliderImages[slideId];
mat.uniforms.nextImage.needsUpdate = true;
TweenLite.to( mat.uniforms.dispFactor, 1, {
value: 1,
ease: 'Expo.easeInOut',
onComplete: function () {
mat.uniforms.currentImage.value = sliderImages[slideId];
mat.uniforms.currentImage.needsUpdate = true;
mat.uniforms.dispFactor.value = 0.0;
isAnimating = false;
}
});
let slideTitleEl = document.getElementById('slide-title');
let slideStatusEl = document.getElementById('slide-status');
let nextSlideTitle = document.querySelectorAll(`[data-slide-title="${slideId}"]`)[0].innerHTML;
let nextSlideStatus = document.querySelectorAll(`[data-slide-status="${slideId}"]`)[0].innerHTML;
TweenLite.fromTo( slideTitleEl, 0.5,
{
autoAlpha: 1,
filter: 'blur(0px)',
y: 0
},
{
autoAlpha: 0,
filter: 'blur(10px)',
y: 20,
ease: 'Expo.easeIn',
onComplete: function () {
slideTitleEl.innerHTML = nextSlideTitle;
TweenLite.to( slideTitleEl, 0.5, {
autoAlpha: 1,
filter: 'blur(0px)',
y: 0,
})
}
});
TweenLite.fromTo( slideStatusEl, 0.5,
{
autoAlpha: 1,
filter: 'blur(0px)',
y: 0
},
{
autoAlpha: 0,
filter: 'blur(10px)',
y: 20,
ease: 'Expo.easeIn',
onComplete: function () {
slideStatusEl.innerHTML = nextSlideStatus;
TweenLite.to( slideStatusEl, 0.5, {
autoAlpha: 1,
filter: 'blur(0px)',
y: 0,
delay: 0.1,
})
}
});
}
});
});
};
addEvents();
window.addEventListener( 'resize' , function(e) {
renderer.setSize(renderW, renderH);
});
let animate = function() {
requestAnimationFrame(animate);
renderer.render(scene, camera);
};
animate();
};
imagesLoaded( document.querySelectorAll('img'), () => {
document.body.classList.remove('loading');
const el = document.getElementById('slider');
const imgs = Array.from(el.querySelectorAll('img'));
new displacementSlider({
parent: el,
images: imgs
});
});
</script>]]>
|
