paraxodon.github.io/index.html at main · Paraxodon/paraxodon.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>paraxodon</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="resources/images/LOGO.png">
</head>
<body>
    <header id="main-header">
        <nav id="navbar">
            <div class="container">
              <ul>
                  <li><a href="index.html">home</a></li>
                  <img src="resources/images/separator.png" alt="Separator">
                  <li><a href="pages/projects.html">projects</a></li>
                  <img src="resources/images/separator.png" alt="Separator">
                  <li><a href="pages/skills.html">skills</a></li>
                  <!-- <img src="resources/images/separator.png" alt="Separator">
                  <li><a href="pages/blog.html">blog</a></li> --> <!-- QUITO TEMPORALMENTE EL BLOG -->
                  <img src="resources/images/separator.png" alt="Separator">
                  <li><a href="pages/contact.html">contact</a></li>
              </ul>
            </div>
        </nav>
        <div class="container">
            <a  href="index.html"><img style="max-width: 200px; max-height:200px" src="resources/images/mainpageicon.png" alt="icon"></a>
        </div>
        <div class="container">
            <img class="horiz-separator" src="resources/images/horiz-separator.png" alt="Separator">
        </div>
        <nav class="icon-nav">
            <div class="container">
            <ul>
                <li><a href="https://store.steampowered.com/developer/paraxodon" target="_blank"><img src="resources/images/steam.png" alt="steam"></a></li>
                <li><a href="https://www.youtube.com/channel/UC-0QFeLZb9jb9kHxmUt0AOw " target="_blank"><img src="resources/images/youtube.png" alt="youtube"></a></li>
                <li><a href="https://www.linkedin.com/in/pau-perez-roy" target="_blank"><img src="resources/images/linkedin.png" alt="linkedin"></a></li>
                <!-- <li><a href="https://twitter.com/paraxodon"><img src="resources/images/twitter.png" alt="twitter"></a></li> -->
                <li><a href="https://paraxodon.itch.io" target="_blank"><img src="resources/images/itch.png" alt="itch"></a></li>
                <!--<li><a href="https://www.fiverr.com/paraxodon"><img src="resources/images/fiverr.png"></a></li>-->
            </ul>
            </div>
        </nav>
    </header>


    <div class="container" style="margin-top:300px">
        <article class="article show-on-scroll">
            <h1>Hello,</h1>
            <p>I am Pau Pérez, known online as <b>Paraxodon</b>, a student
                and game developer passionate about programming, software and developing videogames.
            </p>
        </article>
        <div class="container" style="margin-top:150px; margin-bottom: 150px;">
           <img class="horiz-separator" src="resources/images/horiz-separator.png" alt="Separator">
        </div>
        <article class="article show-on-scroll"><p>Currently I am finishing my degree in Computer Science at the
            <a href="https://hkust.edu.hk/"target="_blank">Hong Kong University of Science and Technology</a> as an exchange student from the
            <a href="https://www.upv.es/"target="_blank">Universitat Politécnica de Valéncia</a> and developing videogames solo in my free time.
            </p>
        </article>
        <div class="container" style="margin-top:150px; margin-bottom: 150px;">
            <img class="horiz-separator" src="resources/images/horiz-separator.png" alt="Separator">
         </div>
    </div>

    <div class="container" style="width:100%;">
    <footer id="main-footer">
        <p>Copyright &copy; 2026 Paraxodon</p>
    </footer>
    </div>
    <script src="js/show-on-scroll.js"></script>
</body>
</html>