Skip to content

Instantly share code, notes, and snippets.

@Socratic1

Socratic1/contact.html

Last active August 27, 2015 15:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Socratic1/d8d51cbc3af6feadf203 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Socratic1/d8d51cbc3af6feadf203 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
contact.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer: Contact</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/normalize.css" rel= "stylesheet">
<link href="css/contact_styles.css" rel="stylesheet">
<link href='http://fonts.g0oogleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]><script src="dist/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</div>
<div class="header">
<h1>Contact Me</h1>
</div>
<div class="container">
<div class="intro column">
<p>Want to contact me?</p>
<p id="feel">Feel free!</p>
<p id="drop">Drop me a line if...</p>
</div>
<div class="info-container">
<div class="info column">
<div class="telephone">
<p>Give me a call at: </p>
<h2><span class="glyphicon glyphicon-earphone"></span> Telephone</h2>
</div>
<div class="email">
<p>Or contact me by email: </p>
<h2><span class="glyphicon glyphicon-envelope"></span> Email</h2>
</div>
<div class="address">
<p>Or, prefer to do things the good ol' fashioned way, write to me at:
<h2><span class="glyphicon glyphicon-pencil"></span> Address</h2>
</div>
<div class="pigeon">
<p>(I'm afraid I'm not currently accepting mail by carrier pigeon, too much mess.)</p>
</div>
<div class="thanks">
<p>Thanks for contacting me.</p>
</div>
</div>
</div>
<div class="image">
<img src="img/easter-island-statues-crop.jpg" class="visible-lg" alt="easter island statues">
</div>
</div><!-- end container -->
<html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment