3-html-wireframe.html

<!DOCTYPE html>
<html>
    <head>
        <title>Christy Wideman</title>
    </head>
    <!-- Insert a banner -->
    <body>
   
    <header>
        <h1>
        <a href="3-html-wireframe.html">Christy Wideman</a>
        </h1>
    </header>
       <!-- I want bullet links here -->  
        <nav role="navigation">
            <ul>
    <li><a href="3-html-wireframe.html">Home</a></li>
    <li><a href="bibliography.html">Bibliography</a></li>
    <li><a href="resume.html">Resume</a></li>
    <li><a href="blog.html">Blog</a></li>
    <li><a href="contact-me.html">Contact Me</a></li>
                </ul>
    </nav>
        
    <article>
       <h1>About Me</h1>
        <!-- want image alongside bullet links -->
    <figure class="right">
            <img src="img/profilepic.jpg" width="200" alt="Profile Picture" title="Copyright © 2014 Wideman" class="left" /> <figcaption> <p class="caption">Christy Wideman</p></figcaption>
        </figure>
        <!-- Want main info under picture -->
          <h2> <strong>Aspiring journalist in writing and reporting your most sought out entertainment and news. </strong></h2> 
            <p>I am currently working on a bachelor’s degree at the University of Florida’s College of Journalism and Communications. I recently graduated from Lecanto High School top 3% of my graduating class with summa cum laude.</p>
        <p>I am an assertive individual with high expectations of myself. I am an optimistic person who proactively gets things finished on time and in good quality. I work well with deadlines. I believe in turning every opportunity into a positive experience and every challenge into an adventure.</p>
<p>I am focused on gaining all types of media, news and other writing experience.</p>
    
      </article>
        <footer>
            <!-- Want contact links here but used through logos -->
                    
                <nav role="navigation">
        <a href="3-html-wireframe.html">Home</a>
            <a href="bibliography.html">Bibliography</a>
        <a href="resume.html">Resume</a> 
        <a href="blog.html">Blog</a>
        <a href="contact-me.html">Contact Me</a>
            
            <p>Copyright © February 2014 <a class="email" href="mailto:christy.wideman@ufl.com">Christy Wideman</a></p>
</nav>
</footer>
        </body>
    </html>