fe-2/profile.html at master · mbergevoet/fe-2 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My Chats</title>
    <link rel="stylesheet" href="styles/styles.css">
</head>

<body>
    <header>
            <div><img src="images/amatch-logo2.png" alt=""></div>
            <nav>
                <ul>
                    <li class="animatedLink"><a href="profile.html">My Profile</a></li>
                    <li class="animatedLink"><a href="index.html">My Chats</a></li>
                    <li class="animatedLink"><a href="index.html">Matchmaking</a></li>
                </ul>
            </nav>
    </header>
    <main>
        <div id="profileTile">
            <img src="images/moan.jpg" alt="man">
            <!-- Bron:https://mattgstyle.com/5-tips-to-upgrade-your-dating-profile-pictures/-->
            <div>
                <h1>Carl, 24</h1>
                <p><span>Werk: </span> CEO van Amat'ch</p>
                <p><span>Opleiding: </span>Universiteit van Oregon</p>
                <p><span>Woont in: </span>Amsterdam, Portland</p>
                <p><span>Hobby's:</span></p>
                <ul>
                    <li>Outdoor</li>
                    <li>Sport</li>
                    <li>Fotografie</li>
                </ul>
                <p>Als je ook van deze dingen houdt ben ik op zoek naar jou! We kunnen wat gaan eten of drinken als je
                    dat leuk vind om elkaar beter te leren kennen.</p>
                <label for="file" class="fileSelectButton"> Upload foto:
                    <input type="file" name="inputFile" class="fileSelector" placeholder="Upload foto">
                </label>
            </div>
            <img src="" alt="Afbeelding Preview" class="imagePreview">
        </div>
    </main>
    <footer>
        <section>
            <p>Indeling en Styling door Merlijn Bergevoet 2020 &copy;</p>
        </section>
    </footer>
    <script src="js/InsertPicture.js"></script>
</body>

</html>