    <!DOCTYPE html>

    <html lang="en">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head>

    <meta charset="utf-8">

    <title>Get Screen Resolution of Mobile Devices with JavaScript</title>

    </head>

    <body onload="getResolution();" id="body">
 <table>
    <tr>
    <td><button type="button" class="butts" id = "butt0">Get Resolution</button></td>
    <td><button type="button" class ="butts" id="butt1">Click here!</button></td>
    </tr>
    <tr>
    <td><button type="submit" class="butts" id="butt2">Submit</button></td>
    </tr>
</table>
    </body>
    {% load static %}
    <script type="text/javascript", src="{% static 'js/resolution.js' %}">
</script>
    </html>

