Blogpost with Article Review

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header>
    <h1>Denver's Sample website</h1>
</header>
<section>
    <h1>Structured Data News</h1>
    <article class="post" itemscope itemType="http://schema.org/BlogPosting">
        <meta itemprop="inLanguage" content="en-US"/>
        <a name="4114463250997066075"/>

        <h1 class="post-title">
            <a href="http://www.xyz.com" itemprop="url">
     <span itemprop="headline">
      Introducing schema.org: Search engines come together for a richer web
     </span>
            </a>
        </h1>
        <img itemprop="image" src="http://images.apple.com/live/2015-mar-event/images/573cb_xlarge_2x.jpg"/>

        <h2>The Details About The Announcement</h2>

        <div class="date-header">
            <span itemprop="datePublished" content="2011-05-06T10:00:00">6/02/2011 10:00:00 AM</span>
        </div>
        <p itemprop="articleBody">
            Today we're announcing <a href="http://schema.org/">schema.org</a>, a new initiative from
            Google, Bing and Yahoo! to create and support a common vocabulary for structured data markup
            on web pages. With <a href="http://schema.org/">schema.org</a>, site owners and developers
            can learn about structured data and improve how their sites appear in major search engines.
            The site aims to be a one stop resource for webmasters looking to add markup to
            their pages....
        </p>

        <div itemprop="author" class="byline-author" itemscope itemtype="http://schema.org/Person">
            Posted by
            <span itemprop="name">Ramanathan Guha</span>,
            <span itemprop="worksFor">Google</span> Fellow
        </div>
        <nav class="post-footer">
            <h1>Navigation Links</h1>

            <p class="post-footer-line post-footer-line-1">
                <a itemprop="url" href="http://..." title="permanent link">Permalink</a>
            </p>

            <div class="post-share-buttons">
                <a class="goog-inline-block share-button sb-twitter" href="..." title="Share to Twitter">
                    <span class="share-button-link-text">Share to Twitter</span>
                </a>
            </div>
            <p class="post-footer-line post-footer-line-2">
    <span class="post-labels">Labels:
     <a href="...search" rel="tag">
         <span itemprop="keywords">search</span></a></span>
            </p>
        </nav>
        <section itemprop="review" itemscope itemtype="http://schema.org/Review">
            <h1 itemprop="name">
                I'm Not a happy camper
            </h1>
            <footer>
                <span class="byline-author" itemprop="author" itemscope itemtype="http://schema.org/Person">
                    <span itemprop="name"> Ellie May</span>
                </span>
                <meta itemprop="datePublished" content="2011-04-01">
                April 1, 2011
            </footer>
            <article>
                <h1 itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
                    <span itemprop="name">Review of schema.org Announcement</span>
                </h1>

                <p itemprop="reviewBody">
                    They did not sell snow cones in the heat! I was really miserable!
                </p>
                <footer>
                    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
                        <meta itemprop="worstRating" content="0.00">
                        <span itemprop="ratingValue">3.4</span> / <span itemprop="bestRating">5.0</span> stars
                    </div>
                </footer>
            </article>
        </section>
    </article>
</section>
</body>
</html>