{% extends 'base.html' %}

{% block content %}
    <div class='container'>
        <div class='row' align='center'>
            <form class='col s12 m12' method='POST'>
            <div class='row'>
                <div class="col s12 m12">
                    <h1> Hello! </h1>
                </div>
            </div>

            <div class='row'>
                <div class="input-field col s6 m12" >
                    <input placeholder="Write your name" name='name' id="first_name" type="text">
                    <label for="first_name">Name</label>
                </div>
                <div class="input-field col s6 m12" >
                    <input placeholder="Write your surname" name='surname' id="last_name" type="text">
                    <label for="last_name">Surname</label>
                </div>
                  <div class="input-field col s6 m12" >
                    <input placeholder="Enter your age" name='age' id="age" type="number">
                    <label for="age">Age</label>
                </div>
            </div>
        </div>

        <div class='row' align='center'>
            <button class="btn waves-effect waves-light" type="submit">Submit
            <i class="material-icons right">send</i>
            </button>
        </div>
        </form>
        </div>
    </div>
    </div>
{% endblock %}