1 files changed, 76 insertions, 0 deletions
diff --git a/showcase/tech/index.html b/showcase/tech/index.html
new file mode 100644
index 0000000..12d9c94
--- /dev/null
+++ b/showcase/tech/index.html
@@ -0,0 +1,76 @@
+<!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/main.css">
+<link rel="shortcut icon" href="i/favicon.ico">
+<title>Tech Showcase: Home</title></head><body>
+
+<header>
+	<h1>Homepage
+	<i>Technology Showcase</i></h1>
+</header>
+
+<nav>
+	<a href="" class="btn">Home</a>
+	<a href="print" class="btn">3D Printers</a>
+	<a href="ev" class="btn">EVs</a>
+	<a href="drone" class="btn">Drones</a>
+	<a href="template" class="btn">Template</a>
+	<a href="http://github.com/4stc/tech_showcase" class="btn">Source</a>
+	<i>Technology / Home</i>
+</nav>
+
+<main>
+<div class="col" id="left">
+	<h2>About This Site</h2>
+	<p>Hey, my name is Name! This site showcases some of my favorite
+	recent technological advancements, as well as future technologies
+	which I'm very excited about. The images below each link to a specific
+	technology page:</p>
+	<div class="grid">
+		<figure>
+			<a href="print">
+			<figcaption>3D Printers Page</figcaption>
+			<img src="i/print1.png" alt="photo of a 3D printer">
+			</a>
+		</figure>
+		<figure>
+			<a href="ev">
+			<figcaption>Non-Car EVs Page</figcaption>
+			<img src="i/bike2.png" alt="photo of an E-Bike">
+			</a>
+		</figure>
+		<figure>
+			<a href="drone">
+			<figcaption>Drones Page</figcaption>
+			<img src="i/drone_deliver.png" alt="drone delivering a packages">
+			</a>
+		</figure>
+	</div>
+</div>
+<div class="col" id="right">
+	<h2>Technologies</h2>
+	<ul>
+		<li><a href="print">3D Printers</a></li>
+		<li><a href="ev">Non-Car EVs</a></li>
+		<li><a href="drone">Drones</a></li>
+	</ul>
+	<h2>Other Links</h2>
+	<ul>
+		<li><a href="http://github.com/4stc/tech_showcase">Source Code</a></li>
+		<li><a href="template">Template Page</a></li>
+		<li><a href="i/wireframe_mobile.png" target="_blank">Mobile Wireframe</a></li>
+		<li><a href="i/wireframe_desktop.png" target="_blank">Desktop Wireframe</a></li>
+
+	</ul>
+</div>
+</main>
+
+<footer>
+	<p>Made by Name Surname |
+	<a href="i/wireframe_mobile.png" target="_blank">Mobile Wireframe</a> |
+	<a href="i/wireframe_desktop.png" target="_blank">Desktop Wireframe</a>
+	</p>
+</footer>
+
+</body></html>