{% extends "base.html" %}

{% block styles %}
{{super()}}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
{% endblock %}


{% block app_content %}
<div id="home">
    <h4 style="font-weight:bold; margin-top: 200px;"> NEW BAR IN TOWN</h4>
    <h1 style="font-weight:bold; color: white;">The best at making cocktails</h1>
    <p>Take a look at our cocktail menu or choose the ingredients you want  <br>
        and we will make you a personalized one.</p>
    <div style="padding-top:10px;">
        <a role="button"  class="btn btn-outline-t btn-lg" href="{{ url_for('cocktails') }}">See the Catalog</a>
        <a role="button" class="btn btn-outline-t btn-lg" href="{{ url_for('specially4u') }}">See Recommendation</a>
    </div>
</div>

{% endblock %}