start.html

<!DOCTYPE html>
<html>
    <head>
        <title>{{ title }}</title>
        <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"/>
    </head>
    <body>
        <div class = "header">
            <div class = "left-section">
                <p class = "logo">Search Engine</p>
            </div>
            <div class = "middle-section">
                <form action="" method="GET">
                    <input class = "search-box" type="text" name='search_word' placeholder="search...">
                    <input class = "submit-box" type="submit" value="Go">
                </form>
            </div>
            <div class = "right-section">
            </div>

        </div>

        {% if result == "start" %}

        {% elif result[0][0] is defined %}
            <a class="results">Results for: </a>
            <a class="results-word">{{ search }}</a>
            <p class="result-length"> {{ result[1] }} Results</p>

            <ul>
                {% for item in result[0] %}
                    <li>
                        <div class="result-box">
                            <a href= {{ item[0] }}> {{ item[2] }} </a>
                            <p> {{ item[1]|safe }} </p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <a class="no-results">No Results</a>
        {% endif %}

    </body>
</html>