styling media queries
This commit is contained in:
297
index.html
297
index.html
@@ -15,162 +15,167 @@
|
||||
<title>Tyler Koenig</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li style="float: left"><a href="index.html">TYLER KOENIG</a></li>
|
||||
<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</a
|
||||
>
|
||||
<i class="fa fa-github fa-lg" aria-hidden="true"></i>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
||||
target="_blank"
|
||||
title="LinkedIn"
|
||||
>
|
||||
linkedin</a
|
||||
>
|
||||
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="mailto:tylerkng96@icloud.com"
|
||||
target="_blank"
|
||||
title="email"
|
||||
>email</a
|
||||
>
|
||||
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
|
||||
</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-pet-amok</a
|
||||
>
|
||||
</h3>
|
||||
</div>
|
||||
<img src="/images/amok.png" alt="virtual-pet-amok-console" />
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>TDD</li>
|
||||
<li>polymorphism</li>
|
||||
<li>encapsulation</li>
|
||||
<li>interface (implements)</li>
|
||||
<li>abstract class (extends)</li>
|
||||
<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>
|
||||
</article>
|
||||
<article class="project-item">
|
||||
<div>
|
||||
<h3>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<h3>contact</h3>
|
||||
<ul class="contactLinks">
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/2021-Spring-Part-Time/virtual-pet-shelter-lerko96"
|
||||
href="https://github.com/lerko96"
|
||||
target="_blank"
|
||||
title="github"
|
||||
>
|
||||
virtual-pet-shelter</a
|
||||
github</a
|
||||
>
|
||||
</h3>
|
||||
</div>
|
||||
<img src="/images/shelter.png" alt="virtual-pet-shelter-console" />
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>TDD</li>
|
||||
<li>constructor() {...}</li>
|
||||
<li>getter() {...}</li>
|
||||
<li>map<> = hashmap<>()></li>
|
||||
<li>collections<></li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="project-item">
|
||||
<div>
|
||||
<h3>
|
||||
<i class="fa fa-github fa-lg" aria-hidden="true"></i>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96"
|
||||
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
||||
target="_blank"
|
||||
title="LinkedIn"
|
||||
>
|
||||
virtual-pet</a
|
||||
linkedin</a
|
||||
>
|
||||
</h3>
|
||||
</div>
|
||||
<img src="/images/pet.png" alt="virtual-pet-console" />
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>game loop</li>
|
||||
<li>user input</li>
|
||||
<li>classes</li>
|
||||
<li>instance variables</li>
|
||||
<li>methods</li>
|
||||
<li>clean code</li>
|
||||
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="mailto:tylerkng96@icloud.com"
|
||||
target="_blank"
|
||||
title="email"
|
||||
>email</a
|
||||
>
|
||||
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
</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-pet-amok</a
|
||||
>
|
||||
</h3>
|
||||
</div>
|
||||
<img src="/images/amok.png" alt="virtual-pet-amok-console" />
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>TDD</li>
|
||||
<li>polymorphism</li>
|
||||
<li>encapsulation</li>
|
||||
<li>interface (implements)</li>
|
||||
<li>abstract class (extends)</li>
|
||||
</ul>
|
||||
</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>
|
||||
<img
|
||||
src="/images/shelter.png"
|
||||
alt="virtual-pet-shelter-console"
|
||||
/>
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>TDD</li>
|
||||
<li>constructor() {...}</li>
|
||||
<li>getter() {...}</li>
|
||||
<li>map<> = hashmap<>()></li>
|
||||
<li>collections<></li>
|
||||
</ul>
|
||||
</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>
|
||||
<img src="/images/pet.png" alt="virtual-pet-console" />
|
||||
<ul class="project-skills">
|
||||
<h4>skills</h4>
|
||||
<li>game loop</li>
|
||||
<li>user input</li>
|
||||
<li>classes</li>
|
||||
<li>instance variables</li>
|
||||
<li>methods</li>
|
||||
<li>clean code</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<span id="copyright">© 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>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<span id="copyright">© 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>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user