Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
56 lines (49 sloc) 1.85 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="selected nav-item"><a href="index.html">About me</a></li>
|
<li class="non-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 2 columns -->
<div class="light-border-top flex-container"> <!-- Additional container for the 2 columns. This exist to ensure the border-top has correct margins -->
<div style="padding-right: 10px" > <!-- Column 1 -->
<div> <!-- Column 1 / Row 1-->
<h4>I ENJOY LIFE AS A DEVELOPER</h4>
<p>I'm JB, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites.</p>
</div>
<div class="light-border-top"> <!-- Column 1 / Row 2-->
<ul class="nav-list">
<li class="non-selected nav-item"><a href="#">Facebook</a></li>
|
<li class="non-selected nav-item"><a href="#">Twitter</a></li>
|
<li class="non-selected nav-item"><a href="#">Instagram</a></li>
|
<li class="non-selected nav-item"><a href="#">Linkedin</a></li>
</ul>
</div>
</div>
<div class="profile"> <!-- Column 2 -->
<img class="photo" src="0.jfif">
</div>
</div>
</main>
<footer class="border-top">
</footer>
</body>
</html>