77 lines
2.3 KiB
HTML
77 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Database Rosa Gres France</title>
|
|
<!--Link with CSS-->
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
<!--Link with Js-->
|
|
|
|
|
|
<!--Police google-->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<!-- Incluimos Leaflet CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<img src="imagenes/logo.png" height="70">
|
|
<h1>DATABASE ROSA GRES</h1>
|
|
<h2 id="France">France</h2>
|
|
</header>
|
|
<section>
|
|
<div>
|
|
<button class="comerciales" id="Alicia">Alicia</button>
|
|
<button class="comerciales">Jean-Paul</button>
|
|
<button class="comerciales">Olivier</button>
|
|
<button class="comerciales">Thibaut</button>
|
|
<button class="comerciales">Thomas</button>
|
|
</div>
|
|
<div>
|
|
<button class="typo">Archi Hotel & Spa</button>
|
|
<button class="typo">Archi Publics</button>
|
|
<button class="typo">Archi Privés</button>
|
|
<button class="typo">Chantiers Emblématiques</button>
|
|
<button class="typo">Fournisseurs</button>
|
|
<button class="typo">Pauseurs</button>
|
|
<button class="typo">Paysagiste</button>
|
|
<button class="typo">Piscinistes</button>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div id="map"></div>
|
|
|
|
<!-- Incluimos Leaflet JavaScript -->
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
//<script>
|
|
// Inicializamos el mapa
|
|
//const map = L.map('map').setView([46.711100, 1.719100], 5);
|
|
|
|
// Añadimos la capa de OpenStreetMap
|
|
//L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
// attribution: '© OpenStreetMap contributors'
|
|
//}).addTo(map);
|
|
|
|
// Añadimos un marcador
|
|
//L.marker([46.711100, 1.719100])
|
|
// .addTo(map)
|
|
// .bindPopup('Client X <br> mail:blabknkjdka <br> phone: +33 6 15 39 52 65 <br> primer marcador')
|
|
// .openPopup();
|
|
|
|
</script>
|
|
|
|
<script src="backend.js"></script>
|
|
</body>
|
|
|
|
</html> |