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

{% block baslik %}Anasayfa{% endblock %}

{% block icerik %}

<div class="container mt-4">
    <h1 class="mb-4">Son Yazılar</h1>
<h1>
    
</h1>
    <div class="row">
        
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/django.jpg' %}" class="card-img-top" alt="Django">
                <div class="card-body">
                    <h5 class="card-title">Django Nedir?</h5>
                    <p class="card-text">Django, Python tabanlı hızlı ve güvenli web uygulamaları geliştirmek için kullanılan bir web framework'tür.</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/python.png' %}" class="card-img-top" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python Rehberi</h5>
                    <p class="card-text">Python ile programlamaya giriş ve temel kavramlar. Python, okunması kolay ve öğrenmesi basit bir programlama dilidir. Değişkenler, veri türleri...</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/django.jpg' %}" class="card-img-top" alt="Django">
                <div class="card-body">
                    <h5 class="card-title">Django Nedir?</h5>
                    <p class="card-text">Django, Python tabanlı hızlı ve güvenli web uygulamaları geliştirmek için kullanılan bir web framework'tür.</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/python.png' %}" class="card-img-top" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python Rehberi</h5>
                    <p class="card-text">Python ile programlamaya giriş ve temel kavramlar. Python, okunması kolay ve öğrenmesi basit bir programlama dilidir. Değişkenler, veri türleri...</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/django.jpg' %}" class="card-img-top" alt="Django">
                <div class="card-body">
                    <h5 class="card-title">Django Nedir?</h5>
                    <p class="card-text">Django, Python tabanlı hızlı ve güvenli web uygulamaları geliştirmek için kullanılan bir web framework'tür.</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="{% static 'img/python.png' %}" class="card-img-top" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python Rehberi</h5>
                    <p class="card-text">Python ile programlamaya giriş ve temel kavramlar. Python, okunması kolay ve öğrenmesi basit bir programlama dilidir. Değişkenler, veri türleri...</p>
                    <a href="#" class="btn btn-primary">Yazının Devamı...</a>
                </div>
            </div>
        </div>

    </div> 
</div>

{% endblock %}