Created
April 9, 2015 09:02
-
-
Save AttyC/24b084857932689650cf 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>Atty's Web Portfolio - Contact</title> | |
| <!--[if lt IE 9]> | |
| <script src="dist/html5shiv.js"></script> | |
| <![endif]--> | |
| <link href="css/normalize.css" rel="stylesheet" /> | |
| <link rel="stylesheet" href="css/bootstrap.css"/> | |
| <link href="css/styles.css" rel="stylesheet" /> | |
| <link href="css/about_styles.css" rel="stylesheet"/> | |
| <link href="css/typog.css" rel="stylesheet"/> | |
| <link href="css/nav.css" rel="stylesheet"/> | |
| <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'> | |
| </head> | |
| <body> | |
| <div class="nav"> | |
| <ul> | |
| <li><a href="index.html" >Home</a></li> | |
| <li><a href="#">Work</a></li> | |
| <li><a href="about.html">About</a></li> | |
| <li><a href="#">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div class="jumbotron"> | |
| <div class="container contact"> | |
| <h1>Get in touch</h1> | |
| <p class="message">Let's build you a website</p> | |
| <div class="main-section"> | |
| <div class="address column"> | |
| <ul> | |
| <li><a href="www.google.com">email: atty****@******.com</a></li> | |
| <li>phone (+44) 1234 987</li> | |
| <li>address: 55 High Street, Leipzig</li> | |
| </ul> | |
| </div> | |
| <div class="map column"> | |
| <img src="img/chinese_movie_theatre.png" alt="location map" /> | |
| </div> | |
| </div><!--end container div--> | |
| </div><!--end jumbotron 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
| .nav { | |
| position: fixed; | |
| width: 100%; | |
| padding-top: 10px; | |
| background-color: rgba(210, 226, 242, 0.34); | |
| } | |
| .nav ul { | |
| float: right; | |
| margin-right: 5em; | |
| } | |
| .nav ul li { | |
| display: inline; | |
| padding: 10px 20px; | |
| } | |
| .nav ul li a { | |
| color: #dc2c2c; | |
| text-transform: uppercase; | |
| letter-spacing: 0.05em; | |
| transition: color 600ms; | |
| -webkit-transition: color 400ms; | |
| font-size: 1.2em; | |
| } | |
| .nav a:hover { | |
| color: #081802; | |
| text-decoration: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment