templates/index.html

{% extends 'base.html' %}

{% block title %}CloudStorage - Домашняя страница{% endblock %}

{% block content %}
<div class="row justify-content-center mt-5">
    <div class="col-md-8 text-center">
        <h1 class="display-4">Добро пожаловать в CloudStorage</h1>
        <p class="lead">Безопасное хранение и обмен файлами в облаке</p>
        <div class="mt-5">
            <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg me-3">Войти</a>
            <a href="{{ url_for('register') }}" class="btn btn-outline-primary btn-lg">Регистрация</a>
        </div>
    </div>
</div>

<div class="row mt-5 pt-5">
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="fas fa-cloud-upload-alt fa-4x text-primary mb-3"></i>
                <h3>Загрузка файлов</h3>
                <p>Легко загружайте и организуйте ваши файлы в облачном хранилище</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="fas fa-share-alt fa-4x text-primary mb-3"></i>
                <h3>Общий доступ</h3>
                <p>Делитесь файлами с друзьями и коллегами, настраивайте права доступа</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="fas fa-lock fa-4x text-primary mb-3"></i>
                <h3>Безопасность</h3>
                <p>Ваши данные надежно защищены и доступны только вам</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}