Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
65 lines (53 sloc) 2.31 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Joe Johnson</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header class="border-top">
<nav>
<ul class="nav-list">
<li class="non-selected nav-item"><a href="index.html">About me</a></li>
|
<li class="selected nav-item"><a href="portfolio.html">Portfolio</a></li>
</ul>
<!-- Question: I am not able to change the color of the text inside the <a> tag by specifing the color of <nav>. So I have to specify the proprierty on the <a> tag directly. Is this correct? Why? -->
<h1>Joe Johnson</h1>
</nav>
</header>
<main > <!-- The main will contain 1 columns -->
<div class="light-border-top ">
<h3>Experience</h3>
<p>I recently graduated from a Front-End Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Front-End Web Developer! During my spare time, I enjoy senior water aerobics, pickling, and spending time with my goldfish, Jerry.</p>
</div>
<div class="light-border-top ">
<h4>EDUCATION</h4>
<ul>
<li>General Assembly — FEWD 2015</li>
<li>College of Soft Knocks — B.S. 2009</li>
<li>School of Hard Knocks — 2005 (Honors)</li>
</ul>
</div>
<div class="light-border-top ">
<h4>PORTFOLIO</h4>
<ul>
<li>Web Developer, Relaxr 2015 - present
Developed a multi-column layout blog, landing page, and contact forms that render on mobile devices.</li> <br/>
<div class="portfolio"> <img class="image-portfolio" src="relaxr_deliverable.png"></div>
<li>Web Developer, Startup Matchmaker 2015 - present
Used a design team's wireframes to develop this company's responsive homepage.</li> <br/>
<div class="portfolio"> <img class="image-portfolio" src="startup_matchmaker_deliverable.png"></div>
<li>Web Developer, CitiPix 2015 – present
Built web app prototype that allows users to store and quickly retrieve photos using keywords.</li> <br/>
<div class="portfolio"> <img class="image-portfolio" src="citipix_deliverable.png"></div>
</ul>
</div>
</main>
<footer class="border-top">
</footer>
</body>
</html>