PageSourceSearch

https://drahmedmortada.com/ar/

html drahmedmortada.com collected 2026-10-02 01:27:31 UTC 45,135 bytes, 908 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ar" dir="rtl">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>الأستاذ الدكتور أحمد مرتضى | عيادات زراعة الأسنان وأمراض اللثة - أسيوط و6 أكتوبر</title>
7<meta name="description" content="الأستاذ الدكتور أحمد مرتضى، أستاذ مساعد أمراض اللثة بجامعة أسيوط، وخبير زراعة الأسنان بأكثر من 16 عامًا خبرة. عيادتان في أسيوط و6 أكتوبر، وبرامج تدريب دولية للأطباء في الزراعة وجراحات اللثة.">
8<meta name="keywords" content="دكتور أحمد مرتضى, زراعة الأسنان, أمراض اللثة, عيادات أسنان أسيوط, عيادات أسنان 6 أكتوبر, تدريب زراعة الأسنان">
9<meta name="robots" content="index, follow">
10<link rel="canonical" href="https://www.drahmedmortada.com/">
11<link rel="icon" type="image/png" href="https://drahmedmortada.com/images/icon.png">
12
13<meta property="og:type" content="website">
14<meta property="og:title" content="الأستاذ الدكتور أحمد مرتضى | عيادات زراعة الأسنان وأمراض اللثة">
15<meta property="og:description" content="أكثر من 16 عامًا من الخبرة في زراعة الأسنان وأمراض اللثة. عيادتان في أسيوط و6 أكتوبر، وبرامج تدريب دولية للأطباء.">
16<meta property="og:image" content="http://drahmedmortada.com/wp-content/uploads/2023/08/cropped-icon.png">
17<meta property="og:url" content="https://www.drahmedmortada.com/">
18<meta property="og:locale" content="ar_EG">
19<meta name="twitter:card" content="summary_large_image">
20
21<link rel="preconnect" href="https://fonts.googleapis.com">
22<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23<link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
24
25<script type="application/ld+json">
26{
27  "@context": "https://schema.org",
28  "@type": "Dentist",
29  "name": "Prof. Ahmed Mortada",
30  "alternateName": "الأستاذ الدكتور أحمد مرتضى",
31  "image": "http://drahmedmortada.com/wp-content/uploads/2023/08/prof_dr_ahmed_mortada.jpg",
32  "url": "https://www.drahmedmortada.com/",
33  "medicalSpecialty": "Periodontology, Dental Implantology",
34  "priceRange": "$$",
35  "department": [
36    {
37      "@type": "Dentist",
38      "name": "عيادة 6 أكتوبر",
39      "address": {
40        "@type": "PostalAddress",
41        "streetAddress": "الدور الخامس، أبراج أمريكان، مقابل مسجد الحصري",
42        "addressLocality": "6th of October City",
43        "addressCountry": "EG"
44      },
45      "telephone": "+201091522992"
46    },
47    {
48      "@type": "Dentist",
49      "name": "عيادة أسيوط",
50      "address": {
51        "@type": "PostalAddress",
52        "streetAddress": "برج ابن سينا، بجوار مستشفى الألماني",
53        "addressLocality": "Assiut",
54        "addressCountry": "EG"
55      },
56      "telephone": "+201028056722"
57    }
58  ],
59  "sameAs": [
60    "https://www.facebook.com/dr.ahmedmortada.dental",
61    "https://www.instagram.com/prof.ahmedmortada",
62    "https://www.youtube.com/@Prof.ahmedmortadaclinics"
63  ]
64}
65</script>
65
66
67<style>
68  :root{
69    --bg:#F3F1EA;
70    --bg-soft:#EAE6DA;
71    --panel:#FFFFFF;
72    --ink:#122425;
73    --ink-soft:#3E5254;
74    --teal:#1F6F6B;
75    --teal-deep:#0E3B39;
76    --gold:#AD8A4E;
77    --gold-soft:#E9DCC0;
78    --line: rgba(18,36,37,0.12);
79    --radius: 18px;
80    --shadow: 0 20px 50px -25px rgba(14,59,57,0.35);
81    --display: "Noto Kufi Arabic", sans-serif;
82    --body: "IBM Plex Sans Arabic", sans-serif;
83    --mono: "IBM Plex Mono", monospace;
84  }
85
86  *{box-sizing:border-box; margin:0; padding:0;}
87  html{scroll-behavior:smooth;}
88  @media (prefers-reduced-motion: reduce){
89    html{scroll-behavior:auto;}
90    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
91  }
92
93  body{
94    background:var(--bg);
95    color:var(--ink);
96    font-family:var(--body);
97    line-height:1.7;
98    -webkit-font-smoothing:antialiased;
99    overflow-x:hidden;
100  }
101
102  img{max-width:100%; display:block;}
103  a{color:inherit; text-decoration:none;}
104  ul{list-style:none;}
105  section{position:relative;}
106
107  .wrap{
108    max-width:1180px;
109    margin:0 auto;
110    padding:0 24px;
111  }
112
113  .eyebrow{
114    font-family:var(--mono);
115    font-size:20px;
116    letter-spacing:.08em;
117    color:var(--teal);
118    display:flex;
119    align-items:center;
120    gap:10px;
121    margin-bottom:14px;
122    font-weight:700;
123  }
124  .eyebrow::before{
125    content:"";
126    width:26px; height:1px;
127    background:var(--gold);
128  }
129
130  h1,h2,h3,h4{
131    font-family:var(--display);
132    color:var(--teal-deep);
133    line-height:1.25;
134  }
135
136  .btn{
137    display:inline-flex;
138    align-items:center;
139    gap:10px;
140    padding:14px 26px;
141    border-radius:999px;
142    font-family:var(--body);
143    font-weight:300;
144    font-size:13px;
145    border:1px solid transparent;
146    cursor:pointer;
147    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
148  }
149  .btn-primary{
150    background:var(--teal-deep);
151    color:#fff;
152  }
153  .btn-primary:hover{ transform:translateY(-2px); box-shadow:var(--shadow); }
154  .btn-ghost{
155    background:transparent;
156    border-color:var(--line);
157    color:var(--teal-deep);
158  }
159  .btn-ghost:hover{ border-color:var(--teal-deep); background:var(--panel); }
160  .btn-gold{
161    background:var(--gold);
162    color:#fff;
163  }
164  .btn-gold:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -18px rgba(173,138,78,.65); }
165
166  /* ---------- HEADER ---------- */
167  header{
168    position:sticky; top:0; z-index:100;
169    background:rgba(243,241,234,0.86);
170    backdrop-filter:blur(14px);
171    border-bottom:1px solid var(--line);
172  }
173  .nav{
174    display:flex;
175    align-items:center;
176    justify-content:space-between;
177    padding:16px 24px;
178    max-width:1180px;
179    margin:0 auto;
180  }
181  .brand{
182    display:flex; align-items:center; gap:12px;
183    font-family:var(--display); font-weight:800; font-size:19px; color:var(--teal-deep);
184  }
185  .brand .mark {
186    width: 42px;
187    height: 42px;
188    border-radius: 12px;
189    background: #fff;
190    display: flex;
191    align-items: center;
192    justify-content: center;
193    color: var(--gold-soft, #E9DCC0);
194
195    border: 1px solid #0e3b39;
196    box-shadow: 0 4px 12px rgba(14, 59, 57, 0.18);
197
198    flex-shrink: 0;
199    overflow: hidden;
200}
201
202.brand .mark img{
203    width:40px; height:40px;
204    object-fit:contain;
205  }
206  
207  .brand small{
208    display:block; font-family:var(--body); font-weight:400; font-size:11.5px; color:var(--ink-soft); margin-top:2px;
209  }
210  .nav-links{
211    display:flex; align-items:center; gap:30px;
212    font-size:15px; font-weight:500;
213  }
214  .nav-links a{ position:relative; padding:6px 0; color:var(--ink-soft); transition:color .2s; }
215  .nav-links a:hover{ color:var(--teal-deep); }
216  .nav-links a::after{
217    content:""; position:absolute; bottom:-2px; right:0; width:0; height:2px; background:var(--gold);
218    transition:width .25s ease;
219  }
220  .nav-links a:hover::after{ width:100%; }
221  .nav-cta{ display:flex; align-items:center; gap:12px; }
222  .nav-toggle{ display:none; background:none; border:none; cursor:pointer; padding:8px; }
223  .nav-toggle span{ display:block; width:24px; height:2px; background:var(--teal-deep); margin:5px 0; }
224
225  @media (max-width:920px){
226    .nav-links{
227      position:fixed; inset-inline:0; top:73px;
228      background:var(--panel);
229      flex-direction:column; align-items:stretch;
230      padding:20px 24px; gap:6px;
231      border-bottom:1px solid var(--line);
232      transform:translateY(-130%);
233      transition:transform .3s ease;
234    }
235    .nav-links.open{ transform:translateY(0); }
236    .nav-links a{ padding:12px 4px; border-bottom:1px solid var(--line); }
237    .nav-toggle{ display:block; }
238    .nav-cta .btn-ghost{ display:none; }
239  }
240
241  /* ---------- HERO ---------- */
242  .hero{
243    padding:64px 0 40px;
244    position:relative;
245  }
246  .hero-grid{
247    display:grid;
248    grid-template-columns:1.1fr .9fr;
249    gap:56px;
250    align-items:center;
251  }
252  .hero h1{
253    font-size:clamp(36px,5vw,60px);
254    font-weight:800;
255    margin-bottom:8px;
256  }
257  .hero .role{
258    font-size:clamp(16px,2vw,20px);
259    color:var(--teal);
260    font-weight:600;
261    margin-bottom:22px;
262  }
263  .hero p.lead{
264    font-size:17px;
265    color:var(--ink-soft);
266    max-width:52ch;
267    margin-bottom:32px;
268  }
269  .hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:36px; }
270
271  .hero-hours{
272    display:flex; gap:0; flex-wrap:wrap;
273    border:1px solid var(--line);
274    border-radius:var(--radius);
275    overflow:hidden;
276    background:var(--panel);
277  }
278  .hero-hours div{
279    flex:1; min-width:130px;
280    padding:16px 18px;
281    border-inline-end:1px solid var(--line);
282  }
283  .hero-hours div:last-child{ border-inline-end:none; }
284  .hero-hours .label{ font-family:var(--mono); font-size:11.5px; color:var(--ink-soft); letter-spacing:.04em; margin-bottom:6px;}
285  .hero-hours .value{ font-weight:700; color:var(--teal-deep); font-size:15px; }
286
287  .hero-visual{
288    position:relative;
289    aspect-ratio:4/5;
290    border-radius:28px;
291    overflow:hidden;
292    box-shadow:var(--shadow);
293    background:var(--teal-deep);
294  }
295  .hero-visual img{
296    width:100%; height:100%; object-fit:cover;
297    opacity:.92;
298  }
299  .hero-visual .tag{
300    position:absolute; bottom:22px; right:22px; left:22px;
301    background:rgba(14,59,57,0.72);
302    backdrop-filter:blur(8px);
303    color:#fff;
304    padding:16px 20px;
305    border-radius:16px;
306    display:flex; justify-content:space-between; align-items:center;
307    font-family:var(--mono); font-size:13px;
308  }
309
310  /* signature arch divider */
311  .arch-divider{
312    width:100%;
313    display:block;
314    margin:8px 0;
315  }
316  .arch-divider path{
317    fill:none;
318    stroke:var(--gold);
319    stroke-width:1.4;
320    stroke-dasharray:900;
321    stroke-dashoffset:900;
322    transition:stroke-dashoffset 1.4s ease;
323  }
324  .arch-divider.in-view path{ stroke-dashoffset:0; }
325  .arch-divider .ticks line{ stroke:var(--line); stroke-width:1; }
326
327  /* ---------- STATS ---------- */
328  .stats{
329    background:var(--teal-deep);
330    color:#EFEAD9;
331    padding:44px 0;
332  }
333  .stats-grid{
334    display:grid;
335    grid-template-columns:repeat(4,1fr);
336    gap:24px;
337    text-align:center;
338  }
339  .stats-grid .num{
340    font-family:var(--display); font-weight:800;
341    font-size:clamp(28px,3.4vw,40px);
342    color:var(--gold-soft);
343  }
344  .stats-grid .cap{ font-size:13.5px; color:#BFD3D0; margin-top:6px; }
345  @media (max-width:760px){ .stats-grid{ grid-template-columns:repeat(2,1fr); } }
346
347  /* ---------- SECTION HEADERS ---------- */
348  .section{ padding:96px 0; }
349  .section-head{ max-width:640px; margin-bottom:52px; }
350  .section-head h2{ font-size:clamp(28px,3.6vw,40px); font-weight:800; }
351  .section-head p{ color:var(--ink-soft); font-size:16px; margin-top:14px; }
352  .section.alt{ background:var(--bg-soft); }
353
354  /* ---------- ABOUT ---------- */
355  .about-grid{
356    display:grid;
357    grid-template-columns:.85fr 1.15fr;
358    gap:56px;
359    align-items:start;
360  }
361  .about-photo{
362    border-radius:24px;
363    overflow:hidden;
364    box-shadow:var(--shadow);
365    position:sticky; top:100px;
366  }
367  .bio-list{ margin:24px 0 32px; }
368  .bio-list li{
369    display:flex; gap:14px;
370    padding:14px 0;
371    border-bottom:1px solid var(--line);
372    font-size:15.5px;
373    color:var(--ink-soft);
374  }
375  .bio-list li:last-child{ border-bottom:none; }
376  .bio-list li .dot{
377    flex-shrink:0; width:8px; height:8px; border-radius:50%;
378    background:var(--gold); margin-top:8px;
379  }
380  .mv-grid{
381    display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:36px;
382  }
383  .mv-card{
384    background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
385    padding:26px;
386  }
387  .mv-card h4{ font-size:18px; margin-bottom:10px; color:var(--teal); }
388  .mv-card p{ font-size:14.5px; color:var(--ink-soft); }
389  @media (max-width:860px){
390    .about-grid{ grid-template-columns:1fr; }
391    .about-photo{ position:static; max-width:320px; }
392    .mv-grid{ grid-template-columns:1fr; }
393  }
394
395  /* ---------- SERVICES ---------- */
396  .services-grid{
397    display:grid;
398    grid-template-columns:repeat(3,1fr);
399    gap:22px;
400  }
401  .svc-card{
402    background:var(--panel);
403    border:1px solid var(--line);
404    border-radius:var(--radius);
405    padding:30px 26px;
406    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
407  }
408  .svc-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent; }
409  .svc-icon{
410    width:52px; height:52px; border-radius:14px;
411    background:var(--gold-soft);
412    display:flex; align-items:center; justify-content:center;
413    margin-bottom:20px; color:var(--teal-deep);
414  }
415  .svc-card h3{ font-size:19px; margin-bottom:10px; }
416  .svc-card p{ font-size:14.5px; color:var(--ink-soft); }
417  @media (max-width:860px){ .services-grid{ grid-template-columns:1fr 1fr; } }
418  @media (max-width:560px){ .services-grid{ grid-template-columns:1fr; } }
419
420  /* ---------- EDUCATION TIMELINE ---------- */
421  .edu-track{
422    position:relative;
423    padding-inline-start:0;
424  }
425  .edu-item{
426    display:grid;
427    grid-template-columns:90px 1fr;
428    gap:28px;
429    position:relative;
430    padding-bottom:44px;
431  }
432  .edu-item:last-child{ padding-bottom:0; }
433  .edu-item::before{
434    content:"";
435    position:absolute;
436    right:44px; top:46px; bottom:0;
437    width:1px;
438    background:var(--line);
439  }
440  .edu-item:last-child::before{ display:none; }
441  .edu-level{
442    font-family:var(--mono);
443    font-size:12px; color:var(--teal); letter-spacing:.05em;
444    display:flex; flex-direction:column; align-items:center; gap:8px;
445  }
446  .edu-level .n{
447    width:44px; height:44px; border-radius:50%;
448    background:var(--teal-deep); color:var(--gold-soft);
449    display:flex; align-items:center; justify-content:center;
450    font-family:var(--display); font-weight:800; font-size:16px;
451  }
452  .edu-card{
453    background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
454    padding:28px 30px;
455  }
456  .edu-card h3{ font-size:20px; margin-bottom:8px; }
457  .edu-meta{ display:flex; flex-wrap:wrap; gap:10px 22px; margin:14px 0; font-size:13.5px; color:var(--ink-soft); }
458  .edu-meta span{ font-family:var(--mono); color:var(--teal); }
459  .edu-card p{ font-size:14.5px; color:var(--ink-soft); }
460
461  .short-courses{
462    display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:56px;
463  }
464  .sc-card{
465    background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px 22px;
466  }
467  .sc-card h4{ font-size:15.5px; color:var(--teal-deep); margin-bottom:6px; }
468  .sc-card p{ font-size:13.5px; color:var(--ink-soft); }
469  @media (max-width:860px){
470    .edu-item{ grid-template-columns:60px 1fr; gap:16px; }
471    .edu-item::before{ right:29px; }
472    .edu-level .n{ width:32px; height:32px; font-size:13px; }
473    .short-courses{ grid-template-columns:1fr 1fr; }
474  }
475  @media (max-width:560px){ .short-courses{ grid-template-columns:1fr; } }
476
477  /* ---------- VIDEOS ---------- */
478  .video-grid{
479    display:grid; grid-template-columns:1fr 1fr; gap:24px;
480  }
481  .video-frame{
482    position:relative; border-radius:var(--radius); overflow:hidden;
483    aspect-ratio:16/9; box-shadow:var(--shadow);
484  }
485  .video-frame iframe{ width:100%; height:100%; border:0; }
486  @media (max-width:760px){ .video-grid{ grid-template-columns:1fr; } }
487
488  /* ---------- CONTACT ---------- */
489  .contact-grid{
490    display:grid; grid-template-columns:1fr 1fr; gap:26px;
491  }
492  .clinic-card{
493    background:var(--panel); border:1px solid var(--line); border-radius:24px;
494    overflow:hidden;
495  }
496  .clinic-card .map{ width:100%; height:230px; border:0; filter:grayscale(.15) contrast(1.02); }
497  .clinic-card .body{ padding:26px 28px; }
498  .clinic-card h3{ font-size:20px; margin-bottom:10px; }
499  .clinic-card .addr{ font-size:14.5px; color:var(--ink-soft); margin-bottom:16px; }
500  .clinic-card .phone-row{
501    display:flex; align-items:center; justify-content:space-between;
502    padding-top:16px; border-top:1px solid var(--line);
503  }
504  .clinic-card .phone-row .num{ font-family:var(--mono); font-weight:600; direction:ltr; text-align:right; color:var(--teal-deep); }
505  .wa-btn{
506    width:42px; height:42px; border-radius:50%;
507    background:var(--teal); color:#fff;
508    display:flex; align-items:center; justify-content:center;
509    flex-shrink:0;
510  }
511
512  .cta-panel{
513    margin-top:70px;
514    background:var(--teal-deep);
515    border-radius:28px;
516    padding:56px;
517    color:#fff;
518    display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;
519  }
520  .cta-panel h3{ color:#fff; font-size:clamp(22px,3vw,30px); max-width:440px; }
521  .cta-panel p{ color:#BFD3D0; margin-top:10px; font-size:14.5px; max-width:440px; }
522
523  /* ---------- FOOTER ---------- */
524  footer{
525    background:var(--bg-soft);
526    border-top:1px solid var(--line);
527    padding:48px 0 26px;
528  }
529  .footer-grid{
530    display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px;
531    padding-bottom:30px; border-bottom:1px solid var(--line);
532  }
533  .footer-social{ display:flex; gap:12px; }
534  .footer-social a{
535    width:40px; height:40px; border-radius:50%;
536    border:1px solid var(--line);
537    display:flex; align-items:center; justify-content:center;
538    transition:background .2s, color .2s, border-color .2s;
539  }
540  .footer-social a:hover{ background:var(--teal-deep); color:#fff; border-color:var(--teal-deep); }
541  .footer-bottom{
542    padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
543    font-size:13px; color:var(--ink-soft);
544  }
545
546  /* reveal animation */
547  .reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
548  .reveal.in-view{ opacity:1; transform:translateY(0); }
549
550  /* skip link */
551  .skip-link{
552    position:absolute; right:12px; top:-60px; background:var(--teal-deep); color:#fff;
553    padding:10px 16px; border-radius:8px; z-index:200; transition:top .2s;
554  }
555  .skip-link:focus{ top:12px; }
556
557  a:focus-visible, button:focus-visible{
558    outline:2px solid var(--gold); outline-offset:3px;
559  }
560
561  @media (max-width:920px){
562    .hero-grid{ grid-template-columns:1fr; }
563    .hero-visual{ max-width:420px; margin:0 auto; }
564    .about-grid, .contact-grid{ grid-template-columns:1fr; }
565    .services-grid{ grid-template-columns:1fr 1fr; }
566    .stats-grid{ grid-template-columns:1fr 1fr; }
567  }
568</style>
569</head>
570<body>
571  
571<script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js'></script>
571
572  
572<script>
573            var wa_btnSetting = {"btnColor":"#16BE45","ctaText":"","cornerRadius":40,"marginBottom":20,"marginLeft":20,"marginRight":20,"btnPosition":"left","whatsAppNumber":"201091522992","welcomeMessage":"لدى استفسار عن","zIndex":999999,"btnColorScheme":"light"};
574            window.onload = () => {
575              _waEmbed(wa_btnSetting);
576            };
577  </script>
577
578
579  
580<a href="#main" class="skip-link">تخطَّ إلى المحتوى</a>
581
582<header>
583  <nav class="nav">
584    <a href="#top" class="brand">
585      <span class="mark" aria-hidden="true">
586        <img src="https://drahmedmortada.com/images/logo_white.png" alt="">
587      </span>
588      <span>الأستاذ الدكتور أحمد مرتضى<small>عيادات زراعة الأسنان وأمراض اللثة</small></span>
589    </a>
590    <ul class="nav-links" id="navLinks">
591      <li><a href="#top">الرئيسية</a></li>
592      <li><a href="#about">نبذة عنا</a></li>
593      <li><a href="#services">الخدمات</a></li>
594      <li><a href="#education">التعليم والتدريب</a></li>
595      <li><a href="#contact">تواصل معنا</a></li>
596      <li><a href="../">English</a></li>
597    </ul>
598    <div class="nav-cta">
599      <a class="btn btn-ghost" href="https://wa.me/+201091522992" target="_blank" rel="noopener">واتساب</a>
600      <a class="btn btn-primary" href="https://docs.google.com/forms/d/e/1FAIpQLSfUoNPXHRNj2oTlDjkIa1JBRst0kPE57YiRgN1_25shlSDikQ/viewform?usp=publish-editor" target="_blank" rel="noopener">احجز موعدك</a>
601      <button class="nav-toggle" id="navToggle" aria-label="فتح القائمة" aria-expanded="false" aria-controls="navLinks">
602        <span></span><span></span><span></span>
603      </button>
604    </div>
605  </nav>
606</header>
607
608<main id="main">
609
610  <!-- HERO -->
611  <section class="hero" id="top">
612    <div class="wrap hero-grid">
613      <div>
614        <p class="eyebrow">زراعة الأسنان · أمراض اللثة · منذ 2007</p>
615        <h1>عناية دقيقة بابتسامتك،<br>على أعلى مستوى علمي</h1>
616        <p class="role">الأستاذ الدكتور أحمد مرتضى — أستاذ مساعد أمراض اللثة، جامعة أسيوط</p>
617        <p class="lead">أكثر من 16 عامًا من الخبرة في زراعة الأسنان وطب دواعم الأسنان، بأحدث التقنيات الرقمية، وأعلى معايير مكافحة العدوى والتعقيم، في عيادتين بأسيوط و6 أكتوبر.</p>
618        <div class="hero-actions">
619          <a class="btn btn-primary" href="https://docs.google.com/forms/d/e/1FAIpQLSfUoNPXHRNj2oTlDjkIa1JBRst0kPE57YiRgN1_25shlSDikQ/viewform?usp=publish-editor" target="_blank" rel="noopener">تسجيل بيانات المريض</a>
620          <a class="btn btn-gold" href="#contact">مواعيد العيادتين والعناوين</a>
621        </div>
622        <div class="hero-hours">
623          <div><div class="label">6 أكتوبر</div><div class="value">2:00 – 8:00 مساءً</div></div>
624          <div><div class="label">أسيوط</div><div class="value">3:00 – 8:00 مساءً</div></div>
625          <div><div class="label">الجمعة</div><div class="value">إجازة</div></div>
626        </div>
627      </div>
628      <div class="hero-visual reveal">
629        <img src="https://drahmedmortada.com/images/dr_ahmed_mortada_02.jpg" alt="الأستاذ الدكتور أحمد مرتضى" loading="eager">
630        <div class="tag">
631          <span>Periodontology &amp; Implantology</span>
632          <span>EST. 2007</span>
633        </div>
634      </div>
635    </div>
636
637    <div class="wrap">
638      <svg class="arch-divider" id="archTop" viewBox="0 0 1180 60" preserveAspectRatio="none" aria-hidden="true">
639        <g class="ticks">
640          <line x1="40" y1="10" x2="40" y2="20"/><line x1="140" y1="6" x2="140" y2="20"/><line x1="240" y1="4" x2="240" y2="20"/>
641          <line x1="940" y1="4" x2="940" y2="20"/><line x1="1040" y1="6" x2="1040" y2="20"/><line x1="1140" y1="10" x2="1140" y2="20"/>
642        </g>
643        <path d="M20,20 C 300,60 880,60 1160,20"/>
644      </svg>
645    </div>
646  </section>
647
648  <!-- STATS -->
649  <section class="stats">
650    <div class="wrap stats-grid">
651      <div><div class="num">+16</div><div class="cap">عامًا من الخبرة السريرية والأكاديمية</div></div>
652      <div><div class="num">2</div><div class="cap">عيادتان — أسيوط و6 أكتوبر</div></div>
653      <div><div class="num">6</div><div class="cap">دول أوفدت أطباء للتدريب لديه</div></div>
654      <div><div class="num">2007</div><div class="cap">عام بدء رحلة العيادة</div></div>
655    </div>
656  </section>
657
658  <!-- ABOUT -->
659  <section class="section" id="about">
660    <div class="wrap">
661      <div class="about-grid">
662        <div class="about-photo reveal">
663          <img src="https://drahmedmortada.com/images/about_us.jpg" alt="عيادة الدكتور أحمد مرتضى" loading="lazy">
664        </div>
665        <div>
666          <p class="eyebrow">نبذة عنا</p>
667          <h2 class="reveal">السيرة العلمية للأستاذ الدكتور أحمد مرتضى</h2>
668          <ul class="bio-list reveal">
669            <li><span class="dot"></span>أستاذ مساعد أمراض اللثة، كلية طب الفم والأسنان، جامعة أسيوط.</li>
670            <li><span class="dot"></span>رئيس قسم طب الفم وأمراض اللثة بجامعة أسيوط.</li>
671            <li><span class="dot"></span>أستاذ مساعد للدراسات العليا بالجامعة اللبنانية الدولية (MUST – بيروت).</li>
672            <li><span class="dot"></span>أكثر من 16 عامًا في تدريس أمراض اللثة وزراعة الأسنان بجامعات (أكتوبر MSA، الكندية، بيروت).</li>
673            <li><span class="dot"></span>11 عامًا في تدريب أطباء قادمين من بريطانيا والسعودية والبحرين ولبنان وأمريكا وغيرها، الباحثين عن تعليم علمي وسريري خالص في مجال الزراعة.</li>
674            <li><span class="dot"></span>باحث ومؤلف في مجلات علمية دولية، ومحاضر ومدير ورش عمل دولية في ألمانيا والإمارات.</li>
675            <li><span class="dot"></span>أشرف وناقش رسائل ماجستير ودكتوراه عديدة في أمراض اللثة والزراعة.</li>
676          </ul>
677
678          <div class="mv-grid">
679            <div class="mv-card reveal">
680              <h4>رسالتنا</h4>
681              <p>بناء علاقات طويلة الأمد مع مرضانا، وتقديم رعاية متميزة قائمة على الصدق والأخلاقيات المهنية ووعي كامل باحتياجات كل حالة.</p>
682            </div>
683            <div class="mv-card reveal">
684              <h4>رؤيتنا</h4>
685              <p>نعالج احتياجات المريض بأعلى مستوى من العناية والمهارة والراحة، ونواكب تطور المهنة بأحدث التقنيات وأعلى بروتوكولات التعقيم منذ عام 2007.</p>
686            </div>
687          </div>
688        </div>
689      </div>
690    </div>
691  </section>
692
693  <!-- SERVICES -->
694  <section class="section alt" id="services">
695    <div class="wrap">
696      <div class="section-head">
697        <p class="eyebrow">خدماتنا</p>
698        <h2 class="reveal">رعاية متكاملة لكل مراحل ابتسامتك</h2>
699        <p class="reveal">من الفحص والتشخيص، إلى الزراعة والتجميل، بفريق من الاستشاريين المتخصصين في كل مجال.</p>
700      </div>
701
702      <div class="services-grid">
703        <div class="svc-card reveal">
704          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="1.6"/><circle cx="12" cy="12" r="2.4" fill="currentColor"/></svg></div>
705          <h3>الفحص والتشخيص</h3>
706          <p>تشخيص دقيق للحالات الصعبة التي تحتاج إلى استشارة متخصصة وقرارات علاجية حاسمة.</p>
707        </div>
708        <div class="svc-card reveal">
709          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 3v7M8 6l4-3 4 3M9 21h6l1-9H8l1 9z" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
710          <h3>زراعة الأسنان</h3>
711          <p>كافة أنواع الزراعة الرقمية بدون شق جراحي والزراعة الموجهة، وصولًا للجراحات المتقدمة بأحدث التقنيات.</p>
712        </div>
713        <div class="svc-card reveal">
714          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 8l8-5 8 5-8 5-8-5zM4 8v8l8 5 8-5V8" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></div>
715          <h3>الفينير والتيجان</h3>
716          <p>أحدث تقنيات التصميم الرقمي لأسرع وأدق النتائج التجميلية.</p>
717        </div>
718        <div class="svc-card reveal">
719          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 21s-7-4.6-9.4-9C1 8 2.6 4.5 6 4.1 8.4 3.8 10.6 5 12 7.2 13.4 5 15.6 3.8 18 4.1c3.4.4 5 3.9 3.4 7.9C19 16.4 12 21 12 21z" stroke="currentColor" stroke-width="1.6"/></svg></div>
720          <h3>الحشوات وعلاج الجذور</h3>
721          <p>فريق من الاستشاريين المتخصصين في كل حالة، بأحدث بروتوكولات العلاج التحفظي.</p>
722        </div>
723        <div class="svc-card reveal">
724          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="3.4" stroke="currentColor" stroke-width="1.6"/><path d="M5 21c1-4 3.6-6 7-6s6 2 7 6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div>
725          <h3>أسنان الأطفال والتقويم</h3>
726          <p>استشاريون متخصصون في طب أسنان الأطفال، مع خيارات التخدير العام ورعاية شهرية كاملة.</p>
727        </div>
728        <div class="svc-card reveal">
729          <div class="svc-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 12h16M8 6l-4 6 4 6M16 6l4 6-4 6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
730          <h3>جراحات اللثة والفم</h3>
731          <p>أحدث تقنيات الجراحة قليلة التدخل، والعلاجات التجميلية والتعويضية والترميمية للثة.</p>
732        </div>
733      </div>
734    </div>
735  </section>
736
737  <!-- EDUCATION -->
738  <section class="section" id="education">
739    <div class="wrap">
740      <div class="section-head">
741        <p class="eyebrow">التعليم والتدريب</p>
742        <h2 class="reveal">برامج ZM لتدريب الأطباء على زراعة الأسنان</h2>
743        <p class="reveal">مسار تدريبي متدرج من الأساسيات إلى الحالات المتقدمة، مصمم للأطباء الباحثين عن تأهيل علمي وسريري حقيقي في زراعة الأسنان.</p>
744      </div>
745
746      <div class="edu-track">
747        <div class="edu-item reveal">
748          <div class="edu-level"><div class="n">01</div>أساسي</div>
749          <div class="edu-card">
750            <h3>برنامج ZM الأساسي للزراعة</h3>
751            <div class="edu-meta"><span>15 أسبوعًا</span> أونلاين مرتين أسبوعيًا · <span>4</span> محاضرات مباشرة · تدريب سريري فردي</div>
752            <p>تعلّم زراعة الأسنان الفورية من خلال 8 حالات حقيقية، تُنفَّذ من البداية للنهاية. خبرة عملية مباشرة في التخطيط باستخدام CBCT، التركيب، استخدام القلب الجراحي، الغرز، الطبعات، وإدارة الـ Digital Workflow باحترافية.</p>
753          </div>
754        </div>
755        <div class="edu-item reveal">
756          <div class="edu-level"><div class="n">02</div>متوسط</div>
757          <div class="edu-card">
758            <h3>برنامج ZM المتوسط للزراعة</h3>
759            <div class="edu-meta"><span>15 أسبوعًا</span> أونلاين مرتين أسبوعيًا · <span>4</span> محاضرات مباشرة · تدريب سريري فردي</div>
760            <p>اكتسب خبرة عملية في التعامل مع أكثر حالات الضمور العظمي تحديًا من خلال 10 حالات حقيقية، تشمل GBR، رفع الجيب الفكي، وحفظ السنخ، مع تدريب تطبيقي على المحركات الجراحية، الغرز، جراحات الـ Sinus Lift، وتقنيات All-on-4/6.</p>
761          </div>
762        </div>
763        <div class="edu-item reveal">
764          <div class="edu-level"><div class="n">03</div>متقدم</div>
765          <div class="edu-card">
766            <h3>برنامج ZM المتقدم للزراعة</h3>
767            <div class="edu-meta"><span>15 أسبوعًا</span> أونلاين مرتين أسبوعيًا · <span>4</span> محاضرات مباشرة · تدريب سريري فردي</div>
768            <p>أتقن أكثر جراحات إعادة بناء العظم تعقيدًا من خلال 15 حالة حقيقية، تشمل Ridge Split، الجيب الفكي الجانبي، والشبكة التيتانيوم، مع تدريب عملي على الترقيع الكتلي، جراحات الـ Sinus Lift، المحركات الجراحية، والغرز الاحترافية.</p>
769          </div>
770        </div>
771        <div class="edu-item reveal">
772          <div class="edu-level"><div class="n">04</div>شامل</div>
773          <div class="edu-card">
774            <h3>برنامج ZM الشامل لزراعة الأسنان</h3>
775            <div class="edu-meta"><span>24 أسبوعًا</span> أونلاين مرتين أسبوعيًا · <span>12</span> محاضرة مباشرة · تدريب سريري فردي</div>
776            <p>30 حالة زراعة حقيقية تمثل خلاصة البرنامج بالكامل، مع تدريب عملي متكامل يغطي جميع مستويات الصعوبة، ويمنحك فرصة تطبيق كل ما تعلمته في برامج الزراعة، إعادة بناء العظم، والجيب الفكي، وصولًا إلى الاحتراف السريري بثقة.</p>
777          </div>
778        </div>
779      </div>
780
781      <div class="short-courses">
782        <div class="sc-card reveal"><h4>برنامج M الأساسي لأمراض اللثة</h4><p>برنامج أونلاين مكثف لمدة شهر، يجمع بين محاضرتين مباشرتين ودراسة حالتين سريريتين لتطوير مهاراتك في جراحات اللثة. تعرّف على أحدث البروتوكولات في استئصال اللثة، إطالة التاج السريري، وجراحات تقليل الجيوب اللثوية من خلال تعليم تفاعلي قائم على الأدلة العلمية والحالات السريرية.</p></div>
783        <div class="sc-card reveal"><h4>برنامج M المتقدم لأمراض اللثة</h4><p>برنامج أونلاين مكثف لمدة شهر يجمع بين محاضرتين مباشرتين و3 حالات سريرية متقدمة، لاستكشاف أحدث تقنيات تجديد الأنسجة اللثوية، وتطبيقات الـ PRF، وترقيع الأنسجة الرخوة. تعلّم كيفية التخطيط والتنفيذ وفق بروتوكولات حديثة مدعومة بالأدلة العلمية لتحقيق نتائج علاجية وجمالية يمكن التنبؤ بها.</p></div>
784        <div class="sc-card reveal"><h4>الزراعة — يوم تدريبي</h4><p>برنامج مكثف ليوم واحد يدمج بين المحاضرات المتخصصة والتطبيق العملي، لتعلّم أحدث تقنيات تركيب التعويضات فوق الزرعات وأخذ الطبعات بدقة، مع التركيز على تحقيق نتائج وظيفية
784 وجمالية يمكن التنبؤ بها.</p></div>
785        <div class="sc-card reveal"><h4>تقسيم العظم السنخي</h4><p>برنامج مكثف ليوم واحد يدمج بين المحاضرات المتخصصة والتطبيق العملي لإتقان تقنيات Ridge Splitting. تعلّم أحدث أساليب توسيع الحافة السنخية وتحضير مواقع الزراعة من خلال تدريب عملي يعتمد على بروتوكولات جراحية حديثة ونتائج سريرية قابلة للتنبؤ.</p></div>
786        <div class="sc-card reveal"><h4>جراحات الجيب الفكي</h4><p>برنامج مكثف ليوم واحد يدمج بين المحاضرات المتخصصة والتطبيق العملي لإتقان تقنيات رفع الجيب الفكي الحديثة. تعلّم خطوات التنفيذ وفق أساليب Crestal وLateral وMinimally Invasive، مع التركيز على اختيار التقنية الأنسب وتحقيق نتائج سريرية آمنة وقابلة للتنبؤ.</p></div>
787        <div class="sc-card reveal"><h4>الغرز والقلوب الجراحية</h4><p>برنامج مكثف ليوم واحد يدمج بين المحاضرات المتخصصة والتطبيق العملي لإتقان تصميم الشقوق الجراحية (Flap Design) وتقنيات الغرز المتقدمة. تعلّم أحدث الأساليب في إدارة الأنسجة الرخوة وفق بروتوكولات جراحية حديثة، لتحقيق نتائج علاجية وجمالية يمكن التنبؤ بها.</p></div>
788      </div>
789    </div>
790  </section>
791
792  <!-- VIDEOS -->
793  <section class="section alt">
794    <div class="wrap">
795      <div class="section-head">
796        <p class="eyebrow">شاهد بنفسك</p>
797        <h2 class="reveal">داخل عيادات ومحاضرات الدكتور مرتضى</h2>
798      </div>
799      <div class="video-grid">
800        <div class="video-frame reveal">
801          <iframe src="https://www.youtube.com/embed/gMycqoQrlBs" title="فيديو تعريفي - عيادات الدكتور أحمد مرتضى" loading="lazy" allowfullscreen></iframe>
802        </div>
803        <div class="video-frame reveal">
804          <iframe src="https://www.youtube.com/embed/g-i3P-D6p7M" title="فيديو تعليمي - برامج التدريب" loading="lazy" allowfullscreen></iframe>
805        </div>
806      </div>
807    </div>
808  </section>
809
810  <!-- CONTACT -->
811  <section class="section" id="contact">
812    <div class="wrap">
813      <div class="section-head">
814        <p class="eyebrow">تواصل معنا</p>
815        <h2 class="reveal">عيادتان في خدمتك</h2>
816        <p class="reveal">احجز موعدك الآن أو تواصل عبر واتساب لأقرب عيادة إليك.</p>
817      </div>
818
819      <div class="contact-grid">
820        <div class="clinic-card reveal">
821          <iframe class="map" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1027.5347166220424!2d30.945308293018986!3d29.973651860055423!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x145856f782667d91%3A0x76896706743ef0f!2z2K8gLyDYo9it2YXYryDZhdix2KrYttmJINmB2YPYsdmJ!5e0!3m2!1sar!2seg!4v1692434450321!5m2!1sar!2seg" title="خريطة عيادة 6 أكتوبر"></iframe>
822          <div class="body">
823            <h3>عيادة 6 أكتوبر</h3>
824            <p class="addr">الدور الخامس، أبراج أمريكان — مقابل مسجد الحصري</p>
825            <p class="addr" style="margin-top:-10px">مواعيد العمل: 2:00 – 8:00 مساءً (الجمعة إجازة)</p>
826            <div class="phone-row">
827              <span class="num">+20 109 152 2992</span>
828              <a class="wa-btn" href="https://wa.me/+201091522992" target="_blank" rel="noopener" aria-label="تواصل واتساب - عيادة 6 أكتوبر">
829                <svg width="19" height="19" viewBox="0 0 24 24" fill="none"><path d="M20 12a8 8 0 1 1-3.9-6.9L20 4l-1 3.9A7.96 7.96 0 0 1 20 12z" stroke="currentColor" stroke-width="1.6"/><path d="M8.5 8.7c.3-.6.9-.5 1.4-.5.4 0 .5.1.7.6l.6 1.4c.1.3.1.5-.1.8l-.5.6c-.1.2
829-.1.4 0 .6.4.8 1.6 2 2.5 2.4.2.1.4.1.6-.1l.6-.6c.2-.2.4-.2.7-.1l1.4.7c.4.2.5.3.5.7 0 .8-1 1.5-1.7 1.5-2.1 0-5.5-2.4-6.4-5.4-.2-.7 0-1.9.7-2.6z" fill="currentColor"/></svg>
830              </a>
831            </div>
832          </div>
833        </div>
834
835        <div class="clinic-card reveal">
836          <iframe class="map" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1254.869937405034!2d31.18525925949333!3d27.17804951741664!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14450b2ba53daa6f%3A0xa1757087e3ab0774!2z2KjYsdisINin2KjZhiDYs9mK2YbYpw!5e0!3m2!1sar!2seg!4v1784142869880!5m2!1sar!2seg"  title="خريطة عيادة أسيوط"></iframe>
837          <div class="body">
838            <h3>عيادة أسيوط</h3>
839            <p class="addr">برج ابن سينا — أعلى بى تك</p>
840            <p class="addr" style="margin-top:-10px">مواعيد العمل: 3:00 – 8:00 مساءً (الجمعة إجازة)</p>
841            <div class="phone-row">
842              <span class="num">+20 102 805 6722</span>
843              <a class="wa-btn" href="https://wa.me/+201028056722" target="_blank" rel="noopener" aria-label="تواصل واتساب - عيادة أسيوط">
844                <svg width="19" height="19" viewBox="0 0 24 24" fill="none"><path d="M20 12a8 8 0 1 1-3.9-6.9L20 4l-1 3.9A7.96 7.96 0 0 1 20 12z" stroke="currentColor" stroke-width="1.6"/><path d="M8.5 8.7c.3-.6.9-.5 1.4-.5.4 0 .5.1.7.6l.6 1.4c.1.3.1.5-.1.8l-.5.6c-.1.2-.1.4 0 .6.4.8 1.6 2 2.5 2.4.2.1.4.1.6-.1l.6-.6c.2-.2.4-.2.7-.1l1.4.7c.4.2.5.3.5.7 0 .8-1 1.5-1.7 1.5-2.1 0-5.5-2.4-6.4-5.4-.2-.7 0-1.9.7-2.6z" fill="currentColor"/></svg>
845              </a>
846            </div>
847          </div>
848        </div>
849      </div>
850
851      <div class="cta-panel reveal">
852        <div>
853          <h3>سجّل بياناتك الآن ووفّر وقتك في العيادة</h3>
854          <p>نظام تسجيل إلكتروني لبيانات المرضى.</p>
855        </div>
856        <a class="btn btn-gold" href="https://docs.google.com/forms/d/e/1FAIpQLSfUoNPXHRNj2oTlDjkIa1JBRst0kPE57YiRgN1_25shlSDikQ/viewform?usp=publish-editor" target="_blank" rel="noopener">تسجيل بيانات المريض</a>
857      </div>
858    </div>
859  </section>
860
861</main>
862
863<footer>
864  <div class="wrap">
865    <div class="footer-grid">
866      <div class="brand">
867        <span class="mark" aria-hidden="true">
868          <img src="https://drahmedmortada.com/images/logo_white.png" alt="">
869        </span>
870        <span>الأستاذ الدكتور أحمد مرتضى<small>عيادات زراعة الأسنان وأمراض اللثة — أسيوط · 6 أكتوبر</small></span>
871      </div>
872      <div class="footer-social">
873        <a href="https://www.facebook.com/dr.ahmedmortada.dental" target="_blank" rel="noopener" aria-label="فيسبوك"><svg width="17" height="17" viewBox="0 0 24 24" fill="none"><path d="M14 9h3V6h-3c-1.7 0-3 1.3-3 3v2H9v3h2v6h3v-6h3l1-3h-4V9c0-.6.4-1 1-1z" fill="currentColor"/></svg></a>
874        <a href="https://www.instagram.com/prof.ahmedmortada" target="_blank" rel="noopener" aria-label="إنستجرام"><svg width="17" height="17" viewBox="0 0 24 24" fill="none"><rect x="4" y="4" width="16" height="16" rx="4" stroke="currentColor" stroke-width="1.6"/><circle cx="12" cy="12" r="3.4" stroke="currentColor" stroke-width="1.6"/><circle cx="16.6" cy="7.4" r="1" fill="currentColor"/></svg></a>
875        <a href="https://www.youtube.com/@Prof.ahmedmortadaclinics" target="_blank" rel="noopener" aria-label="يوتيوب"><svg width="17" height="17" viewBox="0 0 24 24" fill="none"><rect x="3" y="6" width="18" height="12" rx="3" stroke="currentColor" stroke-width="1.6"/><path d="M10.5 9.5l5 2.5-5 2.5v-5z" fill="currentColor"/></svg></a>
876      </div>
877    </div>
878    <div class="footer-bottom">
879      <span>© 2026 الأستاذ الدكتور أحمد مرتضى — جميع الحقوق محفوظة</span>
880      <span>تصميم مُعاد بمعايير عصرية 2026 — سريع، متجاوب، ومُهيّأ لمحركات البحث</span>
881    </div>
882  </div>
883</footer>
884
885<script>
886  // mobile nav
887  const navToggle = document.getElementById('navToggle');
888  const navLinks = document.getElementById('navLinks');
889  navToggle.addEventListener('click', () => {
890    const open = navLinks.classList.toggle('open');
891    navToggle.setAttribute('aria-expanded', open);
892  });
893  navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
894    navLinks.classList.remove('open');
895    navToggle.setAttribute('aria-expanded', false);
896  }));
897
898  // reveal on scroll
899  const io = new IntersectionObserver((entries) => {
900    entries.forEach(e => {
901      if (e.isIntersecting) { e.target.classList.add('in-view'); io.unobserve(e.target); }
902    });
903  }, { threshold: 0.15 });
904  document.querySelectorAll('.reveal, .arch-divider').forEach(el => io.observe(el));
905</script>
vendor: 1 bytes, line 905
905
906<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4262dadd486f4f18b43eb567ef8752dd","r":1,"spa":2}' crossorigin="anonymous"></script>
906
907</body>
908</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.