mirror of
https://github.com/kennethreitz-archive/gitmine.com.git
synced 2026-06-05 23:50:19 +00:00
Kenneth Reitz
147 lines
4.3 KiB
HTML
147 lines
4.3 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 - Welcome</title>
|
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
|
|
|
<script src="js/jquery.js" type="text/javascript"></script>
|
|
<script src="js/twirlie.js" type="text/javascript"></script>
|
|
<link rel="stylesheet" href="js/twirlie.css" type="text/css" />
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function() {
|
|
$('#window-slide').twirlie();
|
|
});
|
|
|
|
</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" class="active">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">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-we-are-fabulous">We are fabulous.<span></span></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!--/#header-->
|
|
|
|
<div class="body" id="home-body">
|
|
<div class="container">
|
|
|
|
<div id="window">
|
|
<div id="window-slide">
|
|
<ul>
|
|
<li><img src="images/portfolio/flower/flower-3.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/flower/flower-2.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/flower/flower-1.jpg" alt=""/></li>
|
|
</ul>
|
|
|
|
<a href="#" class="prev" id="window-prev"></a>
|
|
<a href="#" class="next" id="window-next"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="three-column">
|
|
<div class="column column-1">
|
|
<h1>Wait, who are you?</h1>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum massa vitae ipsum fringilla varius. Aliquam interdum ante et mauris placerat ac malesuada lectus cursus. Nullam vulputate, lectus in tempus sollicitudin</p>
|
|
|
|
<h2>This is what we do.</h2>
|
|
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla convallis nulla vitae libero volutpat commodo. Donec et sem ipsum. Suspendisse potenti. In hac habitasse platea dictumst. <a href="#">Learn More</a></p>
|
|
|
|
</div>
|
|
<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> |