JavaScript-Ca-1/spill.html at main · HermanJasser/JavaScript-Ca-1 · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="nn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="GameHub har et stort utvalg av nedlastbare spill">
    <meta name="keywords" content="gaming, gamehub, racing, ping pong, black, forge legend, cyberpunk, furious, spill,  playbox">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./css/stylesheet.css">
    <script src="https://kit.fontawesome.com/4c9767c9c5.js" crossorigin="anonymous"></script>
    <script src="./js/spill.js" type="module"></script>
    <title>produkter</title>
</head>
<body>
    <header>
        <input type="checkbox" id="menu-checkbox">
        <label class="checkbox-label" for="menu-checkbox"></label>
        <div class="ham-div">
                <div class="ham-div-line ham-div-1"></div>
                <div class="ham-div-line ham-div-2"></div>
                <div class="ham-div-line ham-div-3"></div>
        </div>
        <a href="index.html"><img src="./img/GameHub.png" alt="GameHub logo"></a>
        <nav class="drop-down-menu">
            <a class="home-link" href="./index.html">
                Hjem<i class="fa-solid fa-chevron-right"></i>
            </a>
            <a href="./spill.html">
                Spill<i class="fa-solid fa-chevron-right"></i>
            </a>
            <a href="./kontaktoss.html">
                Kontakt oss<i class="fa-solid fa-chevron-right"></i>
            </a>
            <a href="./omoss.html">
                Om oss<i class="fa-solid fa-chevron-right"></i>
            </a>
            <form class="abonner-ham-menu">
                <label for="email-header">Få de nyeste oppdateringene innen gaming her</label>
                <input type="email" id="email-header" maxlength="30" placeholder="Epost..." required>
                <input  class="abonner-button" type="submit" value="Abonner">
            </form>
        </nav>

        <a href="handlekurv.html"><i class="fa-solid fa-cart-shopping"></i></a>
    </header>


    <main class="main-spill">
        <div class="spill-informasjon">
        <h1>Spill</h1>
        <p class="spill-des">
            Her finner du et stort utvalg spill til en konkurranse dyktig pris.
            Du vil få en nedlastning link med engang du bekrefter ordren din.
            Da er det bare å laste ned spillet, få med noen venner og kose seg</p>
        </div>

        <select id="velg-sortering">
            <option value="none" selected>Sorter</opt>
            <option value="hoyLav">Pris høy-lav</opt>
            <option value="lavHoy">Pris lav-høy</opt>
            <option value="release">Release</opt>
        </select>

        <div class="alle-spill-container">
            <h2>Laster...</h2>

        </div>
    </main>


    <footer>
        <nav>
            <a href="./index.html">Hjem</a>
            <a href="./spill.html">Spill</a>
            <a href="./kontaktoss.html">Kontakt oss</a>
            <a href="./omoss.html">Om oss</a>
        </nav>
        <div class="footer-left">
            <form class="abonner-footer">
                <label for="email-footer">Få de nyeste oppdateringene innen gaming her</label>
                <input type="email" id="email-footer" maxlength="25" placeholder="Epost..." required>
                <input  class="abonner-button" type="submit" value="Abonner">
            </form>
            <p>©2023 gamehub.no. Alle rettigheter reservert</p>
        </div>
    </footer>

</body>
</html>