{% extends "global/Page.html" %}
{% load otree static %}


{% block content %}
<p>
A continuación, verá el contenido de ambos lados de todas las cartas uno al lado del otro, Recuerde que el lado con el fondo azul representa la ciudad del encuestado, mientras que el lado con el fondo blanco es la ciudad del familiar
 </p>
<p>
<style type="text/css">
    .btn {
 background-color: white;
  color: black;
  border: 2px solid #555555; /* Green */
    }
</style>
<p>
    <button type="button" class="btn">
<img src="{% static image_pathA1 %}"/>
<img src="{% static image_path1 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA2 %}"/>
<img src="{% static image_path2 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA3 %}"/>
<img src="{% static image_path3 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA4 %}"/>
<img src="{% static image_path4 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA5 %}"/>
<img src="{% static image_path5 %}"/>
</button>
<button type="button" class="btn">
                <img src="{% static image_pathA6 %}"/>
<img src="{% static image_path6 %}"/>
</button>
<button type="button" class="btn">
                <img src="{% static image_pathA7 %}"/>
<img src="{% static image_path7 %}"/>
</button>
<button type="button" class="btn">
                <img src="{% static image_pathA8 %}"/>
<img src="{% static image_path8 %}"/>
</button>
<button type="button" class="btn">
                <img src="{% static image_pathA9 %}"/>
<img src="{% static image_path9 %}"/>
</button>
<button type="button" class="btn">
                <img src="{% static image_pathA10 %}"/>
<img src="{% static image_path10 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA11 %}"/>
<img src="{% static image_path11 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA12 %}"/>
<img src="{% static image_path12 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA13 %}"/>
<img src="{% static image_path13 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA14 %}"/>
<img src="{% static image_path14 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA15 %}"/>
<img src="{% static image_path15 %}"/>
</button>
<button type="button" class="btn">
                        <img src="{% static image_pathA16 %}"/>
<img src="{% static image_path16 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA17 %}"/>
<img src="{% static image_path17 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA18 %}"/>
<img src="{% static image_path18 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA19 %}"/>
<img src="{% static image_path19 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA20 %}"/>
<img src="{% static image_path20 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA21 %}"/>
<img src="{% static image_path21 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA22 %}"/>
<img src="{% static image_path22 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA23 %}"/>
<img src="{% static image_path23 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA24 %}"/>
<img src="{% static image_path24 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA25 %}"/>
<img src="{% static image_path25 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA26 %}"/>
<img src="{% static image_path26 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA27 %}"/>
<img src="{% static image_path27 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA28 %}"/>
<img src="{% static image_path28 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA29 %}"/>
<img src="{% static image_path29 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA30 %}"/>
<img src="{% static image_path30 %}"/>
    </button>
<button type="button" class="btn">
<img src="{% static image_pathA31 %}"/>
<img src="{% static image_path31 %}"/>
</button>
<button type="button" class="btn">
<img src="{% static image_pathA32 %}"/>
<img src="{% static image_path32 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA33 %}"/>
<img src="{% static image_path33 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA34 %}"/>
<img src="{% static image_path34 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA35 %}"/>
<img src="{% static image_path35 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA36 %}"/>
<img src="{% static image_path36 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA37 %}"/>
<img src="{% static image_path37 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA38 %}"/>
<img src="{% static image_path38 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA39 %}"/>
<img src="{% static image_path39 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA40 %}"/>
<img src="{% static image_path40 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA41 %}"/>
<img src="{% static image_path41 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA42 %}"/>
<img src="{% static image_path42 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA43 %}"/>
<img src="{% static image_path43 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA44 %}"/>
<img src="{% static image_path44 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA45 %}"/>
<img src="{% static image_path45 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA46 %}"/>
<img src="{% static image_path46 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA47 %}"/>
<img src="{% static image_path47 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA48 %}"/>
<img src="{% static image_path48 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA49 %}"/>
<img src="{% static image_path49 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA50 %}"/>
<img src="{% static image_path50 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA51 %}"/>
<img src="{% static image_path51 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA52 %}"/>
<img src="{% static image_path52 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA53 %}"/>
<img src="{% static image_path53 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA54 %}"/>
<img src="{% static image_path54 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA55 %}"/>
<img src="{% static image_path55 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA56 %}"/>
<img src="{% static image_path56 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA57 %}"/>
<img src="{% static image_path57 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA58 %}"/>
<img src="{% static image_path58 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA59 %}"/>
<img src="{% static image_path59 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA60 %}"/>
<img src="{% static image_path60 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA61 %}"/>
<img src="{% static image_path61 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA62 %}"/>
<img src="{% static image_path62 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA63 %}"/>
<img src="{% static image_path63 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA64 %}"/>
<img src="{% static image_path64 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA65 %}"/>
<img src="{% static image_path65 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA66 %}"/>
<img src="{% static image_path66 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA67 %}"/>
<img src="{% static image_path67 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA68 %}"/>
<img src="{% static image_path68 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA69 %}"/>
<img src="{% static image_path69 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA70 %}"/>
<img src="{% static image_path70 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA71 %}"/>
<img src="{% static image_path71 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA72 %}"/>
<img src="{% static image_path72 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA73 %}"/>
<img src="{% static image_path73 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA74 %}"/>
<img src="{% static image_path74 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA75 %}"/>
<img src="{% static image_path75 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA76 %}"/>
<img src="{% static image_path76 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA77 %}"/>
<img src="{% static image_path77 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA78 %}"/>
<img src="{% static image_path78 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA79 %}"/>
<img src="{% static image_path79 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA80 %}"/>
<img src="{% static image_path80 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA81 %}"/>
<img src="{% static image_path81 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA82 %}"/>
<img src="{% static image_path82 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA83 %}"/>
<img src="{% static image_path83 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA84 %}"/>
<img src="{% static image_path84 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA85 %}"/>
<img src="{% static image_path85 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA86 %}"/>
<img src="{% static image_path86 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA87 %}"/>
<img src="{% static image_path87 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA88 %}"/>
<img src="{% static image_path88 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA89 %}"/>
<img src="{% static image_path89 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA90 %}"/>
<img src="{% static image_path90 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA91 %}"/>
<img src="{% static image_path91 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA92 %}"/>
<img src="{% static image_path92 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA93 %}"/>
<img src="{% static image_path93 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA94 %}"/>
<img src="{% static image_path94 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA95 %}"/>
<img src="{% static image_path95 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA96 %}"/>
<img src="{% static image_path96 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA97 %}"/>
<img src="{% static image_path97 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA98 %}"/>
<img src="{% static image_path98 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA99 %}"/>
<img src="{% static image_path99 %}"/>
</button>
<button type="button" class="btn">
        <img src="{% static image_pathA100 %}"/>
<img src="{% static image_path100 %}" />

</button>


    {% next_button %}
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% endblock %}