A Pen by Chris Goodmacher on CodePen.
Created
March 9, 2014 04:51
-
-
Save cgoodmac/9443050 to your computer and use it in GitHub Desktop.
A Pen by Chris Goodmacher.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment