mirror of
https://github.com/kennethreitz-archive/gitmine.com.git
synced 2026-06-05 23:50:19 +00:00
Kenneth Reitz
170 lines
4.6 KiB
HTML
170 lines
4.6 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
|
|
<title>Dioxide - Contact</title>
|
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
|
|
|
<script src="js/jquery.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function(){
|
|
|
|
// contact page (input functions)
|
|
|
|
$('input, textarea').each(function () {
|
|
if ($(this).val() == '') {
|
|
$(this).val($(this).attr('Title'));
|
|
}
|
|
}).focus(function () {
|
|
$(this).removeClass('inputerror');
|
|
if ($(this).val() == $(this).attr('Title')) {
|
|
$(this).val('');
|
|
}
|
|
}).blur(function () {
|
|
if ($(this).val() == '') {
|
|
$(this).val($(this).attr('Title'));
|
|
}
|
|
});
|
|
|
|
}); //end jquery
|
|
|
|
</script>
|
|
|
|
<!--[if IE 6]>
|
|
<script src="js/png.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
DD_belatedPNG.fix('*');
|
|
</script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="header">
|
|
|
|
<div id="menu">
|
|
<div class="container-wrap">
|
|
<div class="container">
|
|
<div id="logo-wrap">
|
|
<a href="#">Dioxide.</a>
|
|
</div>
|
|
|
|
<ul id="navigation">
|
|
<li><a href="index.html" id="nav-home">Home</a></li>
|
|
<li><a href="portfolio.html" id="nav-portfolio">Portfolio</a></li>
|
|
<li><a href="blog.html" id="nav-blog">Blog</a></li>
|
|
<li><a href="about.html" id="nav-about">About</a></li>
|
|
<li><a href="contact.html" id="nav-contact" class="active">Contact</a></li>
|
|
</ul>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="header-content">
|
|
<div class="container-wrap">
|
|
<div class="container">
|
|
<h1 class="header-title" id="title-lets-get-in-touch">Let's get in touch.<span></span></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!--/#header-->
|
|
|
|
<div class="body">
|
|
<div class="container">
|
|
|
|
<div class="three-column">
|
|
<div class="column column-1">
|
|
|
|
<h1>Send us some mail.</h1>
|
|
|
|
<p>Integer venenatis hendrerit mattis. Donec volutpat tristique ipsum, a interdum neque scelerisque non. Etiam ante ligula, viverra sit amet consectetur at, vulputate sit amet sapien. <a href="#" title="">Download VCard</a></p>
|
|
|
|
<div id="contact-map">
|
|
<div id="contact-map-pop-up">
|
|
<p>Dioxide Inc.<br/>
|
|
13 Loop Ave, San Fransisco, CA<br/>
|
|
<a href="#" title="">contact@website.com</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<form method="post" action="mail.php" id="contact-form">
|
|
|
|
<input type="text" name="name" class="contact-input" id="contact-name" title="Name" />
|
|
<input type="text" name="email" class="contact-input" id="contact-email" title="Email" />
|
|
|
|
<div class="clear"></div>
|
|
|
|
<input type="text" name="website" class="contact-input" id="contact-website" title="Website" />
|
|
|
|
<textarea name="message" id="contact-message" class="contact-textarea" title="Message" cols="" rows=""></textarea>
|
|
|
|
<input name="submit" type="submit" id="contact-submit" value=""/>
|
|
|
|
</form>
|
|
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<div id="footer-main">
|
|
<div class="container">
|
|
<div class="three-column">
|
|
<div class="column column-1">
|
|
<h1>I've got an idea!</h1>
|
|
<p>Have you got the next big idea? Well, we can help you with that. Just send us a quick <strong>hello</strong>. We try to respond within a day, unless it's a weekend.</p>
|
|
<p><a href="#">contact@website.com</a></p>
|
|
</div>
|
|
<div class="column column-2">
|
|
<h1>Where ya' at?</h1>
|
|
<div class="footer-map">
|
|
<img src="images/footer/map.png" alt="Map" />
|
|
</div>
|
|
<div class="footer-contact">
|
|
<p><strong>Company</strong>.<br/>
|
|
13 Loop Ave.<br/>
|
|
12345</p>
|
|
<p>New York, NY</p>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="column column-3">
|
|
<h1 class="float-left">Our twitters.</h1>
|
|
<p id="twitter-follow" class="float-right"><a href="#">Follow us</a></p>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div id="twitter-msg-wrap">
|
|
<div id="twitter-msg">
|
|
<p>This is an interesting and captivating message. Some news perhaps. Anyway.</p>
|
|
</div>
|
|
<p id="twitter-time">10 minutes ago</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer-legal">
|
|
<div class="container">
|
|
<p class="float-left">©2010 Qiming Weng. All Rights Reserved.</p>
|
|
<p class="float-right"><a href="#">Terms & Conditions</a> • <a href="#">Privacy</a> • <a href="#">Email</a> • <a href="#">Twitter</a></p>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div> <!--/#footer-->
|
|
|
|
</body>
|
|
</html> |