{{+content:partials.site}}
<section class="g-section g-tpl-67-33" id="home_main_div">
  <div class="g-unit g-first">
    <article class="g-content" id="featured">
      <a href="/extensions"><img src="{{static}}/images/mocks/chrome_extension_header.png" class="screenshot"></a>
      <h4 class="label">Featured article</h4>
      <a href="/extensions">
        <h1>Extensions: maximize the Chrome browsing experience</h1></a>
      <p class="description">
        Extensions are software programs that customize the browsing experience.
        They enable users to tailor Chrome functionality
        and behavior to individual needs or preferences.
        They are built on web technologies such as HTML, JavaScript, and CSS.
      </p>

      <p>
        Curate the web by:
      </p>
      <ul>
        <li>
          <strong>Extending</strong>, <strong>exploring</strong>, and
          <strong>discovering</strong>
          the vast Chrome functionality possibilities.
        </li>
        <li>
          <strong>Providing</strong>
          <a href="/extensions/a11y">accessibility</a>
          to users with unique needs.
        </li>
        <li>
          <strong>Stretching</strong>
          a website's features with a companion extension.
        </li>
        <li>
          <strong>Styling</strong>
          Chrome with a new <a href="/extensions/themes">theme</a>.
        </li>
        <li>
          <strong>Migrating</strong> a
          <a href="/apps/migration">ChromeOS app to an extension</a>
          for other platform users.
        </li>
      </ul>
      <p class="description">
        Make the web accessible, customizable, and even more awesome.
      </p>
      <p><button class="button"><a href ="/extensions">Learn More</a></button></p>
    </article>
  </div>
  <div class="g-unit g-last" id="upcoming-events">
      <article class="g-content">
        <iframe width="280" height="180" src="https://www.youtube.com/embed/1OSyfD1zOiY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
      <h4 class="label">Making the web more awesome</h4>
      <a href="https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw"><h2>Subscribe to the Chrome Developers channel</h2></a>
      <p class="description"><a href="https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw">View more</a></p>
    </article>
    <article class="g-content">
      <a href="https://developers.google.com/"><img src="{{static}}/images/mocks/logo_google_developers.png" class="screenshot" id="logo_google_dev"></a>
      <h4 class="label">Stay Up to Date</h4>
      <a href="https://developers.google.com/"><h2>Google Developers</h2></a>
      <p class="description"><a href="https://developers.google.com/">Learn More</a></p>
      </article>
  </div>
</section>

<section id="site-sections" class="g-section g-tpl-33-67">
  <div class="g-unit g-first">
    <article class="g-content">
      <a href="/extensions"><h2 class="devtools">Chrome Browser</h2></a>
      <p class="description">Customize and improve how users browse the web.
      Develop and distribute <a href="/extensions">Chrome Extensions</a>.</p>
    </article>
  </div>
  <div class="g-unit">
    <div class="g-section g-tpl-50-50">
      <div class="g-unit g-first">
        <article class="g-content">
          <a href="/home/multi-device-pillar.html"><h2 class="multidevice">ChromeOS</h2></a>
          <p class="description">Curate the
            <a href="https://www.google.com/chromebook/">Chromebook</a>
             web experience.
             Add <a href="/apps/about_apps">Apps</a>.
        </article>
      </div>
      <div class="g-unit g-last">
        <article class="g-content">
          <a href="/home/platform-pillar.html"><h2 class="platform">Multi-Device</h2></a>
          <p class="description">Chrome runs on a <a href="/multidevice">multi-device</a> web.
          Prepare content for <a href="/multidevice/android/overview">Android</a>,
          <a href="/multidevice/ios/links">iOS</a> and
          <a href="/multidevice/webview/overview">WebView</a>.</p>
        </article>
      </div>
    </div>
  </div>
</section>

<section id="developer-news" class="g-section g-tpl-33-67 more-section">
  <h1>Further Resources</h1>
  <div class="g-unit g-first">
    <article class="g-content">
      <h2>Forums</h2>
	<p>
          <ul>
          <li><a href="https://groups.google.com/a/chromium.org/">chromium.org Groups</a></li>
          <li><a href="http://stackoverflow.com/tags/google-chrome">google-chrome on Stack Overflow</a>
          </li>
          </ul>
	</p>
    </article>
  </div>
  <div class="g-unit">
    <div class="g-section g-tpl-50-50">
      <div class="g-unit g-first">
        <article class="g-content">
          <h2>Languages & Libraries</h2>
          <p>
	    <ul>
	      <li><a href="http://www.polymer-project.org/">Polymer</a></li>
	      <li><a href="https://www.dartlang.org/">Dart</a>
              </li>
            </ul>
          </p>
        </article>
      </div>
      <div class="g-unit g-last">
        <article class="g-content">
          <h2>Open Web Docs</h2>
            <ul>
              <li><a href="http://www.html5rocks.com/en/">HTML5 Rocks</a>
              </li>
              <li><a href="http://www.webplatform.org/">WebPlatform.org</a></li>
            </ul>
          </p>
        </article>
      </div>
    </div>
  </div>
</section>

{{/partials.site}}