Show sourcecode

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

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

bilder/
css/
index.html
js/
pages/
videos/

`index.html`

129 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129


<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8">

    <title>VENTURO - Outdoor Adventures Await</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" loading="lazy">

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

    </video>

</head>



<body>

    <body>

        <!-- Navigation Bar -->

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

            <a href="./index.html" class="navbar-logo">

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

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

            </a>

        <div class="navbar-tabs">

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

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

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

            <a href="./pages/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>



    <!-- Scroll Function -->

    <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>



    <!-- Dark Mode Toggle -->

    <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>DISCOVER OUR AUTUMN COLLECTION</em></h2>

    </div>

    <!-- Main Content -->

    <div class="maindiv">

        <img src="./bilder/keanu.png" alt="keanu">

        <img src="./bilder/nyc.png" alt="nyc">

        <img src="./bilder/keanu2.png" alt="keanu2">

        <img src="./bilder/jacket.png" alt="jacket">

        <br>

        <p>

            Elevate your outdoor look with Venturo's latest sports jackets and autumn essentials. From mountain peaks to city streets, our weatherproof and durable designs keep you stylishly comfortable.

            <br><br>

            Seamlessly blend function and fashion. Shop now and dare to explore with Venturo.

        </p>

        <h2 class="h2-alt"><em>THE <span class="autumn-red">RED</span> SEASON</em></h2>

        <p>Embrace the sound.</p>

        <img src="./bilder/concert.jpg" alt="concert">

        <img src="./bilder/concert2.jpg" alt="concert2">

        <h2 class="h2-alt"><em>THE <span class="autumn-yellow">YELLOW</span> SEASON</em></h2>

        <p>Embrace your inner daredevil.</p>

        <img src="./bilder/bike1.jpg" alt="bike1">

        <img src="./bilder/bike3.jpg" alt="bike3">

        <img src="./bilder/bike2.jpg" alt="bike2">

        <img src="./bilder/bike4.jpg" alt="bike4">

        <p>Dare to explore. Dare to be Venturo.</p>

        <br><br>

    </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>