Algorithm-Visualizer/contact.html at main · kyawzinthant-coding/Algorithm-Visualizer · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
      crossorigin="anonymous"
    />
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
      crossorigin="anonymous"
    ></script>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Ribeye&display=swap"
      rel="stylesheet"
    />
    <link href="styles.css" rel="stylesheet" />
    <title>Contact</title>
  </head>
  <body>
    <nav style="margin-top: 2rem" class="navbar navbar-expand-lg navbar-dark">
      <div class="container">
        <a class="navbar-brand" href="#">Algorithm Visualizer</a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
          aria-controls="navbarNav"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="d-sm-none d-lg-flex" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link display-1" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link display-1" href="about.html">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link display-1" href="contact.html">Contact Us</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div style="margin-top: 10rem" class="container">
      <div class="row">
        <div class="col text-center">
            <img style="margin-bottom: 1rem;" width="200" src="./assets/brian.png" alt="brian">
          <h4>
            I am Kyaw Zin Thant , 19 Year old software developer <br />
            specializeds in web development technology and algorithms.
          </h4>
        </div>

        <h2 style="margin-top: 3rem" class="text-center">
          Let's be Awesome together!
        </h2>
        <div
          class="contactContainer text-center mt-3 d-flex gap-2 justify-content-center"
        ></div>
      </div>
    </div>
  </body>
  <script src="contact.js"></script>
</html>