Files
portfolio/index.html
2021-05-15 19:46:57 -04:00

193 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap"
rel="stylesheet"
/>
<script src="https://use.fontawesome.com/e427b1b41a.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Tyler Koenig</title>
</head>
<body>
<div id="wrapper">
<nav>
<a href="index.html">TYLER KOENIG</a>
<ul>
<li><a href="#projects" target="_self">PROJECTS</a></li>
<li><a href="#contact" target="_self">CONTACT</a></li>
<li><a href="#bio" target="_self">ABOUT</a></li>
</ul>
</nav>
<header>
<img src="/images/profile.png" alt="tyler" />
<h1>
<a href="index.html">Tyler Koenig</a>
</h1>
<h2>
Warehouse Associate at Amazon
<br />
Student at We Can Code IT, Web Developer in the making!
</h2>
</header>
<main>
<section id="aboutMe">
<div id="bio">
<h2>about me</h2>
<p>
I'm Tyler Koenig, a lifelong student. Graduated with an Associate
of Arts from Lorain County Community College in 2018.
</p>
<h4>skills</h4>
<ul>
<li>problem solving</li>
<li>attention to detail</li>
<li>flexibility</li>
<li>time management</li>
<li>creativity</li>
</ul>
</div>
<div id="contact">
<h3>contact</h3>
<ul class="contactLinks">
<li>
<a
href="https://github.com/lerko96"
target="_blank"
title="github"
>
github <i class="fa fa-github fa-lg" aria-hidden="true"></i>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
target="_blank"
title="LinkedIn"
>
linkedin
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i>
</a>
</li>
<li>
<a
href="mailto:tylerkng96@icloud.com"
target="_blank"
title="email"
>email
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</section>
<section id="projects">
<h2>projects.</h2>
<div>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/2021-Spring-Part-Time/virtual-pets-amok-lerko96"
target="_blank"
>virtual-pets-amok</a
>
</h3>
</div>
<div id="project-container">
<img src="/images/amok.png" alt="virtual-pet-amok-console" />
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>TDD</li>
<li>polymorphism</li>
<li>encapsulation</li>
<li>interface (implements)</li>
<li>abstract class (extends)</li>
</ul>
</div>
</div>
</article>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/2021-Spring-Part-Time/virtual-pet-shelter-lerko96"
target="_blank"
>
virtual-pet-shelter</a
>
</h3>
</div>
<div id="project-container">
<img
src="/images/shelter.png"
alt="virtual-pet-shelter-console"
/>
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>TDD</li>
<li>constructor() {...}</li>
<li>getter() {...}</li>
<li>map<> = hashmap<>()></li>
<li>collections<></li>
</ul>
</div>
</div>
</article>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96"
target="_blank"
>
virtual-pet</a
>
</h3>
</div>
<div id="project-container">
<img src="/images/pet.png" alt="virtual-pet-console" />
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>game loop</li>
<li>user input</li>
<li>classes</li>
<li>instance variables</li>
<li>methods</li>
<li>clean code</li>
</ul>
</div>
</div>
</article>
</div>
</section>
</main>
<footer>
<span id="copyright">&copy; 2021 Tyler Koenig</span>
<div id="footLinks">
<a href="https://github.com/lerko96" target="_blank" title="github"
><i class="fa fa-github fa-2x" aria-hidden="true"></i
></a>
<a
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
target="_blank"
title="LinkedIn"
><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i
></a>
<a href="mailto:tylerkng96@icloud.com" target="_blank" title="email"
><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i
></a>
</div>
</footer>
</div>
</body>
</html>