<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>JoeAbunga Tech</title>

<link href="css/styles.css" rel="stylesheet" type="text/css">

<img src="img/logo.png" alt="JoeAbunga Tech Logo" class="logo">

<nav>

<ul>

<li><a href=""></a></li>

<li><a href="#WhoAmI">About</a></li>

<li><a href="">Contact</a></li>

</ul>

</nav>

<section class="home-hero">

<div class="container">

<h1 class="title">Joseph Lombardi

<span>Working with you to achieve the future</span>

</h1>

<a href="" class="button button-accent">See My Work</a>

</div>

<a name="WhoAmI"></a>

<div class="container">

<section class="home-about">

<div class="home-about-textbox">

<h1>Who am I</h1>

<p>

My name's Joseph Lombardi and I've been facinated with techonology ever since I was young. I continued that passion into High School and College competing in multiple Hackathons, creating over half a dozen projects, and even winning awards for them. I also have taught at a Technology camp for the past three years teaching courses like Minecraft Modding using Javascript, Game Design with Unreal Engine 4, and Introduction to Java programing.

</p>

</div>

</div>

<section class="portfolio">

<h1>Some of my Work</h1>

<!-- portfolio item #01-->

<figure class="port-item">

<img src="img/portfolio-01.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p>Gimgur</p>

<a href="https://devpost.com/software/gimgur" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

<!-- portfolio item #02-->

<figure class="port-item">

<img src="img/portfolio-02.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p>KinOc</p>

<a href="https://devpost.com/software/kinoc-kinect-oculus-vr-experience" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

<!-- portfolio item #03-->

<figure class="port-item">

<img src="img/portfolio-03.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p>Convoy</p>

<a href="https://devpost.com/software/convoy" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

<!-- portfolio item #04-->

<figure class="port-item">

<img src="img/portfolio-04.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p>Gotta Dry That Paint</p>

<a href="https://devpost.com/software/gotta-dry-that-paint" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

<!-- portfolio item #05-->

<figure class="port-item">

<img src="img/portfolio-05.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p>Website Source</p>

<a href="" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

<!-- portfolio item #06-->

<figure class="port-item">

<img src="img/portfolio-06.jpg" alt="Portfolio Item">

<figcaption class="port-desc">

<p></p>

<a href="" class="button button-accent button-small">Project Details</a>

</figcaption>

</figure>

</section>

<section class="cta">

<div class="container">

<h1 class="title title-cta">Like What You See?

<span>Feel free to contact me</span>

</h1>

<a href="" class="button button-dark">Contact Me</a>

</div>

</section>

<footer>

<div class="container">

<div class="col-3">

<p>This site was built on HTML5 and CSS3. You can find more information on the tools and resources I have used for my past projects.</p>

</div>

<div class="col-1">

<ul class="unstyled-list">

<li><strong>Website</strong></li>

<li><a href="https://www.w3schools.com/">w3Shools</a></li>

<li></li>

<li></li>

</ul>

</div>

<div class="col-1">

<ul class="unstyled-list">

<li><strong>Computer Imaging</strong></li>

<li>Getting Edges</li>

<li>Tracking Object</li>

<li>Face Tracking</li>

<li>Resources</li>

</ul>

</div>

<div class="col-1">

<ul class="unstyled-list">

<li><strong>Computer Imaging</strong></li>

<li>Getting Edges</li>

<li>Tracking Object</li>

<li>Face Tracking</li>

<li>Resources</li>

</ul>

</div>

</div>

</footer>

</body>