{% extends 'core/base.html' %}
{% load static %}

{% block title %}Welcome Here{% endblock %}

{% block content %}
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" href="{% static 'css/index.css' %}">
    </head>

    <div class="container-index">
        <img src="/static/img/wallpapersden.com_abstract-purple-shape_1920x1080.jpg" alt=""/>
        <div class="text-center typewriter">
            <h1 class="font-bold">Your quick guide to safety.</h1>
        </div>

        <div class="pt-3 button-center">
                    <div class="p-2 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 inline-flex items-center font-bold text-lg">
                        <a href="/problems"
                           class="bg-gray-700 hover:bg-gray-900 text-white py-4 px-6 rounded-full">
                            Get Started &#8594;
                        </a>
                    </div>
                </div>
    </div>
{% endblock %}