critic.html

<header>
    <div id="rating">
        <div>
            <span id="percent">89%</span>
            <span id="mt">match</span>
        </div>
    </div>
    <h1><strong>Roger Ebert</strong> and <strong>you</strong> both like:</h1>
    <div id="small">
        <img src="img/her.jpg">
        <img src="img/her.jpg">
        <img src="img/her.jpg">
        <img src="img/her.jpg">
        <img src="img/her.jpg">
        <div id="ellipse">...</div>
    </div>
    <button id="follow">Follow</button>
</header>
<section id="movies">
    <div id="thin">
        <h1>Robert Ebert recommends:</h1>
        <div id="sort">
            <button id="highest">Highest</button><button id="newest" class="s">Newest</button>
        </div>
    </div>
    <ul id="grid">
        <?php for($i=0; $i<25; $i++) { ?><li>
            <div class="overlay">
                <span class="quote">"Lorem impsum sit ametdsfdsf sdfds dsf sf ds dsfd sf ds"</span>
                <img src="img/dislike_small.png" class="ex" alt="x">
                <img src="img/like_small.png" class="v" alt="v">
            </div>
            <img src="img/her.jpg" class="poster" alt="movie325">
            <span class="ttl">
                <h1>Her</h1>
                <span class="year">(2014)</span>
                <div class="tomato"></div>
                <span class="teeny">96%</span>
            </span>
        </li><?php } ?>
    </ul>
</section>