/* package whatever; // don't place package name! */
 
import java.util.*;
import java.lang.*;
import java.io.*;
 
/* Name of the class has to be "Main" only if the class is public. */
class Ideone
{
	public static void main (String[] args) throws java.lang.Exception
	{
		// your code goes here
	}
}

LyogcGFja2FnZSB3aGF0ZXZlcjsgLy8gZG9uJ3QgcGxhY2UgcGFja2FnZSBuYW1lISAqLwoKaW1wb3J0IGphdmEudXRpbC4qOwppbXBvcnQgamF2YS5sYW5nLio7CmltcG9ydCBqYXZhLmlvLio7CgovKiBOYW1lIG9mIHRoZSBjbGFzcyBoYXMgdG8gYmUgIk1haW4iIG9ubHkgaWYgdGhlIGNsYXNzIGlzIHB1YmxpYy4gKi8KY2xhc3MgSWRlb25lCnsKCXB1YmxpYyBzdGF0aWMgdm9pZCBtYWluIChTdHJpbmdbXSBhcmdzKSB0aHJvd3MgamF2YS5sYW5nLkV4Y2VwdGlvbgoJewoJCS8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCX0KfQ==

Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7YXImcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICAgJmx0O21ldGEgY2hhcnNldD0mcXVvdDtVVEYtOCZxdW90OyZndDsKICAgICZsdDttZXRhIG5hbWU9JnF1b3Q7dmlld3BvcnQmcXVvdDsgY29udGVudD0mcXVvdDt3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wJnF1b3Q7Jmd0OwogICAgJmx0O3RpdGxlJmd0O9mC2LHYotmGINmD2LHZitmFINmD2KfZhdmEJmx0Oy90aXRsZSZndDsKICAgICZsdDtzdHlsZSZndDsKICAgICAgICBib2R5IHsKICAgICAgICAgICAgZm9udC1mYW1pbHk6IEFyaWFsLCBzYW5zLXNlcmlmOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMEE0RDMyOwogICAgICAgICAgICBjb2xvcjogd2hpdGU7CiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICAgICAgbWFyZ2luOiAwOwogICAgICAgICAgICBwYWRkaW5nOiAwOwogICAgICAgIH0KICAgICAgICAuaGVhZGVyIHsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzA2NDEyQTsKICAgICAgICAgICAgcGFkZGluZzogMjBweDsKICAgICAgICAgICAgZm9udC1zaXplOiAyNHB4OwogICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgfQogICAgICAgIC5tZW51IHsKICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgICAgICB0b3A6IDA7CiAgICAgICAgICAgIGxlZnQ6IC0yNTBweDsKICAgICAgICAgICAgd2lkdGg6IDI1MHB4OwogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwNjQxMkE7CiAgICAgICAgICAgIHBhZGRpbmctdG9wOiA2MHB4OwogICAgICAgICAgICB0cmFuc2l0aW9uOiBsZWZ0IDAuM3MgZWFzZS1pbi1vdXQ7CiAgICAgICAgfQogICAgICAgIC5tZW51IGEgewogICAgICAgICAgICBkaXNwbGF5OiBibG9jazsKICAgICAgICAgICAgY29sb3I6IHdoaXRlOwogICAgICAgICAgICBwYWRkaW5nOiAxNXB4OwogICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgICAgICAgfQogICAgICAgIC5tZW51IGE6aG92ZXIgewogICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMEE0RDMyOwogICAgICAgIH0KICAgICAgICAubWVudS1idG4gewogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICAgIGxlZnQ6IDIwcHg7CiAgICAgICAgICAgIHRvcDogMjBweDsKICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgICAgICBmb250LXNpemU6IDMwcHg7CiAgICAgICAgfQogICAgICAgIC5jb250YWluZXIgewogICAgICAgICAgICBwYWRkaW5nOiAyMHB4OwogICAgICAgIH0KICAgICAgICAucXVyYW4tY292ZXIgewogICAgICAgICAgICB3aWR0aDogMjAwcHg7CiAgICAgICAgICAgIG1hcmdpbi10b3A6IDIwcHg7CiAgICAgICAgfQogICAgJmx0Oy9zdHlsZSZndDsKJmx0Oy9oZWFkJmd0OwombHQ7Ym9keSZndDsKICAgICZsdDtkaXYgY2xhc3M9JnF1b3Q7aGVhZGVyJnF1b3Q7Jmd0OwogICAgICAgICZsdDtzcGFuIGNsYXNzPSZxdW90O21lbnUtYnRuJnF1b3Q7IG9uY2xpY2s9JnF1b3Q7dG9nZ2xlTWVudSgpJnF1b3Q7Jmd0O+KYsCZsdDsvc3BhbiZndDsKICAgICAgICDZgtix2KLZhiDZg9ix2YrZhSDZg9in2YXZhAogICAgJmx0Oy9kaXYmZ3Q7CiAgICAmbHQ7ZGl2IGNsYXNzPSZxdW90O21lbnUmcXVvdDsgaWQ9JnF1b3Q7bWVudSZxdW90OyZndDsKICAgICAgICAmbHQ7YSBocmVmPSZxdW90OyMmcXVvdDsmZ3Q72KfZhNmC2LHYotmGINin2YTZg9ix2YrZhSZsdDsvYSZndDsKICAgICAgICAmbHQ7YSBocmVmPSZxdW90OyMmcXVvdDsmZ3Q72KfZhNit2LPYqNipJmx0Oy9hJmd0OwogICAgICAgICZsdDthIGhyZWY9JnF1b3Q7IyZxdW90OyZndDvYp9mE2YXYs9in2LnYr9ipJmx0Oy9hJmd0OwogICAgICAgICZsdDthIGhyZWY9JnF1b3Q7IyZxdW90OyZndDvYp9mE2KjYrdirJmx0Oy9hJmd0OwogICAgJmx0Oy9kaXYmZ3Q7CiAgICAmbHQ7ZGl2IGNsYXNzPSZxdW90O2NvbnRhaW5lciZxdW90OyZndDsKICAgICAgICAmbHQ7aW1nIHNyYz0mcXVvdDtodHRwczovL3UuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmEub3JnL3dpa2lwZWRpYS9jb21tb25zLzIvMmYvUXVyYW5fS2FyZWVtLnBuZyZxdW90OyBhbHQ9JnF1b3Q72YXYtdit2YEmcXVvdDsgY2xhc3M9JnF1b3Q7cXVyYW4tY292ZXImcXVvdDsmZ3Q7CiAgICAgICAgJmx0O3AmZ3Q72YXYsdit2KjZi9inINio2YMg2YHZiiDYqti32KjZitmCINin2YTZgtix2KLZhiDYp9mE2YPYsdmK2YUmbHQ7L3AmZ3Q7CiAgICAmbHQ7L2RpdiZndDsKICAgICZsdDtzY3JpcHQmZ3Q7CiAgICAgICAgZnVuY3Rpb24gdG9nZ2xlTWVudSgpIHsKICAgICAgICAgICAgY29uc3QgbWVudSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O21lbnUmcXVvdDspOwogICAgICAgICAgICBtZW51LnN0eWxlLmxlZnQgPSAobWVudS5zdHlsZS5sZWZ0ID09PSAmcXVvdDswcHgmcXVvdDspID8gJnF1b3Q7LTI1MHB4JnF1b3Q7IDogJnF1b3Q7MHB4JnF1b3Q7OwogICAgICAgIH0KICAgICZsdDsvc2NyaXB0Jmd0OwombHQ7L2JvZHkmZ3Q7CiZsdDsvaHRtbCZndDsK

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>قرآن كريم كامل</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #0A4D32;
            color: white;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .header {
            background-color: #06412A;
            padding: 20px;
            font-size: 24px;
            position: relative;
        }
        .menu {
            position: fixed;
            top: 0;
            left: -250px;
            width: 250px;
            height: 100%;
            background: #06412A;
            padding-top: 60px;
            transition: left 0.3s ease-in-out;
        }
        .menu a {
            display: block;
            color: white;
            padding: 15px;
            text-decoration: none;
        }
        .menu a:hover {
            background: #0A4D32;
        }
        .menu-btn {
            position: absolute;
            left: 20px;
            top: 20px;
            cursor: pointer;
            font-size: 30px;
        }
        .container {
            padding: 20px;
        }
        .quran-cover {
            width: 200px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="header">
        <span class="menu-btn" onclick="toggleMenu()">☰</span>
        قرآن كريم كامل
    </div>
    <div class="menu" id="menu">
        <a href="#">القرآن الكريم</a>
        <a href="#">الحسبة</a>
        <a href="#">المساعدة</a>
        <a href="#">البحث</a>
    </div>
    <div class="container">
        <img src="https://u...content-available-to-author-only...a.org/wikipedia/commons/2/2f/Quran_Kareem.png" alt="مصحف" class="quran-cover">
        <p>مرحبًا بك في تطبيق القرآن الكريم</p>
    </div>
    <script>
        function toggleMenu() {
            const menu = document.getElementById("menu");
            menu.style.left = (menu.style.left === "0px") ? "-250px" : "0px";
        }
    </script>
</body>
</html>