cgoodmac/Octocat-complete.markdown

## index.html

<body>

  <div class="content">
    <h1>Octocat</h1>

    <h2>Official GitHub mascot</h2>

    <p>I'm part octopus and part cat and the official mascot of <a href="http://www.github.com">GitHub</a>. You can find all sorts of variations of me <a href="http://octodex.github.com/">here</a>.</p>

    <a href="https://twitter.com/github"><img src="http://dentistry.temple.edu/sites/dentistry/themes/temple_omega/images/twitter-2.png" alt="twitter"></a>
FACEBOOK ttps://www.facebook.com/pages/GitHub/111984808855337
  </div>
</body>

## Octocat-complete.markdown

      
    Raw
  

              Octocat-complete.markdown
            
          
    Octocat complete

A Pen by Chris Goodmacher on CodePen.
License.

  
## style.css
body {
  background: url('http://octodex.github.com/images/grinchtocat.gif') no-repeat;
  font-family: helvetica, arial, sans-serif;
}

.content {
  width: 420px;
  float: right;
  background-color: #000;
  color: #fff;
  padding: 10px;
}

  .content h1 {
    font-size: 80px;
  }

  .content h2 {
     color: #000;
     background-color: #35C0F2;
      padding: 8px;
  }

	<body>

	<div class="content">
	<h1>Octocat</h1>

	<h2>Official GitHub mascot</h2>

	<p>I'm part octopus and part cat and the official mascot of <a href="http://www.github.com">GitHub</a>. You can find all sorts of variations of me <a href="http://octodex.github.com/">here</a>.</p>

	<a href="https://twitter.com/github"><img src="http://dentistry.temple.edu/sites/dentistry/themes/temple_omega/images/twitter-2.png" alt="twitter"></a>
	FACEBOOK ttps://www.facebook.com/pages/GitHub/111984808855337
	</div>
	</body>
	body {
	background: url('http://octodex.github.com/images/grinchtocat.gif') no-repeat;
	font-family: helvetica, arial, sans-serif;
	}

	.content {
	width: 420px;
	float: right;
	background-color: #000;
	color: #fff;
	padding: 10px;
	}

	.content h1 {
	font-size: 80px;
	}

	.content h2 {
	color: #000;
	background-color: #35C0F2;
	padding: 8px;
	}