Show sourcecode

The following files exists in this folder. Click to view.

public_html/gamla-kurser/webbutv1/projekt/venturo/pages/events/

index.html

`index.html`

110 lines ASCII Windows (CRLF)

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


<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8" />

    <title>VENTURO</title>

    <link rel="icon" href="../../bilder/logo2.png" />

    <link rel="stylesheet" href="../../css/css_index.css" />

    <video

      id="background-video"

      autoplay

      loop

      muted

      poster="../../bilder/central-park.png"

    >

      <source src="../../videos/central-park.webm" type="video/webm" />

    </video>

  </head>



  <body>

    <div class="navbar" id="navbar">

      <a href="../../" title="Home Page" class="navbar-logo"

        ><img src="../../bilder/logo2.png" alt="Logo" />

        <h1 class="navbar-title">VENTURO</h1>

      </a>

      <div class="navbar-tabs">

        <a href="../store/">Store</a>

        <a href="../gallery/">Gallery</a>

        <a href="../aboutus/">About us</a>

        <a href="../events/">Events</a>

      </div>

      <div class="dark-light-pos">

        <script src="../../js/dark-light.js"></script>

        <link rel="stylesheet" href="../../css/dark-light.css" />

        <button

          class="theme-toggle"

          id="theme-toggle"

          title="Toggle light mode"

          aria-label="auto"

          aria-live="polite"

        >

          <svg

            class="sun-and-moon"

            aria-hidden="true"

            width="24"

            height="24"

            viewBox="0 0 24 24"

          >

            <mask class="moon" id="moon-mask">

              <rect x="0" y="0" width="100%" height="100%" fill="white" />

              <circle cx="24" cy="10" r="6" fill="black" />

            </mask>

            <circle

              class="sun"

              cx="12"

              cy="12"

              r="6"

              mask="url(#moon-mask)"

              fill="currentColor"

            />

            <g class="sun-beams" stroke="currentColor">

              <line x1="12" y1="1" x2="12" y2="3" />

              <line x1="12" y1="21" x2="12" y2="23" />

              <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />

              <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />

              <line x1="1" y1="12" x2="3" y2="12" />

              <line x1="21" y1="12" x2="23" y2="12" />

              <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />

              <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />

            </g>

          </svg>

        </button>

      </div>

    </div>

    <script>

      window.onscroll = function () {

        scrollFunction();

      };



      function scrollFunction() {

        var navbar = document.getElementById("navbar");

        if (

          document.body.scrollTop > 80 ||

          document.documentElement.scrollTop > 80

        ) {

          navbar.classList.add("shrink");

        } else {

          navbar.classList.remove("shrink");

        }

      }

    </script>

    <script>

      function myFunction() {

        var element = document.body;

        element.classList.toggle("dark-mode");

      }

    </script>

    <div><br /><br /><br /><br /><br /><br /><br /></div>

    <div>

      <h2 class="page-title"><em>EVENTS</em></h2>

    </div>

    <div class="maindiv">

      <h2 class="h2-alt">Coming soon...</h2>

    </div>

    <footer class="footer">

      <p>Contact:<br><a href="mailto: lovhol23@varmdogymnasium.se">Email</a><br><a href="https://en.wikipedia.org/wiki/Pigeon_post">Pigeon Post</a></p>

      <p>Address: <br>308 Negra Arroyo Lane</p>

    </footer>

  </body>

</html>