index.html

---
permalink: /
layout: default
title: Draft U.S. Web Design Standards
---

<link rel="stylesheet" href="/dist/css/main.css">
<link rel="stylesheet" href="/dist/css/google-fonts.css">

<!-- Favicons
================================================== -->
  <!-- 128x128 -->
  <link rel="shortcut icon" type="image/ico" href="/dist/img/favicons/favicon.ico" />
  <link rel="icon" type="image/png" href="/dist/img/favicons/favicon.png" />

  <!-- 192x192, as recommended for Android
  http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android
  -->
  <link rel="icon" type="image/png" sizes="192x192" href="/dist/img/favicons/favicon-192.png" />

  <!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
  <link rel="apple-touch-icon-precomposed" href="/dist/img/favicons/favicon-57.png">
  <!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/dist/img/favicons/favicon-72.png">
  <!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/dist/img/favicons/favicon-114.png">
  <!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/dist/img/favicons/favicon-144.png">

<a class="skipnav" href="#main-content">Skip main navigation</a>

<header class="usa-site-header" role="banner">

  <div class="usa-disclaimer">
    <div class="usa-grid">
      <span class="usa-disclaimer-official">
        <img class="usa-flag_icon" alt="U.S. flag signifying that this is a United States federal government website" src="{{ site.baseurl }}/dist/img/us_flag_small.png">
        An official website of the United States government
      </span>
      <span class="usa-disclaimer-stage">This site is currently in alpha. </span>
    </div>
  </div>


  <section class="usa-banner">
    <div class="usa-grid">
      <nav class="usa-site-navbar">
        <div class="logo">
          <h1 class="usa-heading">
            <a accesskey="1" title="Home" aria-label="Home" href="{{ site.baseurl }}/">TechFAR Hub</a>
          </h1>
        </div>
     
      <ul class="usa-button-list usa-unstyled-list">
                         <li>
          <a class="usa-button" type="button" target="blank" href="http://area51.stackexchange.com/proposals/95077/digital-service-acquisitions?referrer=iNHbk2AgvcNzGkfgmq2BHw2">Join The Community</a> 
          </a>
          </li>
        <li>
          <a class="usa-button usa-button-outline" type="button" target="blank" href="https://playbook-in-action.apps.cloud.gov">Run the Plays</a> 
          </a>
          </li>
 
      </ul>
  
      </nav>
    </div>
  </section>


<aside class="sidenav">
 <div class="usa-grid">
    <aside class="usa-width-one-third">
      <ul class="usa-sidenav-list">
        <li>
          <a class="usa-current" href="{{ site.baseurl }}/">TechFAR Hub Home</a>
        </li>
        <li>
          <a href="{{ site.baseurl }}/learn">Discover IT</a>
        </li>
        <li>
          <a href="{{ site.baseurl }}/community">Discuss IT</a>
        </li>
        <li>
          <a href="{{ site.baseurl }}/build">Do IT</a>
        </li>
        <li>
          <a href="{{ site.baseurl }}/contribute">Contribute</a>
        </li>
      </ul>
    </aside>
  </div>
</aside>
  
</header>
<div class="main-content" role="main">
  <section class="usa-section">
    <div class="usa-grid">
        <h1 class="usa-heading">Acquisition Wizzard</h1>
 <h2 class="usa-heading" class="usa-font-lead">The Acquisition Wizzard provides...