مدونه قران

مدونه قران
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>مدونتي القرآنية</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
    <h1>مدونتي القرآنية</h1>
    <nav>
        <a href="#">الصفحة الرئيسية</a>
        <a href="#">التلاوات</a>
        <a href="#">التفسير</a>
        <a href="#">الدروس</a>
    </nav>
</header>
<main>
    <section class="posts">
        <h2>التلاوات</h2>
        <ul>
            <li>
                <a href="#">تلاوة سورة البقرة للقارئ محمد صديق المنشاوي</a>
                <img src="images/mohamed-sadik-al-minshawi.jpg" alt="محمد صديق المنشاوي">
            </li>
            <li>
                <a href="#">تلاوة سورة الكهف للقارئ عبدالباسط عبدالصمد</a>
                <img src="images/abdul-basit-abdul-samad.jpg" alt="عبدالباسط عبدالصمد">
            </li>
            <li>
                <a href="#">تلاوة سورة يس للقارئ ماهر المعيقلي</a>
                <img src="images/maher-al-muaiqly.jpg" alt="ماهر المعيقلي">
            </li>
        </ul>
    </section>

    <section class="interpretation">
        <h2>التفسير</h2>
        <ul>
            <li>
                <a href="#">تفسير سورة الفاتحة</a>
            </li>
            <li>
                <a href="#">تفسير سورة البقرة</a>
            </li>
            <li>
                <a href="#">تفسير سورة آل عمران</a>
            </li>
        </ul>
    </section>

    <section class="lessons">
        <h2>الدروس</h2>
        <ul>
            <li>
                <a href="#">درس في التجويد</a>
            </li>
            <li>
                <a href="#">درس في التفسير</a>
            </li>
            <li>
                <a href="#">درس في السيرة النبوية</a>
            </li>
        </ul>
    </section>
</main>
<footer>
    <p>جميع الحقوق محفوظة</p>
</footer>