-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.php
134 lines (120 loc) · 5.23 KB
/
index2.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<?php
include("../AcademiaApp/includes/header.php")
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academia Acqua Vida</title>
<!-- Ícone Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- CSS Personalizado -->
<link rel="stylesheet" href="./Assets/css/estiloheader.css">
</head>
<body>
<section class="container-video-apresenta">
<article class="apresenta">
<h1>Prazer somos a Acqua Vida!</h1>
<video id="meuVideo" width="40" height="260" controls>
<source src="./Assets/videos/video_apresentacao.mp4" type="video/mp4">
Seu navegador não suporta o elemento de vídeo.
</video>
</article>
</section>
<section class="container-servico-contatos">
<article class="servico">
<h1>Nossos Serviços.</h1>
<p class="servico-texto">
Temos atividades para toda a família:<br>
Saiba Mais
</p>
<div class="row botoes-servicos-contatos">
<div class="col-4">
<a href="#">Musculação</a>
</div>
<div class="col-4">
<a href="#">Hidroterapia</a>
</div>
<div class="col-4">
<a href="#">Hidroginástica</a>
</div>
<div class="col-4">
<a href="#">Natação Baby</a>
</div>
<div class="col-4">
<a href="#">Natação Geral</a>
</div>
<div class="col-4">
<a href="#">Avaliação Física</a>
</div>
</div>
<p class="servico-texto">
Venha nos visitar e fazer uma aula experimental!
</p>
</article>
</section>
<section id="mapa" class="d-flex flex-column align-items-center">
<div class="content text-center">
<h4>Encontre-nos no Mapa</h4>
<div id="map" style="height: 350px; width: 100%;"></div>
<div class="card bg-transparent border-light">
<div class="card-mapa">
<button id="tracarRota" class="btn btn-dark">Traçar Rota</button>
</div>
</div>
</div> <!-- Fechamento da div content -->
</section>
<footer>
Academia Acqua Vida © 2030 | ® Todos os direitos reservados.
</footer>
<script>
document.getElementById('meuVideo').addEventListener('ended', function() {
window.location.href = 'index.php';
});
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const links = document.querySelectorAll('a[href^="#"]');
links.forEach(link => {
link.addEventListener('click', (event) => {
event.preventDefault();
const target = document.querySelector(link.getAttribute('href'));
target.scrollIntoView({
behavior: 'smooth'
});
});
});
});
</script>
<!-- Leaflet.js (Mapas) -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script>
var map = L.map('map').setView([-24.703404269966082, -48.00611380606861], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([-24.703404269966082, -48.00611380606861]).addTo(map)
.bindPopup('Academia Acqua Vida - Jacupiranga<br>Rua Januario Lisboa, 82 - Vila Elias, Jacupiranga - SP')
.openPopup();
document.getElementById('tracarRota').addEventListener('click', function() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var destination = "-24.703404269966082, -48.00611380606861";
var url = `https://www.google.com/maps/dir/?api=1&origin=${lat},${lon}&destination=${destination}&travelmode=driving`;
window.open(url, '_blank');
}, function() {
alert("Não foi possível acessar a localização. Verifique suas permissões de geolocalização.");
});
} else {
alert("Geolocalização não é suportada pelo seu navegador.");
}
});
</script>
</body>
</html>