/* 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
{
{
// your code goes here
}
}
LyogcGFja2FnZSB3aGF0ZXZlcjsgLy8gZG9uJ3QgcGxhY2UgcGFja2FnZSBuYW1lISAqLwoKaW1wb3J0IGphdmEudXRpbC4qOwppbXBvcnQgamF2YS5sYW5nLio7CmltcG9ydCBqYXZhLmlvLio7CgovKiBOYW1lIG9mIHRoZSBjbGFzcyBoYXMgdG8gYmUgIk1haW4iIG9ubHkgaWYgdGhlIGNsYXNzIGlzIHB1YmxpYy4gKi8KY2xhc3MgSWRlb25lCnsKCXB1YmxpYyBzdGF0aWMgdm9pZCBtYWluIChTdHJpbmdbXSBhcmdzKSB0aHJvd3MgamF2YS5sYW5nLkV4Y2VwdGlvbgoJewoJCS8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCX0KfQ==
Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7YXImcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICZsdDttZXRhIGNoYXJzZXQ9JnF1b3Q7VVRGLTgmcXVvdDsmZ3Q7CiAgJmx0O21ldGEgbmFtZT0mcXVvdDt2aWV3cG9ydCZxdW90OyBjb250ZW50PSZxdW90O3dpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAmcXVvdDsmZ3Q7CiAgJmx0O3RpdGxlJmd0O9i12YHYrdipINmI2YrYqCDYqNiz2YrYt9ipJmx0Oy90aXRsZSZndDsKICAmbHQ7c3R5bGUmZ3Q7CiAgICAvKiDYqtmG2LPZitmC2KfYqiBDU1MgKi8KICAgIGJvZHkgewogICAgICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7CiAgICAgIG1hcmdpbjogMDsKICAgICAgcGFkZGluZzogMDsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y0ZjRmOTsKICAgICAgY29sb3I6ICMzMzM7CiAgICB9CiAgICBoZWFkZXIgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNENBRjUwOwogICAgICBjb2xvcjogd2hpdGU7CiAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIH0KICAgIG5hdiB7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzM7CiAgICAgIGNvbG9yOiB3aGl0ZTsKICAgICAgcGFkZGluZzogMTBweDsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgfQogICAgbmF2IGEgewogICAgICBjb2xvcjogd2hpdGU7CiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICAgICAgbWFyZ2luOiAwIDE1cHg7CiAgICB9CiAgICBuYXYgYTpob3ZlciB7CiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOwogICAgfQogICAgc2VjdGlvbiB7CiAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIH0KICAgIGZvb3RlciB7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzM7CiAgICAgIGNvbG9yOiB3aGl0ZTsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICBwYWRkaW5nOiAxMHB4OwogICAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICAgIGJvdHRvbTogMDsKICAgICAgd2lkdGg6IDEwMCU7CiAgICB9CiAgJmx0Oy9zdHlsZSZndDsKJmx0Oy9oZWFkJmd0OwombHQ7Ym9keSZndDsKICAmbHQ7IS0tINin2YTYudmG2YjYp9mGIC0tJmd0OwogICZsdDtoZWFkZXImZ3Q7CiAgICAmbHQ7aDEmZ3Q72YXYsdit2KjYp9mLINio2YMg2YHZiiDYtdmB2K3YqtmKJmx0Oy9oMSZndDsKICAgICZsdDtwJmd0O9mH2LDZhyDYtdmB2K3YqSDZiNmK2Kgg2KjYs9mK2LfYqSDYqNin2LPYqtiu2K/Yp9mFIEhUTUwg2YggQ1NTJmx0Oy9wJmd0OwogICZsdDsvaGVhZGVyJmd0OwoKICAmbHQ7IS0tINin2YTZgtin2KbZhdipIC0tJmd0OwogICZsdDtuYXYmZ3Q7CiAgICAmbHQ7YSBocmVmPSZxdW90OyNhYm91dCZxdW90OyZndDvYudmG2ZHZiiZsdDsvYSZndDsKICAgICZsdDthIGhyZWY9JnF1b3Q7I3NlcnZpY2VzJnF1b3Q7Jmd0O9iu2K/Zhdin2KrZhtinJmx0Oy9hJmd0OwogICAgJmx0O2EgaHJlZj0mcXVvdDsjY29udGFjdCZxdW90OyZndDvYp9iq2LXZhCDYqNmG2KcmbHQ7L2EmZ3Q7CiAgJmx0Oy9uYXYmZ3Q7CgogICZsdDshLS0g2KfZhNmF2K3YqtmI2YkgLS0mZ3Q7CiAgJmx0O3NlY3Rpb24gaWQ9JnF1b3Q7YWJvdXQmcXVvdDsmZ3Q7CiAgICAmbHQ7aDImZ3Q72LnZhtmR2YombHQ7L2gyJmd0OwogICAgJmx0O3AmZ3Q72KPZhtinINi02K7YtSDZhdmH2KrZhSDYqNiq2LnZhNmFINiq2LfZiNmK2LEg2KfZhNmF2YjYp9mC2Lkg2KfZhNil2YTZg9iq2LHZiNmG2YrYqSDZiNil2YbYtNin2KEg2YXYrdiq2YjZiSDYqNiz2YrYty4mbHQ7L3AmZ3Q7CiAgJmx0Oy9zZWN0aW9uJmd0OwoKICAmbHQ7c2VjdGlvbiBpZD0mcXVvdDtzZXJ2aWNlcyZxdW90OyZndDsKICAgICZsdDtoMiZndDvYrtiv2YXYp9iq2YbYpyZsdDsvaDImZ3Q7CiAgICAmbHQ7cCZndDvZhtmC2K/ZhSDYrtiv2YXYp9iqINiq2LfZiNmK2LEg2YXZiNin2YLYudiMINiq2LXZhdmK2YXYjCDZiNin2LPYqti02KfYsdin2Kog2KrZgtmG2YrYqS4mbHQ7L3AmZ3Q7CiAgJmx0Oy9zZWN0aW9uJmd0OwoKICAmbHQ7c2VjdGlvbiBpZD0mcXVvdDtjb250YWN0JnF1b3Q7Jmd0OwogICAgJmx0O2gyJmd0O9in2KrYtdmEINio2YbYpyZsdDsvaDImZ3Q7CiAgICAmbHQ7cCZndDvZitmF2YPZhtmDINin2YTYqtmI2KfYtdmEINi52KjYsSDYp9mE2KjYsdmK2K8g2KfZhNil2YTZg9iq2LHZiNmG2Yo6ICZsdDthIGhyZWY9JnF1b3Q7bWFpbHRvOmV4YW1wbGVAZXhhbXBsZS5jb20mcXVvdDsmZ3Q7ZXhhbXBsZUBleGFtcGxlLmNvbSZsdDsvYSZndDsmbHQ7L3AmZ3Q7CiAgJmx0Oy9zZWN0aW9uJmd0OwoKICAmbHQ7IS0tINin2YTYqtiw2YrZitmEIC0tJmd0OwogICZsdDtmb290ZXImZ3Q7CiAgICAmYW1wO2NvcHk7IDIwMjQg2KzZhdmK2Lkg2KfZhNit2YLZiNmCINmF2K3ZgdmI2LjYqQogICZsdDsvZm9vdGVyJmd0OwombHQ7L2JvZHkmZ3Q7CiZsdDsvaHRtbCZndDs=
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحة ويب بسيطة</title>
<style>
/* تنسيقات CSS */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
color: #333;
}
header {
background-color: #4CAF50;
color: white;
padding: 20px;
text-align: center;
}
nav {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
}
nav a:hover {
text-decoration: underline;
}
section {
padding: 20px;
text-align: center;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<!-- العنوان -->
<header>
<h1>مرحباً بك في صفحتي</h1>
<p>هذه صفحة ويب بسيطة باستخدام HTML و CSS</p>
</header>
<!-- القائمة -->
<nav>
<a href="#about">عنّي</a>
<a href="#services">خدماتنا</a>
<a href="#contact">اتصل بنا</a>
</nav>
<!-- المحتوى -->
<section id="about">
<h2>عنّي</h2>
<p>أنا شخص مهتم بتعلم تطوير المواقع الإلكترونية وإنشاء محتوى بسيط.</p>
</section>
<section id="services">
<h2>خدماتنا</h2>
<p>نقدم خدمات تطوير مواقع، تصميم، واستشارات تقنية.</p>
</section>
<section id="contact">
<h2>اتصل بنا</h2>
<p>يمكنك التواصل عبر البريد الإلكتروني: <a href="mailto:example@example.com">example@example.com</a></p>
</section>
<!-- التذييل -->
<footer>
© 2024 جميع الحقوق محفوظة
</footer>
</body>
</html>