eliassommer.github.io/Projektseite 2.html at master · eliassommer/eliassommer.github.io · 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
<html>

<header>
    <script src="functions.js"></script>
    <title>Gamedev Portfolio</title>

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">


</header>

<body>


    <link rel="stylesheet" href="./Startseite.css"></style>

    <style>
        body {

            background-image: url(backroundsample.jpg);
        }

        </style>

    <h1>Projekt Y</h1>

    <h2>Allgemeines</h2>

    <p>Platzhaltertext zu Allgemeines</p>

                   <!--SLIDESHOW-->
                   <div class="slideshow-container">

                    <div class="mySlides-fade">
                        <div class="numbertext"> 1 / 3</div>
                        <img src="placeholder x.jpg" style="width: 100%;">
                        <div class="text">Caption Text </div>
                    </div>

                    <div class="mySlides-fade">
                        <div class="numbertext"> 2 / 3</div>
                        <img src="placeholder2 x.jpg" style="width: 100%;">
                        <div class="text">Caption two</div>
                    </div>

                    <div class="mySlides-fade">
                        <div class="numbertext"> 3 / 3</div>
                        <img src="placeholder3 x.jpg" style="width: 100%;">
                        <div class="text">Caption three </div>
                    </div>

                <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
                <a class="next" onclick="plusSlides(1)">&#10095;</a>

                    </div>
                    <br>

                    <div style="text-align:center">
                        <span class="dot" onclick="currentSlide(1)"></span>
                        <span class="dot" onclick="currentSlide(2)"></span>
                        <span class="dot" onclick="currentSlide(3)"></span>
                      </div>

    <h2>Entwicklung</h2>

    <p>Platzhaltertext zu Entwicklung</p>

    <img src="http://via.placeholder.com/640x360">

    <hr>

    <iframe width="560" height="315" src="https://www.youtube.com/embed/xZPxEnreVc4"
    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>


</body>


</html>