Skip to content

Instantly share code, notes, and snippets.

@wrburgess

wrburgess/exercise.html

Created January 26, 2017 01:59
Show Gist options
  • Save wrburgess/8f51cb26a96b2d58ac9112941b51fa12 to your computer and use it in GitHub Desktop.
Save wrburgess/8f51cb26a96b2d58ac9112941b51fa12 to your computer and use it in GitHub Desktop.
Download ZIP
exercise.html
Raw
exercise.html
<!-- Activity 1: Basic HTML Bio -->
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Activity 1: Basic HTML Bio</title>
</head>
<body>
<!-- Site Header -->
<header>
<!-- h1: The most important headline -->
<h1>Student Bio</h1>
</header>
<div>
<!-- Section 1: Bio -->
<section>
<!-- h2: Tier-2 Headline (Not as important as the h1 header, but more than one allowed). -->
<h2>Your Name</h2>
<!-- Image with link -->
<img src="https://placehold.it/200x200" alt="Your Name">
<!-- Paragraph with embedded link -->
<p>Write a short paragraph or two about yourself, or use placeholder text from <a href="http://www.lipsum.com/">www.lipsum.com</a></p>
</section>
<!-- Section 2: Contact Info -->
<section>
<!-- h2: Tier-2 Headline -->
<h2>Contact Info</h2>
<!-- Unordered list -->
<ul>
<li><strong>Email:</strong> <a href="#">[email protected]</a></li>
<li><strong>Github:</strong> <a href="#">sampleName</a></li>
<li><strong>Portfolio:</strong> <a href="#">coming soon</a></li>
</ul>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment