WebsiteProject/template.html at master · sebap2004/WebsiteProject · 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
<!DOCTYPE html>
<html lang="en-GB" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <!-- Header includes title for the page, meta content for embeds on other websites, and links to an external stylesheet. -->
    <title>Home Page</title>
    <link rel="shortcut icon" type="image/x-icon" href="logo.ico" />
    <meta content="Long Shot" property="og:title" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="Home Page for Long Shot Website" property="og:description" />
    <meta content="https://longshotgame.netlify.app/index.html" property="og:url" />
    <meta content="https://cdn.discordapp.com/attachments/765315376203431939/1031347393456787486/title.png" property="og:image" />
    <meta content="#7315d6" data-react-helmet="true" name="theme-color" />
    <link href="css/style.css" rel="stylesheet">
    <script src="script/lightmode.js" defer></script>
    <script src="script/basketnumber.js" defer></script>
</head>
<body>

<header class="header-container">
    <!-- Header container includes the logo in the center, a basket icon which links to the checkout page on the right, and a button to toggle light mode on the left. -->

    <div class="header">
        <div class="header-item header-left">
            Left element
        </div>
        <div class="header-center">
            <a href="index.html">
                <embed class="headerLogo" alt="Title Logo" src="media/titleLarge.png">
            </a>
        </div>

        <div class="header-right" style="display: flex; flex-direction: row">
            <a class="basketlink" href="basket.html"> <img class="basket" src="media/basket.png" alt="basket"></a>
            <p class="basketNumber" style="margin: 0">Basket: 0 items</p>

        </div>

    </div>
</header>
<nav class="navcontainer">
    <!-- Navigation bar contains buttons to all pages, apart from the checkout page. -->
    <div class="nav">
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="index.html">Home</a>
        </div>
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="game.html">Game</a>
        </div>
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="products.html">Products</a>
        </div>
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="about.html">About</a>
        </div>
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="contact.html">Contact</a>
        </div>
        <div class="navitem navbar">
            <a style="flex-grow: 2" href="bugreports.html">Bug Reports</a>
        </div>
    </div>
</nav>
<br>
<main class="bodycontainer">

</main>

<footer class="footercontainer">
    <!-- Footer container contains extra external links for the user to click on if interested.-->
    <div class="footer">
        <div class="footeritem footertext">
            <p class="closep footerTitle"><u>Social media links</u></p>
            <a href="https://www.instagram.com/" target="_blank"><p class="closep">Instagram</p></a>
            <a href="https://twitter.com/home" target="_blank"><p class="closep">Twitter</p></a>
            <a href="https://www.youtube.com/" target="_blank"><p class="closep">Youtube</p></a>
        </div>
        <div class="footeritem footertext">
            <p class="closep footerTitle"><u>Other links</u></p>
            <a href="https://www.youtube.com/watch?v=fcZXfoB2f70" target="_blank"><p class="closep">Random Youtube Video</p></a>
            <a href="https://www.rd.com/wp-content/uploads/2019/01/shutterstock_673465372.jpg?fit=700,467" target="_blank"><p class="closep">Image of a cute cat</p></a>
            <a href="https://open.spotify.com/playlist/48F3Mkwelt0aepdluNBPUy?si=0c401048ebd3495e" target="_blank"><p class="closep">my mixtape (spotify)</p></a>
        </div>
        <div class="footeritem footertext">
            <p class="closep footerTitle"><u>Game related links</u></p>
            <a href="https://shebbgames.itch.io/long-shot" target="_blank"><p class="closep">itch.io page</p></a>
            <a href="https://shebbgames.itch.io/long-shot/devlog/" target="_blank"><p class="closep">Devlog</p></a>
        </div>
    </div>
</footer>


</body>
</html>