{% extends 'base.html' %}

{% block head %}
<title>Home</title>
{% endblock %}

{% block body %}
<br>
<main role="main">
    <div class="jumbotron">
        <div class="col-sm-8 mx-auto">
            <h1>실시간 수화번역</h1>
            <br>
            <p>카메라를 통해 찍은 수화 동작을 번역해주는 프로그램입니다.</p>
            <p>
                <a class="btn btn-primary" href="/model" role="button">시작하기 &raquo;</a>
            </p>
            <img class="fit-picture" src="https://cdn.clien.net/web/api/file/F01/12398591/3168f6ba17da77.jpg" style="width:600px;height:400px;">
        </div>
    </div>
</main>
{% endblock %}