announcement.html

---
layout: default
title: Announcement
permalink: /pytorch-foundation
body-class: announcement
background-class: features-background
---
{% assign cards = site.board_info %}

<div class="container">
  <div class="row hero-content">
    <div class="side-text">
      <h1>Lorem ipsum dolor sit amet</h1>
      <span></span>
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tincidunt quam eu orci consequat, 
        at sagittis purus vehicula. Proin enim augue, rhoncus sit amet sem non, vehicula congue nisl.</p>
    </div>
    <div class="side-image" style="background-image: url('/assets/images/placeholder.png');">
    </div>
  </div>
</div>

<div class="main-content-wrapper">
  <div class="main-content">
    <div class="container">
      <div class="card-container">

        {% for card in cards %}
          {% assign card_title = card.title | split: ' ' %}
            <div class="card {{ card.title }}">
              <a href="{{ card.link }}" target="_blank">
                <div class="card-body">
                  <h4>{{ card.title }}</h4>
                  <img src="{{ card.image }}"/>
                  <p class="card-summary">{{ card.summary }}</p>
                </div>
              </a>
            </div>
        {% endfor %}
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid dark-background-section">
  <div class="container">
    <div class="line-content">
      <div class="col-md-4">
        <h1>LOREM IPSUM</h1>
      </div>
      <div class="col-md-8">
        <div class="row">
          <div class="col-md-4 text-center">
            <a class="btn btn-lg with-right-arrow">
              Lorem ipsum dolor
            </a>
          </div>

          <div class="col-md-4 text-center">
            <a class="btn btn-lg with-right-arrow">
              Lorem ipsum dolor 
            </a>
          </div>

          <div class="col-md-4 text-center">
            <a class="btn btn-lg with-right-arrow">
              Lorem ipsum dolor
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid light-background-section">
  <div class="container">
    <div class="row content">
      <div class="col-md-6 body-side-text">
        <h1>Lorem ipsum dolor sit amet</h1>
        <span></span>
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tincidunt quam eu orci consequat, 
          at sagittis purus vehicula. Proin enim augue, rhoncus sit amet sem non, vehicula congue nisl.</p>
        <a class="btn btn-lg with-right-arrow">
          Lern more
        </a>
      </div>
      <div class="col-md-6 body-side-image" style="background-image: url('/assets/images/placeholder.png');">
      </div>
    </div>
  </div>
</div>

<div class="container-fluid contact-us-section">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <h1>Lorem ipsum dolor sit amet</h1>
        <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js?pre=1"></script>
        <script>
          hbspt.forms.create({
            region: "na1",
            portalId: "8112310",    formId: "dd2c7e7e-bca1-4b41-b80e-9bfd5f3ca49a"
          });
        </script>
      </div>
    </div>
  </div>
</div>