fozzle/index-indented.html

## index-indented.html
<!DOCTYPE html>
<html>
    <head>
        <title>HireMe! Osiris Malone</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">
    </head>
    <body>
    <p>Hire Me!</p>
        <img class="resize" src="https://i.pinimg.com/originals/16/24/ac/1624acc69efeeb542105916013069d89.jpg" alt="">
        <h1>
          <strong>
            <em>Osiris Malone</em>
          </strong>
        </h1>
        <p id="james">Former Piano Player</p>
        <h2>About</h2>
        <ul>
          <li id="bob">Born in Gary Indiana</li>
        </ul>
        <h2>Likes</h2>
        <ul>
          <li class="rafiyq">Sports</li>
          <li class="malik">Playing videogames</li>
          <li class="piano">Playing the piano</li>
          <li class="jimmy">Watching Netflix</li>
          <li class="terry">Pizza</li>
        </ul>
        <h2>In Ten Years...</h2>
        <p id="osiris">
          Osiris sees himself playing <a href="https://usa.yamaha.com/files/BB8CF2BADB954E0C97C33E0832E90DEC_12073_2719x3128_6a4f647a3932292883a3659920fff895.jpg">the piano</a>
        </p>
    </body>
</html>

## index-original.html
<!DOCTYPE html>
<html>
    <head>
        <title>HireMe! Osiris Malone</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">
    </head>
    <body>
    <p>Hire Me!</p>
        <img class="resize" src="https://i.pinimg.com/originals/16/24/ac/1624acc69efeeb542105916013069d89.jpg" alt="">
        <h1><strong><em>Osiris Malone</em></strong></h1>
        <p id="james">Former Piano Player</p>
        <h2>About</h2>
        <ul>
        <li id="bob">Born in Gary Indiana</li>
        </ul>
        <h2>Likes</h2>
        <ul>
        <li class="rafiyq">Sports</li>
        <li class="malik">Playing videogames</li>
        <li class="piano">Playing the piano</li>
        <li class="jimmy">Watching Netflix</li>
        <li class="terry">Pizza</li>
        </ul>
        <h2>In Ten Years...</h2>
        <p id="osiris">Osiris sees himself playing <a href="https://usa.yamaha.com/files/BB8CF2BADB954E0C97C33E0832E90DEC_12073_2719x3128_6a4f647a3932292883a3659920fff895.jpg">the piano</a></p>
    </body>
</html>

## styles-indented.css
h1 {
    color:black;font-family:sans-serif;
}
h2 {
    color:red;
}
body {
    background-color:gold;
    font-family: 'Roboto Condensed', sans-serif;
}
href {
    color:gray;
}

h2 {
  font-family:nosifer;
}
img.resize {
  width:400px;
  height:350px;
}
#james{
  color:black;
}
#osiris{
  color:red;
}
#bob{
  font-family:sans-serif;
  color:blue;
}
.tony{
  font-family:sans-serif;
  color:blue;
}
.rafiyq{
  font-family:sans-serif;
  color:blue;
}
.malik{
  font-family:sans-serif;
  color:blue;
}
.piano{
  font-family:sans-serif;
  color:blue;
}
.jimmy{
  font-family:sans-serif;
  color:blue;
}
.terry{
  font-family:sans-serif;
  color:blue;
}

## styles.css
h1 {
    color:black;font-family:sans-serif;
}
h2 {
    color:red;
}
body {
    background-color:gold;
    font-family: 'Roboto Condensed', sans-serif;
}
href {
    color:gray;
}

h2 {font-family:nosifer;
}
img.resize {
  width:400px;
  height:350px;
}
#james{color:black;
}
#osiris{color:red;
}
#bob{font-family:sans-serif;color:blue;
}
.tony{font-family:sans-serif;color:blue;
}
.rafiyq{font-family:sans-serif;color:blue;
}
.malik{font-family:sans-serif;color:blue;
}
.piano{font-family:sans-serif;color:blue;
}
.jimmy{font-family:sans-serif;color:blue;
}
.terry{font-family:sans-serif;color:blue;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>HireMe! Osiris Malone</title>
	<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">
	</head>
	<body>
	<p>Hire Me!</p>
	<img class="resize" src="https://i.pinimg.com/originals/16/24/ac/1624acc69efeeb542105916013069d89.jpg" alt="">
	<h1>
	<strong>
	<em>Osiris Malone</em>
	</strong>
	</h1>
	<p id="james">Former Piano Player</p>
	<h2>About</h2>
	<ul>
	<li id="bob">Born in Gary Indiana</li>
	</ul>
	<h2>Likes</h2>
	<ul>
	<li class="rafiyq">Sports</li>
	<li class="malik">Playing videogames</li>
	<li class="piano">Playing the piano</li>
	<li class="jimmy">Watching Netflix</li>
	<li class="terry">Pizza</li>
	</ul>
	<h2>In Ten Years...</h2>
	<p id="osiris">
	Osiris sees himself playing <a href="https://usa.yamaha.com/files/BB8CF2BADB954E0C97C33E0832E90DEC_12073_2719x3128_6a4f647a3932292883a3659920fff895.jpg">the piano</a>
	</p>
	</body>
	</html>
	h1 {
	color:black;font-family:sans-serif;
	}
	h2 {
	color:red;
	}
	body {
	background-color:gold;
	font-family: 'Roboto Condensed', sans-serif;
	}
	href {
	color:gray;
	}

	h2 {
	font-family:nosifer;
	}
	img.resize {
	width:400px;
	height:350px;
	}
	#james{
	color:black;
	}
	#osiris{
	color:red;
	}
	#bob{
	font-family:sans-serif;
	color:blue;
	}
	.tony{
	font-family:sans-serif;
	color:blue;
	}
	.rafiyq{
	font-family:sans-serif;
	color:blue;
	}
	.malik{
	font-family:sans-serif;
	color:blue;
	}
	.piano{
	font-family:sans-serif;
	color:blue;
	}
	.jimmy{
	font-family:sans-serif;
	color:blue;
	}
	.terry{
	font-family:sans-serif;
	color:blue;
	}