Samuelcook29Create.github.io/index.html at main · Samuelcook29create/Samuelcook29Create.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Webfolio</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Kenia&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">

</head>

<body>


    <nav class="flex">
        <h1>Welcome to my personal Webfolio</h1>
        <a href="/games">Games</a>
        <a href="/languages">Languages</a>
        <a href="/books">Books</a>
        <a href="hobbies.html">Hobbies</a>
    </nav>

    <p id="purple">In this document you will the multiple <strong>games,</strong><em> books</em> and
        hobbies that I enjoy</p>
    <ol class="glow">
        <p>other websites</p>
        <li><a href="https://kiwinguyen29.github.io/" class="website">Kiwi</a></li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ol>
    <audio controls src="Audio/sam_song.wav" class="box"></audio>
    <img src="Pictures/treeredwood.jpg" alt="redwood tree"><br>
    <button id="inflate-button">INFLATE</button>
    <button id="deflate-button">DEFLATE</button>
    <button id="new-button">NEW BALLON</button>
    <p id="ballon">🎈</p>


    <script src="script.js"></script>

</body>

</html>