scum-chile/mapa.html at main · diruzcode/scum-chile · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Comunidad SCUM CHILE</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CUSTOM CSS -->
    <link rel="stylesheet" href="css/style.css">
    <!-- GOOGLE FONT ROBOTO -->
	<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
	<!-- FONT AWESOME -->
	<script src="https://kit.fontawesome.com/fc2f1695bc.js" crossorigin="anonymous"></script>
    <!-- CUSTOM JS -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
    <header>
        <nav class="nav">
            <input type="checkbox" id="check">
            <label for="check" class="checkbtn">
                <i class="fas fa-bars"></i>
            </label>
            <a href="/" class="nav__logo">
                <img src="img/logo.png" alt="SCUM CHILE">
            </a>
            <ul class="nav__ul">
                <li class="nav__li"><a href="/">INICIO</a></li>
                <li class="nav__li"><a href="reglas.html">REGLAS</a></li>
                <!-- <li class="nav__li"><a href="multimedia.html">MULTIMEDIA</a></li>
                <li class="nav__li"><a href="mapa.html">MAPA INTERACTIVO</a></li> -->
                <li class="nav__li"><a href="donaciones.html" class="donation">DONACIONES</a></li>
            </ul>
        </nav>
    </header>

    <!-- SECTION MULTIMEDIA -->
    <section class="Section_map">
        <h1 class="title_map">MAPA INTERACTIVO</h1>
        <div class="Container_map">
            <div class="map"></div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="Container_footer">
        <p>© 2021 <a href="https://www.behance.net/jhdesigner"><strong>Jhdesigner</strong></a> & <a href="https://github.com/DiruzCode"><strong>Diruzcode</strong></a>. <br>All trademarks and contents belong to their respective owners.</p>
    </footer>

    <!-- CUSTOM JS -->
    <script>
        // COMING SOON BUTTON
        function  coming() {
            Swal.fire(
                {
                title: '¡Espéralo!',
                text: 'Muy pronto estará habilitado.',
                icon: 'warning',
                iconColor: '#ffd600',
                confirmButtonText: 'OK!',
                confirmButtonColor: '#7d19e2',
                width: 400,
                padding: '2em',
                backdrop: 'rgba(125, 25, 226, 0.15)'
                }
            )
        };
    </script>

</body>
</html>