Mark Lee leemark

## index.html
<input type="text" x-webkit-speech />

## style.css
div{
  margin: 45px;
  /** prevent screen flash on child element :hover state transform  **/
  -webkit-transform: translate3D(0, 0, 0)

}
img {
	/** basic styles **/
  max-width: 200px;
	margin: 1px;

## mediaqueries.html
<ul>
  <li data-email="jim@example.com">Jim</li>
  <li data-email="julie@example.com">Julie</li>
  <li data-email="jay@example.com">Jay</li>
  <li data-email="jennie@example.com">Jennie</li>
</ul>

## linktarget.html
<div class="container" id="main">
<nav>
  <h1>Navigation</h1>
  <ul>
    <li><a href="#lorem">Lorem ipsum dolor sit amet.</a></li>
    <li><a href="#invenitatis">In venenatis auctor eros sed rhoncus.</a></li>
    <li><a href="#utinorci">Ut in orci enim.</a></li>
    <li><a href="#donecdiam">Donec diam dolor.</a></li>
    <li><a href="#donectortor">Donec tortor mi.</a></li>
  </ul>

## full-viewport-animated-background.html
<!doctype html>
<html>
<head>
  <meta charset=utf-8>
  <title>horse</title>
 <link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>Sallie Gardner at a Gallop</h1>
</body>

## form.html
<form>

  <!-- email input type, required - the form won't submit if empty -->
  <input type="email" id="youremail" placeholder="you@example.com" required />
  <label for="youremail">your email</label>

  <!-- url input type, optional - form will submit if empty, but if you do enter a value it needs to conform to URL type validation -->
  <input type="url" id="yourwebsite" placeholder="http://example.com" />
  <label for="yourwebsite">your website</label>
	div{
	margin: 45px;
	/ prevent screen flash on child element :hover state transform /
	-webkit-transform: translate3D(0, 0, 0)

	}
	img {
	/ basic styles /
	max-width: 200px;
	margin: 1px;
	<ul>
	<li data-email="jim@example.com">Jim</li>
	<li data-email="julie@example.com">Julie</li>
	<li data-email="jay@example.com">Jay</li>
	<li data-email="jennie@example.com">Jennie</li>
	</ul>
	<div class="container" id="main">
	<nav>
	<h1>Navigation</h1>
	<ul>
	<li><a href="#lorem">Lorem ipsum dolor sit amet.</a></li>
	<li><a href="#invenitatis">In venenatis auctor eros sed rhoncus.</a></li>
	<li><a href="#utinorci">Ut in orci enim.</a></li>
	<li><a href="#donecdiam">Donec diam dolor.</a></li>
	<li><a href="#donectortor">Donec tortor mi.</a></li>
	</ul>
	<!doctype html>
	<html>
	<head>
	<meta charset=utf-8>
	<title>horse</title>
	<link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
	</head>
	<body>
	<h1>Sallie Gardner at a Gallop</h1>
	</body>
	<form>

	<!-- email input type, required - the form won't submit if empty -->
	<input type="email" id="youremail" placeholder="you@example.com" required />
	<label for="youremail">your email</label>

	<!-- url input type, optional - form will submit if empty, but if you do enter a value it needs to conform to URL type validation -->
	<input type="url" id="yourwebsite" placeholder="http://example.com" />
	<label for="yourwebsite">your website</label>