header {
        background-color: #004d99;
        color: white;
        text-align: center;
        padding: 15px;
    }

    header h1 {
        margin: 0;
        font-size: 2.5em;
    }

    nav {
        background-color: #333;
        padding: 10px 0;
        text-align: center;
    }

    nav a {
        color: white;
        text-decoration: none;
        padding: 12px 20px;
        margin: 0 10px;
        display: inline-block;
    }

    nav a:hover {
        background-color: #555;
    }

    section {
        margin: 20px;
    }

    .news-article {
        background-color: white;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .news-article h2 {
        margin-top: 0;
    }

    footer {
        background-color: #004d99;
        color: white;
        text-align: center;
        padding: 10px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    footer a {
        color: #ffcc00;
        text-decoration: none;
    }
</style>

<nav>
    <a href="#">الرئيسية</a>
    <a href="#">أخبار اليوم</a>
    <a href="#">الرياضة</a>
    <a href="#">التكنولوجيا</a>
    <a href="#">الثقافة والفن</a>
</nav>

<section>
    <div class="news-article">
        <h2>أحدث الأخبار العالمية</h2>
        <p>اليوم، تم الإعلان عن مجموعة من التحديثات الهامة في مجال الاقتصاد العالمي...</p>
        <a href="https://www.example.com" target="_blank">قراءة المزيد</a>
    </div>

    <div class="news-article">
        <h2>أخبار رياضية</h2>
        <p>في مباراة مثيرة حقق فريق برشلونة فوزًا ساحقًا على ريال مدريد...</p>
        <a href="https://www.example.com" target="_blank">قراءة المزيد</a>
    </div>
</section>

<footer>
    <p>&copy; 2024 موقع الأخبار الشخصي</p>
    <p>تابعنا على 
        <a href="https://twitter.com" target="_blank">تويتر</a> | 
        <a href="https://facebook.com" target="_blank">فيسبوك</a>
    </p>
</footer>