hellenicdev/index.html at main · hellenicdevs/hellenicdev · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HellenicDev</title>
  <style>
    body {
      font-family: sans-serif;
      background: #111;
      color: white;
      margin: 0;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .logo {
      width: 150px;
      height: auto;
      margin-bottom: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }

    h1 {
      font-size: 3rem;
      margin-bottom: 2rem;
      letter-spacing: 2px;
      text-align: center;
    }

    .game-list {
      width: 100%;
      max-width: 900px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 1.5rem;
      margin-top: 2rem;
    }

    .game-card {
      background: #222;
      padding: 1rem;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      text-align: center;
      transition: transform 0.2s ease;
    }

    .game-card:hover {
      transform: scale(1.05);
    }

    .game-card a {
      text-decoration: none;
      color: #00aaff;
      font-weight: bold;
      font-size: 1.1rem;
    }
  </style>
</head>
<body>
  <!-- Make sure logo.png is in the same folder as this HTML file -->
  <img src="logo.png" alt="HellenicDev Logo" class="logo">

  <h1>HellenicDev</h1>
  <h4> Hello! My name is Panos, aka HellenicDev. I'm passionate about programming and love exploring different languages and technologies. I've created several projects so far—and many more are on the way! You can find a few of them listed below. Enjoy! </h4>
<h2>My Projects:</h2>

  <div class="game-list">
    <div class="game-card">
      <a href="clicker-game/index.html">Clicker Game</a>
    </div>
    <div class="game-card">
      <a href="Codriver/index.html">Codriver</a>
    </div>
    <div class="game-card">
      <a href="budget-tracker/index.html">Budget Tracker</a>
    </div>
    <div class="game-card">
      <a href="the-quiz/index.html">The Quiz</a>
    </div>

    <div class="game-card">
      <a href="e-table/index.html">E-table</a>
    </div>
  </div>
</body>
</html>