<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HeirlumDesign</title>
<link media="all" rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
<script type="text/javascript">
window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')
</script>
<script type="text/javascript" src="js/jquery.main.js" defer></script>
</head>
<body class="home">
<header id="header">
<div class="container">
<div class="logo">
<a href="#"><img src="images/logo.svg" alt="Herlium Design Co." width="270" height="78"></a>
</div>
<nav class="main-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Work</a></li>
<li><a href="#" class="btn-default">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<main role="main">
<div class="visual">
<div class="container">
<div class="visual-logo">
<a href="#"><img src="images/logo-1.svg" alt="Herlium Design Co." width="290" height="205"></a>
</div>
<h1>Cultivate <span class="marked">Your </span>Story</h1>
<strong class="title">Handcrafted Branding & Design.</strong>
<a href="#" class="btn-light">Get Started</a>
</div>
</div>
<div class="content-holder">
<div id="content" style=" background-image: url('images/run-1.svg');">
<div class="container">
<div class="post-holder">
<div class="left-side">
<h2 class="section-title">What We Do<span class="no-space">__</span></h2>
<strong class="post-title">You Have Design Needs. We Have Solutions.</strong>
<div class="paragraphs-holder">
<p>You’re a self-starter. You can accomplish whatever you put your hand to, and achieve your goals in no time. We believe in you, too. You’ve sown the seeds, and grown your ideas, but when it comes to branding, you need some expert help.</p>
<p>That’s what we’re here for. You no longer have to stress about “learning Photoshop”—we’ve got that covered.</p>
<p>Afterall, there’s strength in numbers!</p>
</div>
<a href="#" class="default-link">SEE OUR WORK</a>
</div>
<div class="right-side">
<img class="background" src="images/img-1.jpg" srcset="images/img-1x2.jpg 2x" alt="image description">
<img class="logo-img" src="images/logo-white.svg" alt="Herlium Design Co." width="138" height="179">
<div class="contact-card">
<img src="images/contact-card.png" srcset="images/contact-cardx2.png 2x" alt="image description">
<img class="shadow" src="images/contact-card-shadow.png" srcset="images/contact-card-shadowx2.png 2x" alt="image deskription">
</div>
</div>
</div>
<div class="info-block">
<h2 class="section-title">How We Do It<span class="no-space">__</span></h2>
<ul class="info-list">
<li class="item">
<div class="image-holder">
<img src="images/vision.svg" alt="image description" width="138" height="146">
</div>
<div class="text-holder">
<h3>Our Vision</h3>
<p>We help companies achieve success through thoughtful visual communication design. We work with amazing people, doing great things. We’re proud of the results, and work to make sure you are, too.</p>
</div>
<div class="link-holder">
<a href="#" class="default-link">get in touch</a>
</div>
</li>
<li class="item">
<div class="image-holder">
<img src="images/process.svg" alt="image
description" width="151" height="168">
</div>
<div class="text-holder">
<h3>Our Process</h3>
<p>We have a knack for research, and develop each idea with a clear direction. We focus on creation, with constant collaboration to deliver genuinely distinct results.</p>
</div>
<div class="link-holder">
<a href="#" class="default-link">get in touch</a>
</div>
</li>
<li class="item">
<div class="image-holder">
<img src="images/pic.svg" alt="image description" width="146" height="147">
</div>
<div class="text-holder">
<h3>Our Reach</h3>
<p>If you have a need, we’re here to help. We’re based in the Southeast region of the US, specifically, Chattanooga, and Nashville, Tennessee. However, using the power of modern technology, we work with great folks all over the world.</p>
</div>
<div class="link-holder">
<a href="#" class="default-link">get in touch</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer id="footer">
<div class="container">
<nav class="footer-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Work</a></li>
<li><a href="#" class="btn-default">Contact Us</a></li>
</ul>
</nav>
<ul class="social-networks">
<li><a href="#" class="icon-instagram"></a></li>
<li><a href="#" class="icon-twitter"></a></li>
<li><a href="#" class="icon-facebook"></a></li>
</ul>
</div>
</footer>
</body>
</html>