bklo94.github.io/contact.html at master · bklo94/bklo94.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
<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title>Contact - Brandon Lo</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet" type='text/css'>
  </head>

  <body>
    <div class="container">
      <!-- Title Section -->
      <div class="intro">
        <hr class="intro-hr left-hr" />
        <div class="intro-text">Contact</div>
        <hr class="intro-hr right-hr" />
      </div>

      <!-- Navigation Bar -->
      <nav class="navbar">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="education.html">Education</a></li>
          <li><a href="experience.html">Experience</a></li>
          <li><a href="projects.html">Projects</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>

      <!-- Contact Section -->
      <section class="contact-section">
        <h2>Get in Touch</h2>
        <p>Feel free to reach out to me via email or connect with me on GitHub and LinkedIn.</p>

        <!-- Email -->
        <div class="contact-entry">
          <i class="fa fa-envelope"></i>
          <a href="mailto:mail@brandonkitlo.com">mail@brandonkitlo.com</a>
        </div>

        <!-- GitHub -->
        <div class="contact-entry">
          <i class="fa fa-github"></i>
          <a href="https://github.com/bklo94" target="_blank">github.com/bklo94</a>
        </div>

        <!-- LinkedIn -->
        <div class="contact-entry">
          <i class="fa fa-linkedin"></i>
          <a href="https://linkedin.com/in/bklo94/" target="_blank">linkedin.com/in/bklo94</a>
        </div>
      </section>
    </div>

    <footer>
      <div class="copyright">Copyright (c) 2021 Brandon Lo</div>
    </footer>
  </body>
</html>