document structure

This commit is contained in:
Tyler Koenig
2021-05-09 22:35:30 -04:00
parent f889c65bde
commit bfe78c1e12
3 changed files with 65 additions and 3 deletions

BIN
images/rally.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -4,10 +4,68 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Tyler Koenig</title>
</head>
<body>
<h1>Hello World</h1>
<h2>by Tyler Koenig</h2>
<nav>
<div class="name">
<a href="/index.html">Tyler Koenig</a>
</div>
<div class="indexLinks"></div>
<a href="/index.html" target="#">About</a>
<a href="/index.html" target="#">Projects</a>
</nav>
<header>
<img src="/images/rally.jpg" alt="tyler" />
<h1 class="title">Tyler Koenig</h1>
<h2 class="intro">
warehouse associate at amazon
<p>student at we can code it</p>
<p>Web Developer in the making!</p>
</h2>
</header>
<main>
<section class="about">
<div class="bio">
<h3>About Me</h3>
<p>
I'm Tyler Koenig, a software developer in the making. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Iste quod architecto
eius numquam. Sunt ducimus deserunt alias id eligendi repellendus
dicta veniam asperiores, rerum magnam totam autem ipsum cumque.
Fugit.
</p>
</div>
<div class="skills">
<h3>skills</h3>
<ul>
<li>problem solver</li>
<li>microsoft office</li>
</ul>
</div>
<div class="contact">
<h3>Contact</h3>
<div class="links">
<a href="https://github.com/lerko96" target="_blank" title="github"
>github</a
>
<a
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
target="_blank"
title="LinkedIn"
>linkedin</a
>
<a href="mailto:tylerkng96@icloud.com" target="_blank" title="email"
>email</a
>
</div>
</div>
</section>
<section class="projects">
<h2>Projects</h2>
</section>
</main>
<footer></footer>
</body>
</html>

4
style.css Normal file
View File

@@ -0,0 +1,4 @@
.about {
display: flex;
float: left;
}