<!--
                                                                                                                                    
 ▓██▓   ▓█░  ▒██████    ▒██████   ░███████              ▓██░  ███   ▒██████   ▓█▒    ██     ███▓    ▓██░  ███   ███████▓  ████████  
 ▓███▒  ▓█░ ▓█▓    ██░ ▓█▓    ██░ ░██   ▓█▓             ▓█▓█ ▒█▒█  ▓█▓    ██░ ▓█▒    ██    ▓█ ██    ▓█▓█ ▒█▒█   ██▒       ██░   ▒██ 
 ▓█░██  ▓█░ ██     ▓█▓ ██     ▓█▓ ░██   ██▒             ██ █░█▒▒█░ ██     ▓█▓ ▓█▒    ██    █▓ ▒█▓   ██ █░█▒▒█░  ██▒       ██░    ██▒
 ▓█░░██ ▓█░ ██     ▓█▓ ██     ▓█▓ ░██████░              ██ ███ ░█░ █▓     ▓█▓ ▓███▓████   ▓█░  ██   ██ ███ ░█░  ███████░  ██░    ▓█▓
 ▓█░ ▒█▓▓█░ ██     ▓█▓ ██     ▓█▓ ░██  ██▒              ██  █▒ ░█▒ ██     ▓█▓ ▓█▒    ██   ██   ▓█▓  ██  █▒ ░█▒  ██▒       ██░    ██▒
 ▓█░  ████░ ██▓    ██  ██▓    ██  ░██  ░██              █▓     ░█▓ ██▓    ██  ▓█▒    ██  ▓████████  █▓     ░█▓  ██▒       ██░   ▒██ 
 ▓█░   ███░  ███████░   ███████░  ░██   ▓██             █▓      █▓  ███████░  ▓█▒    ██  ██     ██▓ █▓      █▓  ███████▓  ████████  
 ▓█░   ▒██░    ▓█▓░       ▓█▓░    ░██    ██▒            █▓      █▓    ▓█▓░    ▓█▒    ██ ▓█▓     ▒██ █▓      █▓  ██████▓▓  ████▓▒    
                                                                                                                                    
                                                                                                                                    
   ▓████▒      ▓██░     ███████    ███████      ▓████░    █████▓    ██████░    ░█████        ▓███      ▓████░    █████▓             
  ██▓  ██▓  ▒██▓██░     ██         ██         ▒██▓       ██░  ▓██   ▒   ▒██░   ▓▓  ▓██░     ▓████    ▒██▓       ██░  ▓██            
 ██░   ░██▒     ██░     ██         ██        ░██         ██   ▓█▓        ██         ██▓    ▓█░░██   ░██         ██   ▓█▓            
 ██  ▓████▓     █▓░     ██████░    ██████░   ▓███████     █████░     ▓███▓         ░██    ▓█▒ ░██   ▓███████     █████░             
 █████░ ▓█▓     ██░         ▒██▓       ▒██▓  ▓██░  ▓██   ▒██▓███░       ▒██▓      ▒██    ▒█▓  ░██   ▓██░  ▓██   ▒██▓███░            
 ██▒    ██░     ██░          ░██        ░██  ▒█▓    ██░ ▓█▓    ██         ██    ░▓█░    ░█████████▓ ▒█▓    ██░ ▓█▓    ██            
  ██▓  ██▓      ██░     ▒   ▓██░   ▒   ▓██░   ██▓  ▓██  ▒██░  ▓██  ░░   ▒██▓   ▓█▓            ░██    ██▓  ▓██  ▒██░  ▓██            
   ▓████░    ████████   █████▓     █████▓      ▓████▒    ░█████▓   ░██████    ░████████       ░██     ▓████▒    ░█████▓             
                                                                                                                                    
-->
<!doctype html>
<html lang="ar" dir="rtl">
  <head>
    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>NOOR MOHAMED - مطور حلول رقمية</title>

    <meta
      name="description"
      content="نور محمد مطور حلول رقمية Digital Solutions Developer متخصص في بناء الأنظمة والمواقع وتحويل الأفكار إلى حلول رقمية."
    />

    <meta
      name="keywords"
      content="نور محمد, NOOR MOHAMED, Noor Mohamed, مطور حلول رقمية, Digital Solutions Developer, حلول رقمية, تطوير مواقع, برمجة مواقع, أنظمة رقمية, portfolio"
    />

    <meta
      name="robots"
      content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"
    />

    <meta
      name="googlebot"
      content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"
    />

    <meta name="author" content="NOOR MOHAMED" />

    <meta name="theme-color" content="#0a0a1f" />

    <meta name="format-detection" content="telephone=no" />

    <link rel="canonical" href="https://noor-mohamed.com/" />

    <meta http-equiv="content-language" content="ar" />

    <link rel="alternate" href="https://noor-mohamed.com/" hreflang="ar" />
    <link
      rel="alternate"
      href="https://noor-mohamed.com/"
      hreflang="x-default"
    />

    <link rel="icon" type="image/png" href="images/logo.png" />
    <link rel="apple-touch-icon" href="images/logo.png" />
    <link rel="shortcut icon" href="images/logo.png" />

    <meta property="og:locale" content="ar_AR" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="NOOR MOHAMED" />
    <meta property="og:title" content="NOOR MOHAMED - مطور حلول رقمية" />
    <meta
      property="og:description"
      content="الموقع الرسمي لنور محمد لعرض الخبرات والمهارات والمشاريع والإنجازات في الحلول الرقمية وتطوير الأنظمة والمواقع."
    />
    <meta property="og:url" content="https://noor-mohamed.com/" />
    <meta
      property="og:image"
      content="https://noor-mohamed.com/images/logo.png"
    />
    <meta
      property="og:image:secure_url"
      content="https://noor-mohamed.com/images/logo.png"
    />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="شعار نور محمد" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="NOOR MOHAMED - مطور حلول رقمية" />
    <meta
      name="twitter:description"
      content="موقع نور محمد الرسمي لعرض الخبرات والمهارات والمشاريع والإنجازات في الحلول الرقمية."
    />
    <meta
      name="twitter:image"
      content="https://noor-mohamed.com/images/logo.png"
    />
    <meta name="twitter:image:alt" content="شعار نور محمد" />

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "Person",
            "@id": "https://noor-mohamed.com/#person",
            "name": "NOOR MOHAMED",
            "alternateName": "نور محمد",
            "url": "https://noor-mohamed.com/",
            "image": "https://noor-mohamed.com/images/logo.png",
            "jobTitle": "مطور حلول رقمية",
            "description": "نور محمد مطور حلول رقمية متخصص في بناء الأنظمة والمواقع وتحويل الأفكار إلى حلول رقمية.",
            "telephone": "+201556832468",
            "sameAs": [
              "https://www.youtube.com/@BAZOOKA-WD",
              "https://www.facebook.com/NOORBAZOOKA0"
            ]
          },
          {
            "@type": "WebSite",
            "@id": "https://noor-mohamed.com/#website",
            "url": "https://noor-mohamed.com/",
            "name": "NOOR MOHAMED",
            "description": "الموقع الرسمي لنور محمد لعرض الخبرات والمهارات والمشاريع والإنجازات.",
            "inLanguage": "ar",
            "publisher": {
              "@id": "https://noor-mohamed.com/#person"
            }
          },
          {
            "@type": "WebPage",
            "@id": "https://noor-mohamed.com/#webpage",
            "url": "https://noor-mohamed.com/",
            "name": "NOOR MOHAMED - مطور حلول رقمية",
            "isPartOf": {
              "@id": "https://noor-mohamed.com/#website"
            },
            "about": {
              "@id": "https://noor-mohamed.com/#person"
            },
            "inLanguage": "ar",
            "description": "صفحة رئيسية تعرض نبذة عن نور محمد ومهاراته وخبراته ومشاريعه وإنجازاته."
          }
        ]
      }
    </script>

    <link
      href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap"
      rel="stylesheet"
    />

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    />

    <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />

    <link rel="stylesheet" href="css/style.css?v=8" />
    <link rel="stylesheet" href="css/skills.css" />
    <link rel="stylesheet" href="css/about.css?v=7" />
  </head>
  <body>
    <div id="particles-js"></div>
    <header class="site-header" id="site-header">
      <div class="nav-wrap">
        <button
          class="nav-toggle"
          aria-label="فتح القائمة"
          aria-expanded="false"
          aria-controls="main-navigation"
        >
          <span class="bar"></span>
          <span class="bar"></span>
          <span class="bar"></span>
        </button>

        <strong class="brand">Noor Mohamed</strong>

        <nav class="nav-right" id="main-navigation" aria-label="التنقل الرئيسي">
          <a href="#home" data-section="home">Home</a>

          <a href="#Aboutme" data-section="Aboutme">About Me</a>

          <a href="#skills" data-section="skills">Skills</a>
          
          <a href="#projects" data-section="projects">Project</a>
          <a href="#services" data-section="services">Services</a>

          <div class="menu-divider"></div>

          <div class="social-mobile">
            <a
              href="https://www.facebook.com/NOORBAZOOKA0"
              target="_blank"
              rel="noopener noreferrer"
            >
              <i class="fab fa-facebook"></i>
              <span>Facebook</span>
            </a>

            <a
              href="https://www.youtube.com/@BAZOOKA-WD"
              target="_blank"
              rel="noopener noreferrer"
            >
              <i class="fab fa-youtube"></i>
              <span>YouTube</span>
            </a>

            <a
              href="https://wa.me/201556832468"
              target="_blank"
              rel="noopener noreferrer"
            >
              <i class="fab fa-whatsapp"></i>
              <span>WhatsApp</span>
            </a>
            
            <a
  href="https://www.linkedin.com/in/bazooka-wd/"
  target="_blank"
  rel="noopener noreferrer"
>
  <i class="fab fa-linkedin-in"></i>
  <span>LinkedIn</span>
</a>
          </div>
        </nav>

        <div class="social-left">
          <a
            href="https://www.facebook.com/NOORBAZOOKA0"
            target="_blank"
            rel="noopener noreferrer"
          >
            <i class="fab fa-facebook"></i>
            <span>Facebook</span>
          </a>

          <a
            href="https://www.youtube.com/@BAZOOKA-WD"
            target="_blank"
            rel="noopener noreferrer"
          >
            <i class="fab fa-youtube"></i>
            <span>YouTube</span>
          </a>

          <a
            href="https://wa.me/201556832468"
            target="_blank"
            rel="noopener noreferrer"
          >
            <i class="fab fa-whatsapp"></i>
            <span>WhatsApp</span>
          </a>
          <a
  href="https://www.linkedin.com/in/bazooka-wd/"
  target="_blank"
  rel="noopener noreferrer"
>
  <i class="fab fa-linkedin-in"></i>
  <span>LinkedIn</span>
</a>
        </div>
      </div>
    </header>
    <main id="main-content">
      <section id="home">
        <h1 class="visually-hidden">
          المبرمج نور محمد | Digital Solutions Developer
        </h1>

        <img
          src="images/logo.png"
          class="profile-pic"
          alt="NOOR MOHAMED Digital Solutions Developer"
          width="180"
          height="180"
          loading="eager"
        />

        <h2 class="name">NOOR MOHAMED</h2>

        <p class="title">Digital Solutions Developer</p>

        <h3 class="typed-text">
          <span id="typed"></span>
        </h3>
      </section>
      
      <section class="about-section" id="Aboutme">
        <h2 class="about-title" data-aos="fade-up">About Me</h2>

        <!-- البطاقة الأولى -->

        <div class="about-card" data-aos="fade-up">
          <div class="about-inner">
            <div class="about-photo-wrap">
              <img
                src="images/logo1.png"
                class="about-photo"
                alt="نور محمد"
                width="180"
                height="180"
                loading="lazy"
              />
            </div>

            <div class="about-text">
              <h3 class="about-name">نور محمد</h3>

              <p class="about-bio">
                أنا
                <span class="highlight">مطور حلول رقمية</span>
                أدرس في
                <span class="highlight">جامعة الأزهر</span>
                ، أعمل على تصميم وتطوير
                <span class="highlight">أنظمة تقنية متقدمة</span>
                تدعم
                <span class="highlight">التحول الرقمي داخل المؤسسات</span>
                . أمتلك خبرة عملية في بناء حلول تساعد على
                <span class="highlight">توفير الوقت والجهد</span>
                وتحسين
                <span class="highlight">كفاءة العمل</span>
                و
                <span class="highlight">مضاعفة الإنتاجية</span>
                . ساهمت في تطوير
                <span class="highlight">أنظمة رقمية معتمدة</span>
                داخل مؤسسات رسمية، وأسعى دائمًا إلى تحويل الأفكار إلى
                <span class="highlight">تطبيقات عملية</span>
                تحقق
                <span class="highlight">نتائج ملموسة</span>
                .
              </p>
            </div>
          </div>
        </div>

        <!-- البطاقة الثانية -->

        <div class="about-card" data-aos="fade-up">
          <div class="about-inner about-inner-reverse">
            <div class="about-photo-wrap">
              <div class="about-icon">
                <i class="fas fa-briefcase"></i>
              </div>
            </div>

            <div class="about-text">
              <h3 class="about-name">الخبرات العملية</h3>

              <p class="about-bio">
                بدأت رحلتي العملية داخل
                <span class="highlight">مجلس الشباب المصري</span>
                كـ
                <span class="highlight">عضو غرفة العمليات المركزية</span>
                خلال
                <span class="highlight">
                  الاستحقاقات الانتخابية لمجلس النواب 2025
                </span>
                . كان دوري يشمل إدارة وأرشفة الصور والتقارير والفيديوهات
                والمخالفات الواردة من مختلف المحافظات، مع العمل على
                <span class="highlight">
                  تنظيم البيانات داخل نظام رقمي متكامل
                </span>
                لتسهيل المتابعة والعرض داخل غرفة العمليات. كما قمت بتطوير
                <span class="highlight">نظام خاص للأرشفة وإدارة المحتوى</span>
                تم اعتماده رسميًا داخل المؤسسة، وساهمت في
                <span class="highlight">دعم البثوث المباشرة</span>
                وتحسين
                <span class="highlight">كفاءة عرض البيانات</span>
                . بالإضافة إلى ذلك، شاركت في تنفيذ
                <span class="highlight">حلول التحول الرقمي</span>
                من خلال تطوير أنظمة رقمية ساعدت في
                <span class="highlight">رفع كفاءة العمل المؤسسي</span>
                .
              </p>
            </div>
          </div>
        </div>

        <!-- ===== إنجازاتي في جامعة الأزهر ===== -->

        <div class="azhar-achievements">
          <h2 class="about-title achievements-title" data-aos="fade-up">
            الإنجازات
          </h2>

          <!-- الإنجاز الأول -->

          <div class="about-card achievement-card" data-aos="fade-up">
            <div class="about-inner about-inner-reverse">
              <div class="about-photo-wrap">
                <div class="about-icon floating-icon">
                  <i class="fas fa-trophy"></i>
                </div>
              </div>

              <div class="about-text">
                <h3 class="about-name">
                  المركز الأول – مسابقة مبرمج الأزهر (جامعة الأزهر)
                </h3>

                <p class="about-bio">
                  الفوز بـ
                  <span class="highlight">المركز الأول على مستوى الجامعة</span>
                  في منافسة بين كليات
                  <span class="highlight">الهندسة والطب والذكاء الاصطناعي</span>
                  .
                  <br />

                  تصميم وتطوير الموقع الرسمي لأسرة
                  <a
                    href="https://tollab-masr-azhar.losha.site/"
                    target="_blank"
                    class="highlight"
                  >
                    طلاب من أجل مصر – جامعة الأزهر
                  </a>
                  .
                  <br />

                  إنشاء منصة رقمية لعرض الأنشطة والفعاليات الطلابية.
                  <br />

                  تطوير نموذج إلكتروني لتسجيل وانضمام الطلاب بشكل سهل وفعال.
                  <br />

                  المشروعات الرقمية
                </p>
              </div>
            </div>
          </div>

          <!-- الإنجاز الثاني -->

          <div class="about-card achievement-card icon-left" data-aos="fade-up">
            <div class="about-inner">
              <div class="about-photo-wrap">
                <div class="about-icon floating-icon">
                  <i class="fas fa-qrcode"></i>
                </div>
              </div>

              <div class="about-text">
                <h3 class="about-name">
                  نظام تنظيم مائدة الإفطار – جامعة الأزهر
                </h3>

                <p class="about-bio">
                  تطوير نظام رقمي متكامل لتنظيم تسجيل الطلاب في
                  <span class="highlight">مائدة الإفطار الرمضانية</span>
                  .
                  <br />

                  الاعتماد على تقنية
                  <span class="highlight">QR Code</span>
                  للتسجيل المسبق و الدخول السريع.
                  <br />

                  تقليل التكدس وتحسين تجربة التنظيم داخل الفعالية.
                  <br />

                  اعتماد النظام رسميًا داخل جامعة الأزهر بموافقة رئيس الجامعة.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      
<!--      <section class="about-section" id="technical-skills">-->
<!--  <h2 class="about-title">المهارات التقنية</h2>-->

<!--  <div class="about-card" data-aos="fade-up">-->
<!--    <div class="about-inner">-->
<!--      <div class="about-photo-wrap">-->
<!--        <div class="about-icon floating-icon">-->
<!--          <i class="fas fa-laptop-code"></i>-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="about-text">-->
<!--        <h3 class="about-name">المهارات التقنية</h3>-->

<!--        <p class="about-bio">-->
<!--          <i class="fas fa-layer-group highlight"></i>-->
<!--          تطوير الأنظمة الرقمية وإدارة المحتوى-->
<!--          <br /><br />-->

<!--          <i class="fas fa-database highlight"></i>-->
<!--          تصميم قواعد البيانات وتنظيم البيانات-->
<!--          <br /><br />-->

<!--          <i class="fas fa-code highlight"></i>-->
<!--          بناء مواقع الويب والمنصات الإلكترونية-->
<!--          <br /><br />-->

<!--          <i class="fas fa-sitemap highlight"></i>-->
<!--          حلول التحول الرقمي-->
<!--          <br /><br />-->

<!--          <i class="fas fa-bolt highlight"></i>-->
<!--          العمل تحت ضغط وإدارة الفعاليات الرقمية-->
<!--        </p>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->

<!--  <div class="about-card" data-aos="fade-up">-->
<!--    <div class="about-inner about-inner-reverse">-->
<!--      <div class="about-photo-wrap">-->
<!--        <div class="about-icon floating-icon">-->
<!--          <i class="fas fa-star"></i>-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="about-text">-->
<!--        <h3 class="about-name">نقاط القوة</h3>-->

<!--        <p class="about-bio">-->
<!--          <i class="fas fa-check-circle highlight"></i>-->
<!--          التفكير الابتكاري وحل المشكلات-->
<!--          <br /><br />-->

<!--          <i class="fas fa-check-circle highlight"></i>-->
<!--          القدرة على تطوير حلول عملية سريعة التنفيذ-->
<!--          <br /><br />-->

<!--          <i class="fas fa-check-circle highlight"></i>-->
<!--          العمل ضمن فريق وتحمل المسؤولية-->
<!--          <br /><br />-->

<!--          <i class="fas fa-check-circle highlight"></i>-->
<!--          الالتزام بالجودة والدقة في التنفيذ-->
<!--        </p>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->

<!--  <div class="about-card" data-aos="fade-up">-->
<!--    <div class="about-inner">-->
<!--      <div class="about-photo-wrap">-->
<!--        <div class="about-icon floating-icon">-->
<!--          <i class="fas fa-bullseye"></i>-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="about-text">-->
<!--        <h3 class="about-name">الهدف المهني</h3>-->

<!--        <p class="about-bio">-->
<!--          السعي للمساهمة في تطوير منظومات رقمية متكاملة تدعم المؤسسات في تحقيق أعلى مستويات الكفاءة، والمشاركة في بناء بيئة رقمية متطورة تواكب التحول التكنولوجي.-->
<!--        </p>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</section>-->

      <section class="section skills-section" id="skills">
        <h2 class="skills-title" data-aos="fade-up">Skills</h2>

        <div class="skills-grid">
          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-code"></i>
            <h3>Front-End</h3>
            <p>تطوير واجهات المواقع باستخدام HTML و CSS و JavaScript</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-bullhorn"></i>
            <h3>Digital Marketing</h3>
            <p>التسويق الإلكتروني وإدارة الحملات الإعلانية</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-robot"></i>
            <h3>AI & Automation</h3>
            <p>إنشاء أدوات أتمتة باستخدام تقنيات الذكاء الاصطناعي</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-paint-brush"></i>
            <h3>Graphic Design</h3>
            <p>تصميم الشعارات والهوية البصرية للمشاريع</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-video"></i>
            <h3>Video Editing</h3>
            <p>تحرير الفيديوهات وإنتاج محتوى بصري احترافي</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-chart-line"></i>
            <h3>Data Analysis</h3>
            <p>تحليل البيانات واستخراج المعلومات المفيدة</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-shield-alt"></i>
            <h3>Cyber Security</h3>
            <p>أساسيات حماية الأنظمة والمواقع من الاختراق</p>
          </div>

          <div class="skill-card" data-aos="fade-up">
            <i class="fas fa-money-bill-wave"></i>
            <h3>Online Earning</h3>
            <p>تحقيق دخل عبر الإنترنت من المشاريع الرقمية</p>
          </div>
        </div>
      </section>
      <section class="about-section" id="projects">
  <h2 class="about-title" data-aos="fade-up">Project</h2>

  <!-- الفقرة الأولى -->
  <div class="about-card" data-aos="fade-up">
    <div class="about-inner about-inner-reverse">
      <div class="about-photo-wrap">
        <div class="about-icon floating-icon">
          <i class="fas fa-diagram-project"></i>
        </div>
      </div>

      <div class="about-text">
        <h3 class="about-name">المشاريع</h3>

        <p class="about-bio">
          قمت بتنفيذ
          <span class="highlight">العديد من المشاريع</span>
          الخاصة بـ
          <span class="highlight">أنظمة التحول الرقمي داخل المؤسسات</span>
          ، مع التركيز على تطوير حلول عملية تساعد على
          <span class="highlight">تنظيم العمل</span>
          و
          <span class="highlight">رفع الكفاءة</span>
          و
          <span class="highlight">أتمتة الإجراءات</span>
          . ويمكنك الاطلاع على هذه المشاريع من خلال
          <span class="highlight">مدونتي</span>
          حيث قمت بشرح كل نظام بشكل مفصل وبيان فكرة العمل وآلية التنفيذ والهدف من كل مشروع.
        </p>

        <br />

        <a
          href="https://blog.noor-mohamed.com/"
          target="_blank"
          rel="noopener noreferrer"
          class="section-btn"
        >
          الانتقال إلى المدونة
        </a>
      </div>
    </div>
  </div>

  <!-- الفقرة الثانية -->
  <div class="about-card achievement-card icon-left" data-aos="fade-up">
    <div class="about-inner">
      <div class="about-photo-wrap">
        <div class="about-icon floating-icon">
          <i class="fas fa-building"></i>
        </div>
      </div>

      <div class="about-text">
        <h3 class="about-name">شركة لوشة سايت</h3>

        <p class="about-bio">
          قمت بتأسيس
          <span class="highlight">لوشة سايت</span>
          كخطوة عملية نحو بناء كيان رقمي متخصص في
          <span class="highlight">تطوير المواقع</span>
          و
          <span class="highlight">الحلول الرقمية</span>
          . ورغم أنها ما زالت في
          <span class="highlight">مرحلة البداية</span>
          ، فقد عملت على تجهيز حضورها الرقمي من خلال إنشاء حساباتها على
          <span class="highlight">منصات التواصل الاجتماعي</span>
          ، وإطلاق
          <span class="highlight">حملات إعلانية ممولة</span>
          ، إلى جانب تنفيذ عدد من الأعمال والمشاريع التي تعكس توجه الشركة وطموحها في تقديم خدمات احترافية. ويمكنك مشاهدة
          <span class="highlight">معرض الأعمال</span>
          الخاص بالشركة من خلال الرابط التالي.
        </p>

        <br />

        <a
          href="https://losha.site/portfolio.php"
          target="_blank"
          rel="noopener noreferrer"
          class="section-btn"
        >
          مشاهدة معرض الأعمال
        </a>
      </div>
    </div>
  </div>
</section>
      <section class="section skills-section" id="services">
  <h2 class="skills-title" data-aos="fade-up">Services</h2>

  <div class="skills-grid">

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-laptop-code"></i>
      <h3>تصميم وبرمجة المواقع</h3>
      <p>إنشاء مواقع احترافية سريعة ومتوافقة مع جميع الأجهزة لعرض الخدمات أو المشاريع بشكل مميز.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-sitemap"></i>
      <h3>التحول الرقمي</h3>
      <p>تطوير أنظمة تساعد على تنظيم العمل، أرشفة البيانات، وأتمتة العمليات داخل المؤسسات.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-store"></i>
      <h3>المتاجر الإلكترونية</h3>
      <p>تصميم متاجر متكاملة لإدارة المنتجات والطلبات وربطها بوسائل الدفع والتسويق.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-bullhorn"></i>
      <h3>إدارة السوشيال ميديا</h3>
      <p>إدارة الصفحات، نشر المحتوى، تصميم البوسترات، مونتاج الفيديوهات، وإنشاء الإعلانات الممولة.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-chart-line"></i>
      <h3>الدخل من الإنترنت</h3>
      <p>المساعدة في إنشاء محتوى رقمي قابل للربح وتحقيق دخل عبر المنصات المختلفة.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-video"></i>
      <h3>مونتاج الفيديو</h3>
      <p>إعداد فيديوهات احترافية مناسبة للسوشيال ميديا مثل الريلز والتيك توك واليوتيوب.</p>
    </div>

    <div class="skill-card" data-aos="fade-up">
      <i class="fas fa-image"></i>
      <h3>تصميم البوسترات</h3>
      <p>تصميم بوسترات وبنرات جذابة للحملات الإعلانية والمحتوى اليومي.</p>
    </div>
    
    <div class="skill-card" data-aos="fade-up">
  <i class="fas fa-search"></i>
  <h3>تحسين محركات البحث (SEO)</h3>
  <p>
    تحسين ظهور المواقع في نتائج البحث على Google لزيادة الزيارات وجذب عملاء جدد بشكل مستمر.
  </p>
</div>

  </div>
</section>
    </main>
    <div id="scrollToTopContainer">
      <div id="scrollToTopCircle">
        <div id="scrollToTopArrow">
          <svg viewBox="0 0 24 24">
            <path d="M12 4l-8 8h6v8h4v-8h6z" />
          </svg>
        </div>

        <div id="scrollToTopProgress"></div>
      </div>
    </div>
    <footer id="page-footer">
      <div class="footer-container">
        <div class="footer-brand">
          <div class="footer-head">
            <h3 class="footer-name">
              <span class="footer-highlight">NOOR MOHAMED</span>
            </h3>

            <p class="footer-role">Digital Solutions Developer</p>
          </div>

          <p class="footer-desc">
            بناء حلول رقمية ذكية تساعد المؤسسات على النمو، أتمتة العمليات،
            وتحسين الإنتاجية.
          </p>
        </div>

        <div class="footer-social">
          <a href="https://www.facebook.com/NOORBAZOOKA0" target="_blank">
            <i class="fab fa-facebook-f"></i>
          </a>

          <a href="https://www.youtube.com/@BAZOOKA-WD" target="_blank">
            <i class="fab fa-youtube"></i>
          </a>

          <a href="https://wa.me/201556832468" target="_blank">
            <i class="fab fa-whatsapp"></i>
          </a>
            <a
    href="https://www.linkedin.com/in/bazooka-wd/"
    target="_blank"
    rel="noopener noreferrer"
  >
    <i class="fab fa-linkedin-in"></i>
  </a>
        </div>
      </div>

      <div class="footer-bottom">© 2026 NOOR MOHAMED — All Rights Reserved</div>
    </footer>
    <script defer src="https://cdn.jsdelivr.net/npm/particles.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
    <script defer src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script defer src="js/main.js"></script>
  </body>
</html>