Django/HTML not working correctly

<!DOCTYPE html>
<head>
    <title>EAGLE Solutions Inc.</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="stylesheet.css" type="text/css" />
    <meta name="viewport content = width=device=width, initial=scale=1.0">
</head>

<body class="body">
    <header class="mainHead">
        <img src="img/blk.jpg" width="700" height="144">
    </header>

    <h1>Welcome, {{ user.first_name }}!</h1>
    <br />
    <h3>The hard part is over. What's your snag in finding a good data management source?</h3>

    <br />
    <br />
    <br />

    <div>
    <!-- Pixel sizes and such are just estimates. Things will be figured out soon -->
        <div class="mainContent1">
            <div class="edgeData">
                <!-- I was just thinking we have a plain background color and then each fish is a different image -->
                <!-- The hook and water can be part of the background or something -->
            <a href=": http://www.storagebyeagle.com/resources/cv/edgedataprotection.pdf"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
            <div class="dataAnalysis">
                <a href="http://www.storagebyeagle.com/resources/cv/SimpanaContentStore.pdf"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
            <div class="snapInteg">
                <a href="http://www.storagebyeagle.com/resources/cv/snapprotect.pdf"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
        </div>
        <!-- This next div will be on the right -->
    <div class="mainContent2">
            <div class="virtual">
                <a href="http://www.storagebyeagle.com/resources/cv/vmenvironments.pdf"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
            <div class="compliance">
                <a href="http://www.storagebyeagle.com/resources/cv/ediscovery.pdf"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
            <div class="integration">
                <a href="http://www.storagebyeagle.com/products/storage-software.html"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="img/jellyfish.jpg" width="100" height="100"></a>
            </div>
        </div>
    </div>
<br />
<br />
{% block content %}

{% if user.has_signed_up %}
<p>Already signed up</p>
{% else %}
<p>Sign up for free EAGLE consulting!</p>
{% endif %}

<br /><br />
Device: {{device.id}}<br />
Device IP: {{device.ip_address}}<br />
User Agent: {{device.user_agent}}<br />

{% endblock %}
</body>
</html>