HTML Résumé


Using HTML & CSS create a digital résumé, if your new to HTML keep the styling simple and clean channel you inner Bauhaus. If you’re feeling ambitious try to take on more complicated page layouts. Either way think of this more as an exercise, and less of a project that will produce a usable end result.

Your résumé should make use of the following elements:

A web font via either Google or Adobe ( adobe has a better selection )

At least one; heading one <h1>, heading two <h2> & heading three <h3> tags

Paragraphs tags <p>

An unordered list with list items.

Complete this assignment by next Tuesday.

Here’s some sample mark up, to get you started


<h1>Your Name</h1>
<h4>Professional title</h4>

<h2>Profile</h2>
<p>Reasons why you are awesome. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

<h2>Employment History</h2>

<ul>
  <li>
    <h3>Awesome Job title</h3>
    <h4>Employment Dates</h4>
    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  </li>
  
  <li>
    <h3>Awesome Job title</h3>
    <h4>Employment Dates</h4>
    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  </li> 
</ul>

You can grab the code from GitHub


Leave a Reply