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

<head>
  <meta charset="UTF-8" />
  <title>Családi Bence – 3D Portfolio</title>
  <link rel="stylesheet" href="style.css" />
  <script type="importmap">
  {
    "imports": {
      "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js",
      "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
    }
  }
  </script>
</head>

<body>

  <nav>
    <a href="/about">About me</a>
    <a href="/skills">Skills</a>
    <a href="/projects">Projects</a>
    <a href="https://www.linkedin.com/in/bence-családi-0b6a01286/" target="_blank" aria-label="LinkedIn profile"
      target="_blank" rel="noopener noreferrer" aria-label="LinkedIn profile">
      <svg width="28" height="28" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
        <g fill="none" fill-rule="evenodd">
          <path d="M8 0h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8z" fill="#0A66C2" />
          <path
            d="M20 27h8v25h-8V27zm4-11a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9zm10 11h8v3.4h.1c1.1-2 3.8-4.1 7.9-4.1c8.4 0 10 5.5 10 12.6V52h-8V40.2c0-2.8 0-6.4-4-6.4s-4.6 3-4.6 6.2V52h-8V27z"
            fill="#FFF" />
        </g>
      </svg>
    </a>
    <a href="https://github.com/bobiuszgithub" target="_blank" rel="noopener noreferrer" aria-label="GitHub profile">
      <svg width="28" height="28" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <circle cx="12" cy="12" r="12" fill="transparent" />

        <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.385.6.113.82-.263.82-.583
      0-.288-.01-1.05-.015-2.06-3.338.724-4.042-1.61-4.042-1.61-.546-1.386-1.333-1.754-1.333-1.754-1.09-.745.082-.73.082-.73
      1.205.085 1.838 1.237 1.838 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.418-1.305.76-1.605-2.665-.3-5.467-1.333-5.467-5.93
      0-1.31.468-2.382 1.235-3.222-.123-.303-.535-1.523.117-3.176 0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3-.405c1.02.005 2.045.138 3 .405
      2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.873.12 3.176.77.84 1.233 1.912 1.233 3.222 0 4.61-2.807 5.625-5.48 5.922.43.37.823 1.103.823 2.222
      0 1.606-.015 2.896-.015 3.286 0 .322.217.698.825.58C20.565 21.795 24 17.298 24 12c0-6.63-5.37-12-12-12z"
          fill="#fff" />
      </svg>
    </a>


  </nav>

  <section id="about" class="section hero">
    <div class="text">
      <h1>Családi Bence</h1>
      <h2>Software Engineer</h2>
      <p>iOS · 3D</p>
      <p><strong>About me: </strong>Hello! I'm Családi Bence, a passionate Software Engineer specializing in iOS
        development and 3D applications.
        I enjoy creating interactive experiences, exploring new technologies, and turning ideas into real-world
        projects.</p>
      <p><strong>Hobbies:</strong> In my free time, I enjoy 3D modeling, building small video games, and improving my
        iOS development skills.</p>
      <p><strong>Education:</strong> BSc in Computer Science Engineering at Óbuda University.</p>
      <p><strong>Languages:</strong> Hungarian (native), English (C1)</p>
    </div>
  </section>


  <script type="module" src="main.js"></script>
</body>

</html>