Last active
August 29, 2015 14:26
-
-
Save Kaiserhaynes/77d62600d99955f548b6 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
| * { | |
| box sizing: border-box; | |
| } | |
| body { | |
| background-color: #fffeea; | |
| color:#34495e; | |
| font-family: 'Open Sans',serif; | |
| font-size: 18px; | |
| font-style: normal; | |
| font-variant: normal; | |
| font-weight: 500; | |
| line-height: 26.3999996185303px; | |
| } | |
| .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; | |
| } | |
| .skills h3 { | |
| text-align: center; | |
| text-transform: uppercase; | |
| background-color: #5AD4c2; | |
| color: #FFF; | |
| } | |
| #skill_list{ | |
| margin-left:50px; | |
| } | |
| /*Typography*/ | |
| h1,h2,h3 { | |
| font-family: Futura, Helvetica, Arial, Sans-serif; | |
| } | |
| .intro p{ | |
| font-family: Futura, Helvetica, Arial, Sans-serif; | |
| font-size: 3eM; | |
| font-weight: 100; | |
| } | |
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=Open+Sans"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>ABOUT ME</h1> | |
| </div> | |
| <div class="image"> | |
| <img src="img/Topcat002.jpg"> | |
| </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! | |
| </p> | |
| <div class="Skills"> | |
| <div class="Skills column"></div> | |
| <h3> My skills</h3> | |
| <ul> | |
| <ul id="skill_list"></ul> | |
| <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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment