diff options
Diffstat (limited to 'showcase/index.html')
| -rw-r--r-- | showcase/index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/showcase/index.html b/showcase/index.html new file mode 100644 index 0000000..44793fb --- /dev/null +++ b/showcase/index.html @@ -0,0 +1,77 @@ +<!doctype html> +<html lang="en"><head><meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<link rel="stylesheet" href="css/bootstrap.css"> +<link rel="stylesheet" href="css/main.css"> +<link rel="shortcut icon" href="i/me.png"> +<title>Name's Website: Home</title></head><body> + +<header> + <h1><a id="nav-btn">☰</a> + <a href="">Name's Homepage</a></h1> +</header> + +<nav id="menu"> + <a href="" class="btn">Home</a> + <a href="projects" class="btn">Projects</a> + <a href="classes" class="btn">Classes</a> + <a href="contact" class="btn">Contact</a> + <a href="template" class="btn">Template</a> + <a href="http://github.com/4stc/porter" class="btn">Source</a> + <i>Name / Home</i> +</nav> + +<main class="container"><div class="row align-items-center"> +<div class="col-md"> + <p>Hey! My name is Name, I graduated from high school + last spring and am now majoring in Computer Programming at + Southeast Tech. I live in Sioux Falls and have 4 siblings. + This page lists a few of my interests, as well + as some of my technical skills.</p> +</div><div class="col-md"> + <img width="300" src="i/me.png" class="rounded w-75" alt="a picture of myself"> +</div><div class="row"> +<div class="col-md ps-5"> + <h2>I Enjoy</h2> + <ul> + <li>Traveling</li> + <li>Programming</li> + <li>Coffee & Tea</li> + <li>Bicycling</li> + <li>Electric Scootering</li> + <li>Learning</li> + <li>Hiking</li> + </ul> +</div><div class="col-md ps-5"> + <h2>Tech Skills</h2> + <ul> + <li>C#</li> + <li>HTML / CSS</li> + <li>SQL</li> + <li>Visual Studio</li> + <li>Oracle</li> + <li>Cloud Computing</li> + <li>Linux</li> + <li>Git</li> + <li>WordPress</li> + </ul> +</div><div class="col-md ps-5"> + <h2>Sitemap</h2> + <ul> + <li><a href="">Homepage</a></li> + <li><a href="projects">Projects</a></li> + <li><a href="classes">Classes</a></li> + <li><a href="contact">Contact</a></li> + <li><a href="template">Template</a></li> + </ul> +</div></div></div></main> + +<footer> + <p>Made by Name Surname | + <a href="i/home_mobile.png" target="_blank">Mobile Wireframe</a> | + <a href="i/home_desktop.png" target="_blank">Desktop Wireframe</a> + </p> +</footer> + +<script src="js/main.js"></script> +</body></html> |