<!DOCTYPE html>
<html>

    <!--
        Playing around with CSS3, part 1
        by: Sharon Tuttle
        last modified: 2-13-13
    -->

    <head>  
        <title> Playing with CSS3 - part 1 </title>
        <meta charset="utf-8" />

        <link href="lect04.css" type="text/css" 
              rel="stylesheet" />
    </head> 

    <body> 
        <h1 class="right"> Playing with CSS3 </h1>

        <h2> A work in progress! </h2>

        <p>
        For 
        the   
        George,
        put a paragraph of
        your choice into your new HTML5 page.
        </p>

        <form action="users.humboldt.edu/smtuttle">
            <label><input type="checkbox" name="a-choice" />
                   Check me! </label>
            <label><input type="text" name="info" />
                   Mooo </label>
            <label><input type="password" name="secret" />
                   secret stuff here </label>
        </form>
        <hr /> 

        <p class="center"> 
            if you haven't put your HTML5 page for this
	    lab exercise in public_html,
	    include me a comment giving me its
	    subdirectory!
        </p>

        <p>
        In this new section, I need to <em>emphasize</em>
        something. No, <strong>strongly emphasize</strong>
	something. 
        </p>

        <p>
        <img src="linux-penguin.jpg" width="50" height="50" 
             title="My Linux Penguin borrowed image" 
             alt="A Linux Penguin" />
        </p>

    <hr />

    <p>
        <a href="http://validator.w3.org/check/referer">
        Validate this HTML5 page
        </a>
    </p>

    <p>
        For full credit, this page must also pass the tests at
        <a href="http://lint.brihten.com/html/">
        http://lint.brihten.com/html/ </a> when its URL is
        entered (and without modifying the default options).
    </p>

    <p>
        <a href=
           "http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
            <img src="http://jigsaw.w3.org/css-validator/images/vcss" 
                 alt="Valid CSS3!" height="31" width="88" />
        </a>
    </p>

    </body> 
</html>