{% extends "hbase.html" %}
{% load static %}
{% block content %}
<div class="container my-5">
    <div class="row">
        <!-- Heading Section -->
        <div class="col-12 text-center mb-4">
            <h2 class="fw-bold text-primary">{{query.a_name}}</h2>
        </div>
    </div>
    <div class="row align-items-center">
        <!-- Image Section -->
        <div class="col-md-6">
            <img src="{{query.image.url}}" class="img-fluid rounded shadow" alt="About Us">
        </div>
        <!-- Text Section -->
        <div class="col-md-6">
            <p class="mt-3 mt-md-0 text-justify">
                {{query.a_details | safe}}
            </p>
        </div>
    </div>
</div>
{% endblock content %}