P3_Webtek/index.html at master · jonaslav/P3_Webtek · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Gløs-Takeaway</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <script src="https://kit.fontawesome.com/ef4bc5fe16.js" crossorigin="anonymous"></script>
</head>
<body id="Global_Body">
    <script src="js/navbar.js"></script>

    <main class="container-index">
        <aside class="resturant-information">
                <img src="images/gallery/11.jpg" alt="image of resturant" class="resturant-image">
            <div class="resturant-description">
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit corrupti quis unde dolorem aspernatur qui, optio aliquid excepturi architecto distinctio quidem beatae reiciendis iusto veritatis ut omnis nulla maiores! Quia, repellendus. Totam debitis in commodi earum magni ab est quae odio soluta. Quo repellendus, nulla possimus distinctio aliquid ut corrupti?</p>
            </div>
        </aside>

<!-- Container for the image gallery -->
<div class="slideshow-area">

    <!-- Full-width images with number text -->
    <div class="Slides">
        <img src="images/gallery/1.jpg" class="slideshowimage">
    </div>

    <div class="Slides">
        <img src="images/gallery/2.jpg" class="slideshowimage">
    </div>

    <div class="Slides">
        <img src="images/gallery/3.jpg" class="slideshowimage">
    </div>

    <div class="Slides">
        <img src="images/gallery/4.jpg" class="slideshowimage">
    </div>

    <div class="Slides">
        <img src="images/gallery/5.jpg" class="slideshowimage">
    </div>

    <div class="Slides">
        <img src="images/gallery/6.jpg" class="slideshowimage">
    </div>

    <!-- Next and previous buttons -->
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
  </div>


    </main>
    <script src="js/slideshow.js"></script>
</body>
</html>