thatguycodes.github.io/index.html at master · thatguycodes/thatguycodes.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
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

<body>

  <!-- Navigation -->
  <nav class="w3-bar w3-black">
    <a href="/index.html" class="w3-button w3-bar-item">Home</a>
    <a href="/about.html" class="w3-button w3-bar-item">About</a>
    <a href="/tour.html" class="w3-button w3-bar-item">Tour</a>
    <a href="/contact.html" class="w3-button w3-bar-item">Contact</a>
  </nav>

  <!-- Slide Show -->
  <section>
    <img class="mySlides" src="./images/UI Design.png" style="width:100%">
    <img class="mySlides" src="./images/backend.png" style="width:100%">
    <img class="mySlides" src="./images/diversity.png" style="width:100%">
  </section>

  <!-- Band Description -->
  <section class="w3-container w3-center w3-content" style="max-width:600px">
    <h2 class="w3-wide">L. THEODORE OBONYE</h2>
    <p class="w3-opacity"><i>Software Engineer</i></p>
    <p class="w3-justify">
      An agnostic software developer who aspires to be a Software Architect. He is well rounded with IT knowledge which
      boosts his ability to troubleshoot errors both within application development and provisioning of network nodes for
      deployment, especially with AWS cloud computing. A firm believer in test-driven development and collaboration
      through git to establish a consistent and automated way to build, package, and test applications as well as
      ensures there is an automated way to push code changes to production.
  </section>

  <!-- Band Members -->
  <section class="w3-row-padding w3-center w3-light-grey">
    <article class="w3-third">
      <p>Angular / Reactjs / Vuejs</p>
      <img src="./images/React_(web_framework)-Logo.wine.svg" alt="Random Name" style="width:100%">
      <p>Frontend Frameworks to make modern styled client apps</p>
    </article>
    <article class="w3-third">
      <p>NODE / SPRING</p>
      <img src="./images/spring.png" alt="Random Name" style="width:100%">
      <p>JavaScript / Java for powerful microservices</p>
    </article>
    <article class="w3-third">
      <p>DATABASE MANAGEMENT</p>
      <img src="./images/mysql-logo-svg-vector.svg" alt="Random Name" style="width:100%">
      <p>MySQL / PostgreSQL / MONGODB / REDIS / ORACLE </p>
    </article>
  </section>

  <!-- Footer -->
  <footer class="w3-container w3-padding-64 w3-center w3-black w3-xlarge">
    <a href="https://www.facebook.com/theo.obonye/" target="_blank" ><i class="fa fa-facebook-official"></i></a>
    <a href="https://github.com/MrObonye"><i class="fa fa-github" target="_blank" ></i></a>
    <a href="https://twitter.com/thatguycodes"><i class="fa fa-twitter" target="_blank" ></i></a>
    <a href="https://www.linkedin.com/in/letlhogonolo-theodore-obonye-23727b171/"><i class="fa fa-linkedin" target="_blank" ></i></a>
    <p class="w3-medium">

    </p>
</footer>

  <script>
    // Automatic Slideshow - change image every 3 seconds
    var myIndex = 0;
    carousel();

    function carousel() {
      var i;
      var x = document.getElementsByClassName("mySlides");
      for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";
      }
      myIndex++;
      if (myIndex > x.length) { myIndex = 1 }
      x[myIndex - 1].style.display = "block";
      setTimeout(carousel, 3000);
    }
  </script>

</body>

</html>