Last active
August 29, 2015 14:25
-
-
Save Kaiserhaynes/3e12f74fd57322891f47 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>About Me</title> | |
| <link href="css/bootstrap.css" rel="stylesheet"> | |
| <link href="css/normalize.css" rel="stylesheet"> | |
| <link href="css/styles.css" type="text/css" rel="stylesheet"> | |
| <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>ABOUT ME</h1> | |
| </div> | |
| <div class="image"> | |
| <img src="img/Topcat002.jpg" alt="Topcat002"> | |
| </div> | |
| <div class="Intro"> | |
| <div class="intro column"></div> | |
| <h2>Introduction</h2> | |
| <p>Life in a New York alley was never as much fun as in this 1961 animated series that follows the many get-rich-quick schemes of a band of streetwise felines.</p> | |
| <p>Top Cat! | |
| The most effectual Top Cat! | |
| Whose intellectual close friends get to call him T.C.Providing it's with dignity. </p> | |
| <div class="Skills"> | |
| <div class="Skills column"></div> | |
| <h3> My skills</h3> | |
| <ul id="skill_list"> | |
| <li> An item in a list</li> | |
| <li> Another item </li> | |
| <li> Item Three</li> | |
| </ul> | |
| <div class="main_text"> | |
| <h3> My Story</h3> | |
| <p> Top Cat, a clever hustler whose close friends get to call him TC, leads his faithful followers Benny the Ball, Choo Choo, Brain, Fancy-Fancy and Spook in assorted scams, gambling activities and harebrained stunts, all in the pursuit of a fast dollar. Keeping an eye on things is Officer Dibble, a beat cop who has his hands full trying to break up TC's shenanigans.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or 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
| * { | |
| box sizing: border-box; | |
| } | |
| body { | |
| background-color: #b0c4de; | |
| font-family: 'grumpz wizards',serif; | |
| font-size: 18px | |
| } | |
| .container { | |
| width: 80% | |
| margin:0 auto; | |
| } | |
| .header h1 { | |
| text-align: center; | |
| } | |
| selector { | |
| position:relative; | |
| } | |
| .image { | |
| display: inline-block; | |
| float:left; | |
| } | |
| .column{ | |
| display: inline-block; | |
| float:left; | |
| } | |
| .main_text { | |
| clear:both; | |
| padding:10px 40px 0 60px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment