Untitled

<!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>كواية الرحلات المحمولة</title> <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: right; margin: 0; padding: 0; background-color: #f0f2f5; }

    .header {
        background-color: #1c3a4a;
        color: white;
        padding: 20px;
        text-align: center;
        font-size: 24px;
    }

    .content {
        padding: 20px;
    }

    .product-image {
        text-align: center;
        margin-bottom: 20px;
    }

    .product-image img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .product-title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .product-description {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .cta {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .cta-button {
        background-color: #1c3a4a;
        color: white;
        font-size: 18px;
        padding: 10px 30px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-decoration: none;
    }

    .cta-button:hover {
        background-color: #2c5d7a;
    }
</style>

</head> <body> <div class="header"> كواية الرحلات المحمولة </div> <div class="content"> <div class="product-image"> <img src="path/to/product-image.jpg" alt="كواية الرحلات المحمولة"> </div> <div class="product-title"> كواية الرحلات المحمولة </div> <div class="product-description"> الآن يمكنك الاستمتاع بكواية الملابس المحمولة والمثالية للسفر! تتميز كواية الرحلات المحمولة بتصميم صغير وخفيف الوزن يسهل حمله واستخدامه أينما كنت. مع كواية الرحلات المحمولة، لن تحتاج إلى التعامل مع الملابس المتجعدة أثناء سفرك بعد الآن. </div> <div class="cta"> <a href="path/to/checkout-page" class="cta-button"> اشتر الآن </a> </div> </div> </body> </html>
Editor is loading...