celinahy.github.io/index.html at main · celinahy/celinahy.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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang = "en-US">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <!-- page description that will appear on search engines as link summary -->
        <meta name="description" content="Rick Astley Wiki">
        <title>Celina Hy</title>
        <link rel="stylesheet" href="style.css">
        <style>
          td, th {
            margin: 10px;
            padding: 10px;
          }
        </style>
    </head>

<body>

  <ul class="navbar">
    <li>
      <a href="index.html" class="navbartext">About</a>
    </li>
    <li>
      <a href="skills.html" class="navbartext">Skills</a>
    </li>
    <li>
      <a href="education.html" class="navbartext">Education</a>
    </li>
    <li>
      <a href="experience.html" class="navbartext">Experience</a>
    </li>
    <li>
      <a href="interests.html" class="navbartext">Interests</a>
    </li>
  </ul>
  <section class="section">
    <div class="left-align">
      <div>
        <figure>
          <img src="https://i.imgur.com/APkyBgi.jpeg" alt="IMAGE NOT FOUND" class="circular">
        </figure>
        <p style="font-size: x-large; text-align: center">Celina Hy</p>

        <div style="text-align: center">
          <p style="font-size: 15px">Software Engineering Student</p>
          <p style="font-size: 14px">@University of Calgary</p>
          <br>
          <ul style="list-style-type: none; padding: 0;">
            <li>
              <strong>Email:</strong>
              <a href="mailto:celinaxhy@gmail.com" style="text-decoration: none; color: blue">celinaxhy@gmail.com</a>
            </li>
            <li>
              <p style="font-size: 15px"> <strong>Location:</strong> Calgary, Canada</p>
            </li>
            <li>
              <strong>Linked-In:</strong>
              <a href="https://www.linkedin.com/in/celina-hy" style="text-decoration: none; color: blue">Celina Hy</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="right-align">
      <p class="header"> About</p>
      <p>Welcome to my website! You can learn a little more about me here.</p>
      <p>Some facts about me:</p>
      <table>
        <tbody>
          <tr>
            <td>
              <input type="checkbox" checked> I have a dog named Zeus.
            </td>
            <td>
              <input type="checkbox" checked> I enjoy jigsaw puzzles, the largest I've completed is 3000 pieces!
            </td>
          </tr>
          <tr>
            <td>
              <input type="checkbox" checked> My birthday is on March 3, 2003, which is why 3 is my lucky number.
            </td>
            <td>
              <input type="checkbox" checked> I can play the piano, but not very well.
            </td>
          </tr>
          <tr>
            <td>
              <input type="checkbox" checked> I've dyed my hair every color of the rainbow.
            </td>
            <td>
              <input type="checkbox" checked> The fastest I've solved the Rubik's Cube is in 22 seconds.
            </td>
          </tr>
          <tr>
          </tr>
        </tbody>
      </table>
    </div>
  </section>
  <div class="border"></div>
  <p style="text-align: center; font-size: 12px">@ Celina Hy 2023</p>
</body>
</html>