<div class="row-fluid">

    <h1>Overview</h1>

    <p>In this task you are shown two images and asked which one is more visually complex. In case, you are not sure, please select 'Not sure'.</p>
</div>
<hr>
<div class="row-fluid">
    <div class="span10">

        <h1>
            <br>
        </h1>
    </div>
</div>
<div class="row-fluid">
    <div class="span10">

        <h1><strong>Examples</strong></h1>
        <br>
        <div class="cml-section_body">
            <div class="row-fluid">
                <div class="row-fluid inline">
                    <div class="span4">

                        <p><strong>1. A has the same visual complexity as B&nbsp;</strong>:</p>

                        <ul>
                            <li>These are both technically chairs and have similar features and none of them is more visually complex than the other by a significant margin.</li>
                        </ul>
                        <br>
                    </div>

                    <table style="width: 100%;">
                        <tbody>
                            <tr>
                                <td style="width: 50.0000%;">
                                    <div style="text-align: center;"><strong>A</strong></div>
                                </td>
                                <td style="width: 50.0000%;">
                                    <div style="text-align: center;"><strong>B</strong></div>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50.0000%;"><img class="fr-dib" src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1461200041315-ChairexA.JPG" style="width: 300px;">
                                    <br>
                                </td>
                                <td style="width: 50.0000%;"><img src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1525581165957-chair.JPG" style="width: 300px;" class="fr-fic fr-dib"></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="span4">
                        <br>
                    </div>
                    <div class="span4">
                        <br>
                    </div>
                    <div class="span8">
                        <div class="text-center">
                            <br>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row-fluid inline">
                    <div class="span4">

                        <p><strong>2. A is more visually complex than B&nbsp;</strong>:</p>

                        <ul>
                            <li>When there are lots of items and they are of different types, it makes an image more complex visually.</li>
                        </ul>
                        <br>

                        <table style="width: 100%;">
                            <tbody>
                                <tr>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>A</strong></div>
                                    </td>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>B</strong></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 50.0000%;"><img class="fr-dib" src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1461200180956-puppies.jpg" style="width: 400px;">
                                        <br>
                                    </td>
                                    <td style="width: 50.0000%;"><img class="fr-dib" src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1461200188939-puppy.jpg" style="width: 400px;">
                                        <br>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <hr>
                <div class="row-fluid inline">
                    <div class="span4">

                        <p><strong>3.B is more visually complex than A</strong>:</p>

                        <p>A crowded scene with lots of people doing various activities is more visually complex than a horizon which doesn't have too many objects of different kinds.</p>
                        <br>
                    </div>
                    <div class="span8">

                        <table style="width: 100%;">
                            <tbody>
                                <tr>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>A</strong></div>
                                    </td>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>B</strong></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 50.0000%;"><img src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1525581469061-horizon.jpg" style="width: 300px;" class="fr-fic fr-dib"></td>
                                    <td style="width: 50.0000%;"><img src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1525581433481-crowd.jpg" style="width: 300px;" class="fr-fic fr-dib"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <hr>
                <div class="row-fluid inline">
                    <div class="span4">

                        <p><strong>4. A is more visually complex than B&nbsp;</strong>:</p>

                        <ul>
                            <li>When there are patterns or textures in an item, it makes it visually more complex. For example the pattern in bench present in image A, makes it more visually complex than the sofa in image B which has solid texture.</li>
                        </ul>
                        <br>
                    </div>
                    <div class="span8">

                        <table style="width: 100%;">
                            <tbody>
                                <tr>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>A</strong></div>
                                    </td>
                                    <td style="width: 50.0000%;">
                                        <div style="text-align: center;"><strong>B</strong></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 50.0000%;"><img class="fr-dib" src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1461252775246-couchbench.jpeg" style="width: 300px;">
                                        <br>
                                    </td>
                                    <td style="width: 50.0000%;"><img class="fr-dib" src="https://s3.amazonaws.com/crowdflower-make-cloud/images%2F1461252785292-couch1.jpeg" style="width: 300px;">
                                        <br>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>