48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
{% extends 'web/base_modern.html' %}
|
||
{% load static %}
|
||
|
||
{% block title %}{{ article.title }} - SmartSolTech{% endblock %}
|
||
|
||
{% block content %}
|
||
<section class="section-padding">
|
||
<div class="container" style="max-width: 800px;">
|
||
<!-- Breadcrumb -->
|
||
<nav aria-label="breadcrumb" class="mb-4">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="{% url 'home' %}">Главная</a></li>
|
||
<li class="breadcrumb-item"><a href="{% url 'news_list' %}">Новости</a></li>
|
||
<li class="breadcrumb-item active">{{ article.title }}</li>
|
||
</ol>
|
||
</nav>
|
||
|
||
<!-- Article Header -->
|
||
<div class="text-center mb-5">
|
||
<span class="badge bg-primary mb-3">Новость</span>
|
||
<h1 class="display-5 fw-bold mb-3">{{ article.title }}</h1>
|
||
<div class="text-muted">
|
||
<i class="far fa-calendar"></i> {{ article.published_date|date:"d.m.Y H:i" }}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Article Image -->
|
||
{% if article.image %}
|
||
<div class="mb-5">
|
||
<img src="{{ article.image.url }}" class="img-fluid rounded" alt="{{ article.title }}" style="width: 100%; max-height: 500px; object-fit: cover;">
|
||
</div>
|
||
{% endif %}
|
||
|
||
<!-- Article Content -->
|
||
<div class="article-content mb-5">
|
||
{{ article.content|linebreaks }}
|
||
</div>
|
||
|
||
<!-- Back to News -->
|
||
<div class="text-center mt-5">
|
||
<a href="{% url 'news_list' %}" class="btn btn-outline-primary">
|
||
<i class="fas fa-arrow-left me-2"></i> Все новости
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{% endblock %}
|