arabic-web-development/examples/html-v1.20.html at master · GalaxyRuler/arabic-web-development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html dir="rtl" lang="ar">
  <head>
    <title>واجهة اختيار متقدمة</title>
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <base href="/app/" target="_unfencedTop">
  </head>
  <body onpagereveal="let جاهز = true;" onpageswap="let تبدل_صفحة = true;">
    <section class="panel" id="لوحة-اختيار">
      <h1>اختيار الخدمة</h1>
      <select id="خطة">
        <button command="show-modal" commandfor="تأكيد">
          <selectedcontent></selectedcontent>
        </button>
        <option value="أساسي">أساسي</option>
        <option value="متقدم">متقدم</option>
      </select>
      <dialog id="تأكيد" oncontextlost="let فقدان = true;" oncontextrestored="let استعادة = true;">
        <p>راجع الاختيار قبل المتابعة.</p>
      </dialog>
      <section hidden="until-found" onbeforematch="let مطابق = true;">نتيجة قابلة للاكتشاف</section>
      <map name="خريطة-دعم">
        <area shape="default" href="/support" target="_unfencedTop" alt="الدعم">
      </map>
      <img src="/img/service.png" srcset="/img/service.png 1x, /img/service@2x.png 2x" sizes="(min-width: 60rem) 50vw, 100vw" alt="معاينة الخدمة">
    </section>
  </body>
</html>