Show sourcecode

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

public_html/gamla-kurser/webbutv1/projekt/backup/MemoRing/

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

`index.html`

68 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


<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8">

    <title>MEMORING</title>

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

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

</head>



<body>

    <!-- Navigation Bar -->

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

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

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

        </a>

        <div class="navbar-tabs">

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

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

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

            <a href="./pages/events/index.html">Events</a>

        </div>

        <div class="order-button-pos">

            <button id="order-button">Order Now</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>



    <br><br>

    <video autoplay muted loop id="main-video">

        <source src="./videos/ring-transparent.webm" type="video/webm">

        Your browser does not support the video tag.

    </video>

    <div class="overlay">

        <h2 class="page-title"><em>NoteRing</em><br><span style="color: gray;">A whole new way of taking notes.</span>

        </h2>

    </div>

    <!-- Main Content -->

    <div class="maindiv">

        <p>Introducing the future of note-taking: Our sleek and stylish NoteRing is your portable assistant for

            capturing ideas on the go. With a built-in microphone and seamless integration with our app, effortlessly

            record your thoughts as audio or convert them to text with speech-to-text technology. Stay organized and

            inspired as your ideas are securely saved to your smartphone, ready to access whenever creativity strikes.

            Elevate your productivity and never miss a moment of inspiration with our innovative SmartRing.</p>

        <br>

        <img id="horizontal-img" src="./bilder/ring-horizontal.png" alt="notering-horizontal">

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