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

{% block title %}درباره طراح{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/website/designer.css' %}">
{% endblock %}

{% block content %}
<main class="container my-5">

    <div class="container my-5">

        <h1 class="text-center text-white mb-4">درباره طراح</h1>

        <div class="about-card text-center" style="margin-top: 70px;">

            <!-- عکس -->
            <div class="profile-img-wrapper">
                <img src="https://dl.aminghadim.com/main/IMG_20260615_001105_602.webp" alt="طراح">
            </div>

            <!-- توضیحات -->
            <div class="about-text">
                <p>
                    شکر خدا که توفیق شد سایت رو طراحی کنم و امیدوارم
                    این شروعی باشد برای مسیرهای بهتر و موفق‌تر در آینده.
                    و در این راه از شما عزیزان کمکی می‌خواهم.
                </p>

                <p>
                    از شما عزیزان خواهش می‌کنم اگر ایده، نیاز یا پیشنهادی دارید
                    که ذره‌ای برای بهتر شدن کشور حضرت رضا (ع) و ایران عزیزمون
                    تاثیر داره، حتماً با من به اشتراک بگذارید تا بتونیم
                    با هم تبدیل به نرم‌افزار کاربردی کنیم.
                </p>

                <p class="ya-ali">یا علی (ع) مدد</p>

                <p class="signature">امیرعلی خلیلی</p>
            </div>

            <div class="geo-divider">
                <span class="bar"></span>
                <span class="dot"></span>
                <span class="bar right"></span>
            </div>

            <!-- تماس -->
            <div class="contact-section">

                <!-- تماس -->
                <a href="tel:09368272668" class="contact-item">
                    <i class="fa-solid fa-phone icon"></i>
                    <span class="label">شماره تماس</span>
                    <span class="value">۰۹۳۶۸۲۷۲۶۶۸</span>
                </a>

                <!-- اینستاگرام -->
                <a href="https://instagram.com/amirali_khalili8" class="contact-item" target="_blank">
                    <i class="fa-brands fa-instagram icon"></i>
                    <span class="label">اینستاگرام</span>
                    <span class="value">@amirali_khalili8</span>
                </a>

                <!-- بله -->
                <a href="https://ble.ir/amirali_khalili8" class="contact-item" onclick="fallback(this,'https://ble.ir/amirali_khalili8')">
                    <i class="fa-solid fa-comment-dots icon"></i>
                    <span class="label">بله</span>
                    <span class="value">@amirali_khalili8</span>
                </a>

                <!-- ایتا -->
                <a href="https://eitaa.com/amirali_khalili8" class="contact-item">
                    <i class="fa-solid fa-paper-plane icon"></i>
                    <span class="label">ایتا</span>
                    <span class="value">@amirali_khalili8</span>
                </a>

            </div>

        </div>

    </div>

</main>
{% endblock %}