mirror of
https://github.com/kennethreitz-archive/gitmine.com.git
synced 2026-06-05 23:50:19 +00:00
Kenneth Reitz
199 lines
6.5 KiB
HTML
199 lines
6.5 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>GitMine - Source Control + Project Management.</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() {
|
|
$('#portfolio-image-1').twirlie({prevSel:"#prev-1", nextSel:"#next-1"});
|
|
$('#portfolio-image-2').twirlie({prevSel:"#prev-2", nextSel:"#next-2"});
|
|
$('#portfolio-image-3').twirlie({prevSel:"#prev-3", nextSel:"#next-3"});
|
|
});
|
|
|
|
</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="#">GitMine.</a>
|
|
</div>
|
|
|
|
<ul id="navigation">
|
|
<li><a href="index.html" id="nav-home">Home</a></li>
|
|
<li><a href="portfolio.html" id="nav-portfolio" class="active">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-our-awesome-work">Our awesome work.<span></span></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!--/#header-->
|
|
|
|
<div class="body">
|
|
<div class="container">
|
|
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-description">
|
|
<h1>Source Control.</h1>
|
|
<p>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, quam odio placerat felis, eu bibendum mauris risus in nisi. Praesent vel suscipit lacus. Phasellus eu aliquam quam. <a href="#" title="">Visit Website</a></p>
|
|
</div>
|
|
|
|
<div class="portfolio-image" id="portfolio-image-1">
|
|
<div class="portfolio-image-slider">
|
|
<ul>
|
|
<li><img src="images/portfolio/flower/flower-1.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/flower/flower-2.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/flower/flower-3.jpg" alt=""/></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="portfolio-control">
|
|
<a href="#" class="prev" id="prev-1"></a>
|
|
<a href="#" class="next" id="next-1"></a>
|
|
</div>
|
|
|
|
<div class="portfolio-hover"></div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div> <!--/.portfolio-item-->
|
|
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-description">
|
|
<h1>Issue Tracking.</h1>
|
|
<p>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, quam odio placerat felis, eu bibendum mauris risus in nisi. Praesent vel suscipit lacus. Phasellus eu aliquam quam. <a href="#" title="">Visit Website</a></p>
|
|
</div>
|
|
|
|
<div class="portfolio-image" id="portfolio-image-2">
|
|
<div class="portfolio-image-slider">
|
|
<ul>
|
|
<li><img src="images/portfolio/water/water-1.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/water/water-2.jpg" alt=""/></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="portfolio-control">
|
|
<a href="#" class="prev" id="prev-2"></a>
|
|
<a href="#" class="next" id="next-2"></a>
|
|
</div>
|
|
|
|
<div class="portfolio-hover"></div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div> <!--/.portfolio-item-->
|
|
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-description">
|
|
<h1>Wiki + KB Managment.</h1>
|
|
<p>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, quam odio placerat felis, eu bibendum mauris risus in nisi. Praesent vel suscipit lacus. Phasellus eu aliquam quam. <a href="#" title="">Visit Website</a></p>
|
|
</div>
|
|
|
|
<div class="portfolio-image" id="portfolio-image-3">
|
|
<div class="portfolio-image-slider">
|
|
<ul>
|
|
<li><img src="images/portfolio/landscape/landscape-1.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/landscape/landscape-2.jpg" alt=""/></li>
|
|
<li><img src="images/portfolio/landscape/landscape-3.jpg" alt=""/></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="portfolio-control">
|
|
<a href="#" class="prev" id="prev-3"></a>
|
|
<a href="#" class="next" id="next-3"></a>
|
|
</div>
|
|
|
|
<div class="portfolio-hover"></div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div> <!--/.portfolio-item-->
|
|
|
|
</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> |