index.html

<!DOCTYPE html>
<html>
<head>
    <title>pretty-type Samples</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div class="header">Pretty Type</div>
<div class="content">
    <h1>Goals - H1 Header</h1>

    <p>Create a cross browser 100% CSS style that looks gorgeous. The focus will be on text.</p>

    <h2>Sample Paragraph - H2 Header</h2>

    <p>Sample paragraph with some interesting text. Did you know that a jellyfish is 95% water? Who knew. Countries such
        as
        Japan consider it a delicacy. This jellyfish fact is the reason behind a growing international market for dried
        jellyfish. The jellyfish is dried to prevent them from spoiling. A jellyfish spoils in a matter of hours if it
        isn't
        dried, while dried jellyfish can be stored for weeks.</p>

    <h2>Links</h2>

    <p>
        This is a link to <a href="http://www.bitofnothing.com" target="_blank">Kyle Thielk Personal Blog</a> and it
        looks beautiful!
    </p>

    <h2>Block Links</h2>

    <p>
        <a href="http://www.google.com" target="_blank" class="block-link">Google</a>
        <a href="http://www.yahoo.com" target="_blank" class="block-link">Yahoo!</a>
        <a href="http://www.bing.com" target="_blank" class="block-link">Bing!</a>
    </p>

    <h2>Featured Content Block</h2>

    <div class="featured-content">
        <div class="featured-content-tag">Featured!</div>
        All the world's a stage, and all the men and women merely players. They have their exits and their entrances;
        And one man in his time plays many parts.
    </div>

    <h2>Featured Content Block Alternative</h2>

    <div class="featured-content-alt">
        <div class="featured-content-alt-tag">Featured!</div>
        All the world's a stage, and all the men and women merely players. They have their exits and their entrances;
        And one man in his time plays many parts.
    </div>
</div>
</body>
</html>