Overview

<div class="teaser news">
    <div class="grid-five-three">
        <div class="col12 teaser-h">
            <h2 class="title">News &amp; Announcements</h2>
        </div>
    </div>
    <div class="grid-five-three">
        <div class="col1 grid-line-right">
            <h3>News</h3>
            <article class="news-teaser">
                <h4>Updated: Tutorials on Web Accessibility</h4>
                <p><a href="http://w3.org/WAI/tutorials">Web Accessibility Tutorials</a> on Menus, Page Structure, Forms, Images, Tables, and Carousels have been updated. These tutorials show you how to create web content that is accessible to people with
                    disabilities and that improves the user experience for all users. They include general guidance, and specific examples for HTML5 and WAI-ARIA. (<a href="#">2017-Apr-18</a>)</p>
            </article>
            <article class="news-teaser">
                <h4>Updated: Tutorials on Web Accessibility</h4>
                <p><a href="http://w3.org/WAI/tutorials">Web Accessibility Tutorials</a> on Menus, Page Structure, Forms, Images, Tables, and Carousels have been updated. These tutorials show you how to create web content that is accessible to people with
                    disabilities and that improves the user experience for all users. They include general guidance, and specific examples for HTML5 and WAI-ARIA. (<a href="#">2017-Apr-18</a>)</p>
            </article>
            <article class="news-teaser">
                <h4>Updated: Tutorials on Web Accessibility</h4>
                <p><a href="http://w3.org/WAI/tutorials">Web Accessibility Tutorials</a> on Menus, Page Structure, Forms, Images, Tables, and Carousels have been updated. These tutorials show you how to create web content that is accessible to people with
                    disabilities and that improves the user experience for all users. They include general guidance, and specific examples for HTML5 and WAI-ARIA. (<a href="#">2017-Apr-18</a>)</p>
            </article>
            <button class="button button-more"><span>See All News and Announcements</span></button>
        </div>
        <div class="col2">
            <h3>Announcements</h3>
            <ul class="nolist announcements-list">
                <li class="announce-box">Open position: <a href="#">Web Accessibility Engineer (China)</a></li>
                <li class="announce-box"><a href="#">Get WAI Announcements</a></li>
            </ul>
            <h3>Upcoming Events, Meetings, and Presentations</h3>
            <div class="announce-box">
                <p>At AccessU in Austin, TX, USA in May 2017</p>
                <ul>
                    <li><a href="#">Catching Up with Accessibility: Beginner’s Basics</a></li>
                    <li><a href="#">Easy Checks for Web Accessibility: Get the Gist (No Experience Necessary)</a></li>
                    <li><a href="#">The WAI to Web Accessibility: An Interactive Tour Through Resources from the W3C Web Accessibility Initiative</a></li>
                </ul>
            </div>
            <div class="announce-box">
                <a href="#">See Past Events</a>
            </div>
        </div>
    </div>
</div>