<!doctype html>

<html>
<head>
  <title>Sparkbox</title>
  <meta name="description" content="From deep in the American heartland, our team of craftsmen answers the call for a better web. Driven by a deep belief in the freedom of a web liberated from device constraints, Sparkbox labors with conviction toward a higher standard as we write, educate, and build.">
  <link rel="stylesheet" href="content-style.css" media="screen">
</head>

<body>
  <header>
  <!--Main navigation would be included here.-->
<?php include("navigation.php") ?>
  </header>

<!--Hero section is a call to set your site free by building it right. It sets a tone of our-->

<section class="hero">
  <p>Build right, and</p>
  <h1>Set Your Site Free.</h1>
  <img src="" alt="Hero imagery speaks to freedom." />
  <p>Rooted in the American heartland, <a href="team.php">our team of craftsmen</a> answers the call for a <a href="work.php">better web</a>. Driven by deep conviction in a web liberated from device constraints, Sparkbox leads the way toward a greater standard as we <a href="foundry-blog.php">write</a>, <a href="http://lanyrd.com/sparkbox/">educate</a>, and <a href="https://github.com/sparkbox">build</a>.</p>
  <p>For the fluidity of your content, for the integrity of your vision, for the cause of a more durable web, we invite you to <a href="contact-0.php">join us</a>.</p>
</section>

<!--Featured work entry -->

<section class="work">
  <h1>Featured Work</h1>
  <img src="" alt="Featured Image" />
  <h2><a href="#">Once A Month Meals Responsive Web Design and Application</a></h2>
  <p><a href="https://onceamonthmeals.com/">Go to onceamonthmeals.com/</a></p>
  <p>Not actual copy. Working with OAMM on a ..... All the details of the project, including a quote from the client. "Fake quote about how much they loved working with us on the project" - Contact Name, Contact Title. The site was a lot of fun to make, and we saw great results.</p>
</section>

<!--About section highlights our beliefs and working with us.-->

<!--  <p>We have the privilege to work in a time where language and ideas can be communicated with staggering efficiency. Ideals and function and opportunity can be delivered to living, breathing individuals across the globe without delay or partiality, and we feel it an obligation and <em>privilege</em> to deliver this content to them with excellence and without prejudice. Our work is important because it carries the message of those we serve. </p>-->

<section class="about">

 <h1><a name ="workwith"></a> Working With Us</h1>
<h2>We offer our brains, sweat, and honesty.</h2>
  <img src="" alt="Possible imagery... George Washington's 'I can not tell a lie' scene with him and the cherry tree." />

<h3>What We Do</h3>
  <dl>
      <dd>Our projects take one of three forms:
        <ul>
          <li><strong>Consultation:</strong> providing direction to your team as you execute projects</li>
          <li><strong>Education:</strong> teaching teams big and small about our areas of expertise</li>
          <li><strong>Implementation:</strong> building beautiful, powerful websites and web applications</li>
        </ul>
      </dd>
    
  </dl>
<p></p>
<h3>How We Do It</h3>
<h4>Principled Work: It's more than just work. It's who we are.</h4>

  <p>Our convictions drive our work, and they affect how we accept projects and build client relationships. </p>  
  <!--Have the featured work term and definition appear on the same line -->
  <dl>
    <dt>Build Right:</dt>
    <dd>well-crafted work is valuable work. It embraces details, intentionality, and standards.</dd>
    <dt>Solve Problems:</dt>
      <dd>asking right questions of real problems drives work that produces true results.</dd>
    <dt>Honor Content:</dt>
      <dd>the web exists to communicate message and provide function&mdash;these are our primary interests.</dd>
    <dt>Design for Clarity:</dt>
      <dd>design should complement message and never obstruct users from it.</dd>
    <dt>Embrace All Devices:</dt>
      <dd>the measure of a site should be its quality of build, not its dimensions.</dd></dl>
  <p>
  <h3>What You'll Receive</h3>
  <dl>
  <dt>Honesty and Experience</dt>
      <dd>Our goal is to make your project successful. We've been doing this for a long time, and we’ll say what needs to be said to guide you down a fruitful path. We expect the same honesty from you when solving problems together.</dd>
    <dt>New, Iterative Processes /dt>
      <dd>Tackling smaller chunks of a larger solution leads to better projects. Working effectively and efficiently can also lead to unique processes. We'll help you understand why we do what we do, and we think you'll enjoy the fresh outlook.</dd>
    <dt>Optional Initial Engagements </dt>
      <dd>Small starter projects let us produce powerful planning, scope, and resource estimates to solve problems. Our clients are free to implement that knowledge elsewhere. If they continue working with us, we're able to hit the ground coding.</dd>
    <dt>Collaborative Hourly Work</dt>
      <dd>Working hourly (with a cap on the maximum number of hours) allows us to be flexible to changing needs and creates more collaborative projects. Our clients are happier with the results, and we're glad to be paid only for the work we've done.</dd>
  </dl>
</section>

<!--Footer featured some of our past clients' logos, but we only show logos for clients for whom we have work in our work section.  -->

<?php include("footer.php") ?>

</body>
</html>