Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

94 lines (84 sloc) 4.074 kB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>GRPH 2A06: HTML/CSS primer</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,900,700italic,300,400,400italic,100italic,900italic,300italic,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="big-container">
<!--Navigation-->
<nav>
<ul>
<li><a href=""><span>Home</span></a></li>
<li><a href=""><span>About</span></a></li>
<li><a href=""><span>Contact</span></a></li>
</ul>
</nav>
<!--Content header-->
<section class="content-header">
<img class="photo" src="images/dilbert-pointy-haired-boss.png" alt="Headshot of Hugh Laford" />
<h1>Hugh Laford</h1>
<p>"I'm stuck on PC, but I prefer Macs!"</p>
</section>
<!--Main content-->
<section class="main-content fl-clearfix">
<!--Quick information-->
<section class="quick-information">
<h2>Vitals</h2>
<dl>
<dt>Age</dt><dd><a href="http://en.wikipedia.org/wiki/32_(number)">32</a></dd>
<dt>Gender</dt><dd>Male</dd>
<dt>Occupation</dt><dd>Project manager at <a href="">Dell</a></dd>
<dt>Lives in</dt><dd><a href="http://en.wikipedia.org/wiki/Toronto,_Ontario">Toronto, ON</a></dd>
<dt>Life goals</dt><dd>Turn Dell into an Apple reseller</dd>
</dl>
<h2>Education</h2>
<p><a href="">1972</a>: Bachelor of Arts in Commerce from <a href="">University of Winnipeg</a></p>
<p><a href="">1978</a>: Masters of Business Administration from <a href="">York University</a></p>
<h2>Technology</h2>
<p>Uses a <a href="">PC</a> at work</p>
<p>Uses a <a href="">Mac</a> at home</p>
<p>Uses a <a href="">BlackBerry</a> at work</p>
<p>Has an <a href="">iPhone</a> for personal use</p>
<h2>Transportation</h2>
<h3>Uses public transit</h3>
<p>Yes, for commuting</p>
<h3>Owns a car</h3>
<p>Yes, Honda Civic</p>
<h3>Make and model of car</h3>
<p>Yes, always wants to try something new, but not always sure what</p>
<h3>Transportation preference</h3>
<p>Prefers to drive for comfort's sake, but will use transit for commuting to avoid rush hour traffic.</p>
</section>
<!--Detailed information-->
<section class="detailed-information">
<h2>Education details</h2>
<p>Hugh graduated with a commerce degree back in the 70s, thinking he'd become an investment banker. His inclinations toward technology led him to the high-tech sector. Combining his fiscal wizardry with technological sensibility, Hugh later also received an MBA to better impact business processes at Dell.</p>
<h2>Personal details</h2>
<p>Hugh loves the money he makes at Dell, but is an Apple geek at heart. Covertly, with some other high-ranking employees, he's been trying to turn Dell into an Apple reseller. He has a parallel plan of convincing Apple to purchase Dell. Neither of his plans have been met with any success.</p>
<h2>Hobbies</h2>
<ul>
<li><a href="">Stock trading</a></li>
<li><a href="">Bike riding</a></li>
</ul>
<h2>Skills and expertise</h2>
<p>Hugh's a polymath with both fiscal and technological savvy. He's equally comfortable coming up with yearly market fiscal projections and configuring an ad hoc infrastructure network between his iMac and MacBook Air (whom he affectionally calls Fred and Madelene).</p>
<p>Currently owns:</p>
<ul>
<li><a href="">iPhone 4S</a></li>
<li><a href="">MacBook Air</a></li>
<li><a href="">iMac</a></li>
<li><a href="">Nikon</a> compact digital camera</li>
<li><a href="">PS Vita</a> portable gaming device</li>
</ul>
</section>
</section>
<footer>
<p>Design and implementation by <a href="https://github.com/jameswy">James Yoon</a>, profile photo from <a href="http://www.dilbert.com">Dilbert</a>.</p>
</footer>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.