pellegrino/estudocss.html

## estudocss.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en-us" />
    <title>Symphony.</title>
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset.css" type="text/css"/>
</head>

<body>
  <div id="container">
    <div id="top-header">
      <h2><a href="#">Symphony.</a></h2>
      <ul>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Articles</a></li>
	<li><a href="#">Twitter</a></li>
	<li><a href="#">Feeds</a></li>
      </ul>
      <p id="login-info">
	7 online. <a href="#">Join them</a>
      </p>
    </div>
    <div id="header">
      <ul id="nav">
	<li><a href="#">Explore</a></li>
	<li><a href="#">Download</a></li>
	<li><a href="#">Learn</a></li>
	<li><a href="#">Discuss</a></li>
	<li><a href="#">Get involved</a></li>
	<li><a href="#">Get Support</a></li>
      </ul>
      <h1>
	XSLT-powered open source content management system
      </h1>
      <ul id="features">
	<li>
	  <h3>Elegant</h3>
	  <p>
	    Approaches content management with the underlying goals of <strong>simplicity</strong> and <strong>openness</strong>, so you can build anything.
	  </p>
	</li>

	<li>
	  <h3>Flexible</h3>
	  <p>
	    Gives designers and developers <strong>complete control</strong> over data structures, URL schemas, and <em>every bit</em> of markup.
	  </p>
	</li>

	<li>
	  <h3>Powerful</h3>
	  <p>
	     Puts the Web's <strong>most exciting</strong> APIs at your fingertips with an easy-to-use, XML-centric data engine.
	  </p>
	</li>

	<li>
	  <h3>Extensible</h3>
	  <p>
	    Provides a lean, flexible core complemented by a rapidly growing <strong>extensions library</strong>.
	  </p>
	</li>
      </ul>
    </div>
    <div id="clients">
      <h3>Who's Using Symphony?</h3>
      <p>
	The system is relied upon in high-delivery environments by some of the world's most recognisable brands. <img src="logos.png" alt="Virgin Media, 4, Heineken, BBC, MTV, Museum of Australian Democracy" title="Our clients"/>
      </p>
    </div>
    <div id="project-info">
      <div id="getting-started">
	<h3>Get Started with Symphony</h3>
	<ul>
	  <li>
	    <strong>Grab:</strong>
	    <a href="#">Zip Package</a> .
	    <a href="#">Official Git Repository</a>
	  </li>

	  <li>
	    <strong>Install:</strong>
	    <a href="#">Server Requirements</a> .
	    <a href="#">Installation Tutorial</a>
	  </li>

	  <li>
	    <strong>Learn:</strong>
	    <a href="#">Beginner's Guide</a> .
	    <a href="#">FAQ's</a>
	  </li>
	</ul>
      </div>
      <div id="team-info">
	<h3>Latest from the team</h3>
	<dl id="post">
	  <dt><a href="#">A Step in the right direction</a> <span>27 January 2010</span></dt>
	  <dd>
	    Symphony’s 2.0.7 branch got off to a bit of a… rocky start. Today we hope to rectify that, announcing the first official 2.0.7 Release Candidate.
	  </dd>
	</dl>
	<p>

	</p>
      </div>
    </div>
    <div id="support">
      <div id="enterprise">
	<h3>For Peace of Mind</h3>
	<p>
	  Four levels of commercial-grade support, available 24/7 from a team of Symphony specialists in UK, Australia, and the US. <a href="#">Learn more</a>
	</p>
      </div>
      <div id="community">
	<h3>Latest from the Community</h3>
	<ol>
	  <li><a href="#">Mobile Device Detection</a><span class="comment">4 comments</span></li>
	  <li><a href="#">Static Section</a><span class="comment">61 comments</span></li>
	  <li><a href="#">Trouble choosing value</a><span class="comment">4 comments</span></li>
	  <li><a href="#">Message Form not working</a><span class="comment">19 comments</span></li>
	  <li><a href="#">XSLT Test Contains and assign CSS Classes</a><span class="comment">8 comments</span></li>
	</ol>
      </div>
    </div>
    <div id="footer">

      <div id="quick-links">
	<h3>Quick Links</h3>
	<ul>
	  <li><a href="#">Explore</a></li>
	  <li><a href="#">Download</a></li>
	  <li><a href="#">Learn</a></li>
	  <li><a href="#">Discuss</a></li>
	  <li><a href="#">Get involved</a></li>
	  <li><a href="#">Get Support</a></li>
	</ul>
	<p>
	  <a href="#">Contact the team</a>
	</p>
      </div>

      <div id="requirements">
	<h3>Symphony • Open Source XSLT CMS</h3>
	<p>
	  Server Requirements
	</p>
 	<ul>
            <li>PHP 5.2 or above</li>
            <li>PHP's LibXML module, with the XSLT extension enabled (<code>--with-xsl</code>)</li>
            <li>MySQL 4.1 or above</li>
            <li>An Apache or Litespeed webserver</li>
            <li>Apache's mod_rewrite module or equivalent</li>
          </ul>
	<p>
	  <a href="#">Compatible hosts</a>
	</p>

      </div>

      <div id="login-form">
	<p>
	  <a href="#">Create account</a>
	</p>
	<form action="#">
	  <fieldset>
	    <legend>Login</legend>
	    <p>
	      <label for="username">username</label>
	      <input type="text" value="username" name="username" id="username"/>
	    </p>
	    <p>
	      <label for="password">Password</label>
	      <input type="password" value="password" name="password" id="password"/>
	    </p>
	    <p>
	      Forgot password?
	      <input type="submit" value="Sign In"/>
	    </p>
	  </fieldset>
	</form>
      </div>
    </div>
  </div> <!-- end of container -->
</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="en-us" />
	<title>Symphony.</title>
	<link rel="stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset.css" type="text/css"/>
	</head>

	<body>
	<div id="container">
	<div id="top-header">
	<h2><a href="#">Symphony.</a></h2>
	<ul>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Articles</a></li>
	<li><a href="#">Twitter</a></li>
	<li><a href="#">Feeds</a></li>
	</ul>
	<p id="login-info">
	7 online. <a href="#">Join them</a>
	</p>
	</div>
	<div id="header">
	<ul id="nav">
	<li><a href="#">Explore</a></li>
	<li><a href="#">Download</a></li>
	<li><a href="#">Learn</a></li>
	<li><a href="#">Discuss</a></li>
	<li><a href="#">Get involved</a></li>
	<li><a href="#">Get Support</a></li>
	</ul>
	<h1>
	XSLT-powered open source content management system
	</h1>
	<ul id="features">
	<li>
	<h3>Elegant</h3>
	<p>
	Approaches content management with the underlying goals of <strong>simplicity</strong> and <strong>openness</strong>, so you can build anything.
	</p>
	</li>

	<li>
	<h3>Flexible</h3>
	<p>
	Gives designers and developers <strong>complete control</strong> over data structures, URL schemas, and <em>every bit</em> of markup.
	</p>
	</li>

	<li>
	<h3>Powerful</h3>
	<p>
	Puts the Web's <strong>most exciting</strong> APIs at your fingertips with an easy-to-use, XML-centric data engine.
	</p>
	</li>

	<li>
	<h3>Extensible</h3>
	<p>
	Provides a lean, flexible core complemented by a rapidly growing <strong>extensions library</strong>.
	</p>
	</li>
	</ul>
	</div>
	<div id="clients">
	<h3>Who's Using Symphony?</h3>
	<p>
	The system is relied upon in high-delivery environments by some of the world's most recognisable brands. <img src="logos.png" alt="Virgin Media, 4, Heineken, BBC, MTV, Museum of Australian Democracy" title="Our clients"/>
	</p>
	</div>
	<div id="project-info">
	<div id="getting-started">
	<h3>Get Started with Symphony</h3>
	<ul>
	<li>
	<strong>Grab:</strong>
	<a href="#">Zip Package</a> .
	<a href="#">Official Git Repository</a>
	</li>

	<li>
	<strong>Install:</strong>
	<a href="#">Server Requirements</a> .
	<a href="#">Installation Tutorial</a>
	</li>

	<li>
	<strong>Learn:</strong>
	<a href="#">Beginner's Guide</a> .
	<a href="#">FAQ's</a>
	</li>
	</ul>
	</div>
	<div id="team-info">
	<h3>Latest from the team</h3>
	<dl id="post">
	<dt><a href="#">A Step in the right direction</a> <span>27 January 2010</span></dt>
	<dd>
	Symphony’s 2.0.7 branch got off to a bit of a… rocky start. Today we hope to rectify that, announcing the first official 2.0.7 Release Candidate.
	</dd>
	</dl>
	<p>

	</p>
	</div>
	</div>
	<div id="support">
	<div id="enterprise">
	<h3>For Peace of Mind</h3>
	<p>
	Four levels of commercial-grade support, available 24/7 from a team of Symphony specialists in UK, Australia, and the US. <a href="#">Learn more</a>
	</p>
	</div>
	<div id="community">
	<h3>Latest from the Community</h3>
	<ol>
	<li><a href="#">Mobile Device Detection</a><span class="comment">4 comments</span></li>
	<li><a href="#">Static Section</a><span class="comment">61 comments</span></li>
	<li><a href="#">Trouble choosing value</a><span class="comment">4 comments</span></li>
	<li><a href="#">Message Form not working</a><span class="comment">19 comments</span></li>
	<li><a href="#">XSLT Test Contains and assign CSS Classes</a><span class="comment">8 comments</span></li>
	</ol>
	</div>
	</div>
	<div id="footer">

	<div id="quick-links">
	<h3>Quick Links</h3>
	<ul>
	<li><a href="#">Explore</a></li>
	<li><a href="#">Download</a></li>
	<li><a href="#">Learn</a></li>
	<li><a href="#">Discuss</a></li>
	<li><a href="#">Get involved</a></li>
	<li><a href="#">Get Support</a></li>
	</ul>
	<p>
	<a href="#">Contact the team</a>
	</p>
	</div>

	<div id="requirements">
	<h3>Symphony • Open Source XSLT CMS</h3>
	<p>
	Server Requirements
	</p>
	<ul>
	<li>PHP 5.2 or above</li>
	<li>PHP's LibXML module, with the XSLT extension enabled (<code>--with-xsl</code>)</li>
	<li>MySQL 4.1 or above</li>
	<li>An Apache or Litespeed webserver</li>
	<li>Apache's mod_rewrite module or equivalent</li>
	</ul>
	<p>
	<a href="#">Compatible hosts</a>
	</p>

	</div>

	<div id="login-form">
	<p>
	<a href="#">Create account</a>
	</p>
	<form action="#">
	<fieldset>
	<legend>Login</legend>
	<p>
	<label for="username">username</label>
	<input type="text" value="username" name="username" id="username"/>
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" value="password" name="password" id="password"/>
	</p>
	<p>
	Forgot password?
	<input type="submit" value="Sign In"/>
	</p>
	</fieldset>
	</form>
	</div>
	</div>
	</div> <!-- end of container -->
	</body>
	</html>