doctype html
html(lang='en')
    head
        meta(charset="utf-8")
        meta(name="viewport" content="width=device-width, initial-scale=1")
        link(rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css")
        title ELEC0017 Project
        style.
            body {
                background: url(https://source.unsplash.com/JuFcQxgCXwA);
                background-size: cover;
                height: 100vh;
            }
            .container {
                width: 450px;
                margin-top: 20vh;
            }
            .title {
                text-align: center;
            }

body
    section.section.is-medium
        .container
            .box
                h1.title ELEC0017 Package tracker
                form(method="POST")
                    .field
                        .control
                            input.input(type="text" name="username" placeholder="Username")

                    .field
                        .control
                            input.input(type="password" name="password" placeholder="********")

                    .field
                        .control
                            button.button.is-link.is-fullwidth(type="submit") Login