<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Comet</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/badge.css">
</head>
<body>
<section class="section column-section section-bio">
<figure class="logo"></figure>
<p class="bio">Lorem ipsum dolor sit amet consectetur adipiscing elit, urna consequat felis vehicula class ultricies mollis dictumst, aenean non a in donec nulla. Phasellus ante pellentesque erat cum risus consequat imperdiet aliquam, integer placerat et turpis mi eros nec lobortis taciti, vehicula nisl litora tellus ligula porttitor metus. </p>
</section>
<section class="section column-section-main">
<div class="col-section">
<h2 class="main-text">Work</h2>
<dl class="list">
<dt class="main-text main-text-small">AIGA</dt>
<dd class="list-item">
<a class="list-link" href="#">aiga.org</a>
</dd>
<dt class="main-text main-text-small">Apple</dt>
<dd class="list-item">
<a class="list-link" href="#">apple.com</a>
</dd>
<dt class="main-text main-text-small">Google</dt>
<dd class="list-item">
<a class="list-link" href="#">google.com</a>
</dd>
<dt class="main-text main-text-small">Microsoft</dt>
<dd class="list-item">
<a class="list-link" href="#">microsoft.com</a>
</dd>
<dt class="main-text main-text-small">Mashable</dt>
<dd class="list-item">
<a class="list-link" href="#">mashable.com</a>
</dd>
<dt class="main-text main-text-small">Vox</dt>
<dd class="list-item">
<a class="list-link" href="#">vox.com</a>
</dd>
<dt class="main-text main-text-small">Nike</dt>
<dd class="list-item">
<a class="list-link" href="#">nike.com</a>
</dd>
<dt class="main-text main-text-small">Polygon</dt>
<dd class="list-item">
<a class="list-link" href="#">polygon.com</a>
</dd>
<dt class="main-text main-text-small">The North Face</dt>
<dd class="list-item">
<a class="list-link" href="#">thenorthface.com</a>
</dd>
<dt class="main-text main-text-small">Patagonia</dt>
<dd class="list-item">
<a class="list-link" href="#">patagonia.com</a>
</dd>
<dt class="main-text main-text-small">Supreme</dt>
<dd class="list-item">
<a class="list-link" href="#">supremenewyork.com</a>
</dd>
</dl>
</div>
<div class="col-section">
<h2 class="main-text">Awards</h2>
<dl class="list">
<dt class="main-text main-text-small">AIGA Fellow Award</dt>
<dd class="list-item">
<a class="list-link" href="#">aiga.org</a>
</dd>
<dt class="main-text main-text-small">Best Design Ever Award</dt>
<dd class="list-item">
<a class="list-link" href="#">bde.com</a>
</dd>
<dt class="main-text main-text-small">Trendy Web Design Award</dt>
<dd class="list-item">
<a class="list-link" href="#">twda.com</a>
</dd>
<dt class="main-text main-text-small">Awwwards Site of the Day</dt>
<dd class="list-item">
<a class="list-link" href="#">awwwards.com</a>
</dd>
<dt class="main-text main-text-small">CSSDA Website of the Day</dt>
<dd class="list-item">
<a class="list-link" href="#">cssdesignawards.com</a>
</dd>
<dt class="main-text main-text-small">Best in Design Award</dt>
<dd class="list-item">
<a class="list-link" href="#">bda.com</a>
</dd>
<dt class="main-text main-text-small">FWA of the Year</dt>
<dd class="list-item">
<a class="list-link" href="#">thefwa.com</a>
</dd>
<dt class="main-text main-text-small">OPL Most Loved Award</dt>
<dd class="list-item">
<a class="list-link" href="#">onepagelove.com</a>
</dd>
<dt class="main-text main-text-small">W3 Best in Show</dt>
<dd class="list-item">
<a class="list-link" href="#">w3award.com</a>
</dd>
<dt class="main-text main-text-small">Top Web Design Award</dt>
<dd class="list-item">
<a class="list-link" href="#">twda.com</a>
</dd>
<dt class="main-text main-text-small">FWA The Cutting Edge Award</dt>
<dd class="list-item">
<a class="list-link" href="#">thefwa.com</a>
</dd>
</dl>
</div>
</section>
<footer class="footer main-text main-text-small">
<a class="footer-links link-twitter" href="#">twitter</a>
<a class="footer-links link-facebook" href="#">facebook</a>
<a class="footer-links link-instagram" href="#">instagram</a>
<a class="footer-links link-dribbble" href="#">dribbble</a>
<a class="footer-links link-behance" href="#">behance</a>
<a class="footer-links link-site" href="https://codeberry.net">© Codeberry</a>
<div class="scrunch" aria-hidden="true"></div>
</footer>
<div class="cb-badge">
<a id="cb-badge-link" class="cb-badge-link" target="_blank" href="https://codeberry.net/downloads/comet"></a>
<div class="cb-badge-content shine">
<span class="cb-badge-title">Download Now</span>
<span class="cb-badge-subtitle">Get this exclusive template →</span>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-89325722-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>