codyhowarth.github.io/index.html at master · codyhowarth/codyhowarth.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <title>Cody Howarth</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script defer src="/assets/icons/fontawesome/fontawesome-all.min.js"></script>
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/styles.css">
</head>

<body id="mainpage">
    <nav class="navbar sticky-top py-0 navbar-expand-lg navbar-dark bg-primary">
        <a class="navbar-brand p-0 mb-1" href="index.html">
            <span id="navBrandName" class="h6 py-0">Cody Howarth</span>
        </a>
        <button class="navbar-toggler py-0" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link py-0" href="index.html">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link py-0" href="projects.html">Projects</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link py-0" href="cody_howarth_resume.pdf">Resume</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="jumbotron">
        <div class="container">
            <h1 id="job-title" class="display-4">Cody Howarth</h1>
            <p id="summary-text" class="lead">Software Developer</p>
        </div>
    </div>
    <main id="mainBody" class="container pt-3">
        <div id="about" class="row">
            <div class="col-xl-9">
                <h3 class="customH3">About me</h3>
                <p>I've always loved building things. In my first career I built tools and prototype parts as a <a
                        href="//en.wikipedia.org/wiki/Machinist">Machinist</a>.
                    I graduated from <a href="//www.conestogac.on.ca/">Conestoga College</a> with a
                    <a href="//www.conestogac.on.ca/fulltime/mechanical-technician-general-machinist-co-op">Mechanical
                        Technician Diploma</a> and completed my <a
                        href="//www.red-seal.ca/trades/m.1ch.3n.3st-eng.html">Red Seal Trade Certification</a> while
                    working as a full time Machinist. My interest in learning new technologies eventually led me to
                    pursue a degree in Computer Science. I graduated from
                    <a href="//www.utoronto.ca/">University of Toronto</a>, with a specialization in Computer Science.
                    I currently work as Software Development Team Lead for <a
                        href="https://illuminatemi.com/">Illuminate Manufacturing Intelligence</a> software by
                    <a href="https://atsautomation.com/">ATS Automation</a> in Ontario, Canada. Here are some <a
                        href="projects.html">projects</a> that I've contributed
                    to.
                </p>
            </div>
            <div class="col">
                <h3 class="customH3">Contact</h3>
                <div class="row">
                    <a class="col" href="https://www.linkedin.com/in/codyhowarth/" target="_blank" data-hint="LinkedIn">
                        <i class="fab fa-linkedin fa-lg"></i>
                        <span>LinkedIn</span>
                    </a>
                </div>
                <div class="row">
                    <a class="col" href="https://github.com/codyhowarth" target="_blank" data-hint="GitHub">
                        <i class="fab fa-github-square fa-lg"></i>
                        <span>Github</span>
                    </a>
                </div>
                <div class="row">
                    <a class="col" href="https://twitter.com/codyhowarth" target="_blank" data-hint="Twitter">
                        <i class="fab fa-twitter-square fa-lg"></i>
                        <span>Twitter</span>
                    </a>
                </div>
                <div class="row">
                    <a class="col" href="mailto:codyhowarth@gmail.com" target="_blank" data-hint="Email">
                        <i class="fas fa-envelope-square fa-lg"></i>
                        <span>Email</span>
                    </a>
                </div>
            </div>
        </div>
    </main>
    <footer class="footer fixed-bottom border-top border-gray pt-1 pb-1">
        <div class="row">
            <div class="col pl-4 pt-2">
                &copy; 2024 Cody Howarth.
            </div>
            <div class="ml-auto mr-4 pt-2 pb-0">
                <a href="https://www.linkedin.com/in/codyhowarth/" target="_blank" data-toggle="tooltip"
                    data-placement="top" title="LinkedIn">
                    <i class="fab fa-linkedin fa-lg mx-1"></i>
                </a>
                <a href="https://github.com/codyhowarth" target="_blank" data-toggle="tooltip" data-placement="top"
                    title="Github">
                    <i class="fab fa-github-square fa-lg mx-1"></i>
                </a>
                <a href="https://twitter.com/codyhowarth" target="_blank" data-toggle="tooltip" data-placement="top"
                    title="Twitter">
                    <i class="fab fa-twitter-square fa-lg mx-1"></i>
                </a>
                <a href="mailto:codyhowarth@gmail.com" target="_blank" data-toggle="tooltip" data-placement="top"
                    title="Email">
                    <i class="fas fa-envelope-square fa-lg mx-1"></i>
                </a>
            </div>
        </div>
    </footer>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/tether.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
</body>

</html>