personal-website/about.html at main · angelp0325/personal-website · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/style.css" />
    <title>About - Angel Polanco</title>
  </head>
  <body>
    <header class="site-header">
      <nav aria-label="Primary">
        <a class="brand" href="/index.html">Angel Polanco</a>
        <ul class="nav">
          <li><a href="/index.html">Home</a></li>
          <li><a href="/about.html" aria-current="page">About</a></li>
          <li><a href="/portfolio.html">Portfolio</a></li>
          <li><a href="/contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>

    <main class="about-page">
      <h1>
        When I'm not focused on building responsive and accessible websites, you
        can probably find me doing the following:
      </h1>
      <hr />

      <section class="about-section">
        <h2>Evangelism</h2>
        <div class="about-content">
          <p>
            Sharing my faith is a core part of who I am. Evangelism gives me the
            chance to encourage, uplift, and connect with people on a deeper
            level. Just like coding, it’s about communication, clarity, and
            leaving a lasting impact.
          </p>
          <figure>
            <img src="/assets/evangelism.JPG" alt="Angel Evangelism" />
          </figure>
        </div>
      </section>
      <hr />

      <section class="about-section">
        <h2>Dominoes</h2>
        <div class="about-content">
          <p>
            I grew up playing dominoes, and it’s more than just a game for me;
            it’s strategy, patience, and community. Dominoes teaches me to think
            ahead, adapt quickly, and enjoy the process, which are the same
            skills I apply when working through code challenges.
          </p>
          <figure>
            <img src="/assets/dominoes.jpg" alt="Angel Dominoes" />
          </figure>
        </div>
      </section>
      <hr />

      <section class="about-section">
        <h2>Basketball</h2>
        <div class="about-content">
          <p>
            Basketball has always been a way for me to stay active, build
            teamwork, and sharpen focus under pressure. The game teaches me how
            to think strategically, adapt quickly, and work with others toward a
            common goal; skills that carry over perfectly into both life and
            development.
          </p>
          <figure>
            <img src="/assets/basketball.jpg" alt="Angel Basketball" />
          </figure>
        </div>
      </section>
      <hr />

      <section class="about-section">
        <h2>Gym</h2>
        <div class="about-content">
          <p>
            The gym is where I challenge myself physically and mentally.
            Training consistently has taught me discipline, resilience, and how
            to set goals and work toward them daily. These habits directly fuel
            my growth as a developer and as a person.
          </p>
          <figure>
            <img src="/assets/gym.jpg" alt="Angel Gym" />
          </figure>
        </div>
      </section>
      <hr />

      <section class="about-section">
        <h2>Piano</h2>
        <div class="about-content">
          <p>
            Playing piano allows me to express creativity and focus in a
            different way. Music sharpens my ability to notice patterns and
            flows, which translates beautifully into problem-solving in code.
            It's both an escape and an inspiration.
          </p>
          <figure>
            <img src="/assets/piano.jpg" alt="Angel Piano" />
          </figure>
        </div>
      </section>
      <hr />
    </main>

    <footer class="site-footer">
      <small
        >© <span id="year"></span> Angel Polanco. All rights reserved.</small
      >
    </footer>

    <script src="/home.js"></script>
    <script>
      document.getElementById("year").textContent = new Date().getFullYear();
    </script>
  </body>
</html>