WebTechProject2/index.html at master · marcojansen/WebTechProject2 · 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
<!DOCTYPE html>

<HTML>

<head>
    <meta charset="UTF-8">
    <title>Vakantiefeest</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css">
    <link href="css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 480px)">
    <link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 481px) and (max-width: 1024px)">
    <link href="css/screen.css" rel="stylesheet" type="text/css" media="(min-width: 1025px)">
    <script src="javascript/script.js" type="text/javascript"></script>
</head>

<body onload="onInit()">
    <div id="header">
        <nav id="site-nav">
            <a href="html/ibiza.html" id="ibiza" class="nav-icon">Ibiza</a>
            <a href="html/rimini.html" id="rimini" class="nav-icon">Rimini</a>
            <a href="html/sunny-beach.html" id="sunny-beach" class="nav-icon">Sunny Beach</a>
            <a href="html/kreta.html" id="kreta" class="nav-icon">Kreta</a>
            <a href="html/lloret.html" id="lloret-de-mar" class="nav-icon">Lloret de Mar</a>
        </nav>
        <a href="index.html">
            <img src="images/beer-26722_640.png" alt="logo" id="logo">
        </a>
    </div>

    <img src="images/Lloret_de_Mar0.jpg" alt="lloret" id="largeImage">
    <div id="container">
        <img src="images/Lloret_de_Mar0.jpg" alt="lloret1" class="images" id="image1">
        <img src="images/Ibiza1.jpg" alt="lloret1" class="images" id="image2">
        <img src="images/Sunny-beach1.jpg" alt="lloret1" class="images" id="image3">
        <img src="images/Rimini1.jpg" alt="lloret1" class="images" id="image4">
    </div>


    <article>
        <h1>Over vakantiefeest</h1>
        <p>Vakantiefeest is een bedrijf opgezet door marco jansen en daan veldhof. Wij bieden de beste feestvakanties! Bij ons kom je gegarandeert tevreden terug van je reis!</p>
    </article>

    <footer>
        <a href="html/contact.html">Contact</a>
    </footer>
</body>


</HTML>