<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="شركة DevDesign متخصصة في تقديم خدمات إلكترونية متكاملة، تشمل الدعاية والإعلان، تصميم المواقع والبرامج، تطوير البرمجيات، والجرافيك.">
    <meta name="keywords" content="الخدمات الإلكترونية, الدعاية والإعلان, تصميم المواقع, تطوير البرامج, تصميم الجرافيك, DevDesign, حلول إلكترونية">
    <meta name="author" content="DevDesign Team">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DevDesign - للخدمات الالكترونية</title>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Cairo&display=swap" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">
            <link rel="icon" href="img/icon.webp" alt="logo ">


    <!-- Css Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>

<body>
    <!-- Page Preloder -->
    <div id="preloder">
        <div class="loader"></div>
    </div>

    <!-- Header Section Begin -->
    <header class="header">
        <div class="container">
            <div class="row">
                <div class="col-lg-2">
                    <div class="header__logo">
                        <a href="img/work/vedio.mp4"  class="play-btn video-popup"   class="fa fa-play" style="font-size: 33px; color: white; transition: color 0.3s ease;" onmouseover="this.style.color='lightblue';" onmouseout="this.style.color='white';">DevDesign</a>
                        
                                  </div>
                </div>
                <div class="col-lg-10">
                    <div class="header__nav__option">
                        <nav class="header__nav__menu mobile-menu">
                            <ul>
                                <li class="active"><a href="./index.html" style="font-family: cairo, sans-serif; ">الرئيسية</a></li>
                                <li><a href="./about.html"   style="font-family: cairo, sans-serif; ">عن الشركة</a></li>
                                <li><a href="./services.html"  style="font-family: cairo, sans-serif; ">خدماتنا</a></li>
                                <li><a href="./portfolio.html"  style="font-family: cairo, sans-serif; ">مشاريعنا</a></li>
                                <li><a href="./contact.html" style="font-family: cairo, sans-serif; ">تواصل معنا</a></li>
                                <li><a href="index_en.html"> English</a></li>

                            </ul>
                        </nav>
                        <div class="header__nav__social">
                            <a href="https://www.facebook.com/people/DevDesign/61559946957485/?locale=ar_AR" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.instagram.com/ali_yaser_eid/profilecard/?igsh=MWZ6bm9mNjQzaHBvbQ==" target="_blank"><i class="fa fa-instagram"></i></a>
                            <a href="https://wa.me/yourphonenumber" target="_blank"><i class="fa fa-whatsapp"></i></a>
                            <a href="https://www.linkedin.com/company/devdesign1/?viewAsMember=true" target="_blank"><i class="fa fa-linkedin"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-youtube-play"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="mobile-menu-wrap"></div>
        </div>
    </header>
    <!-- Header End -->

    <!-- Hero Section Begin -->
    <section class="hero">
        <div class="hero__slider owl-carousel">
            <div class="hero__item set-bg" data-setbg="img/hero/devmain.webp">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="hero__text">
                                <span style="font-family: cairo, sans-serif; font-size:30px;">أهلاً بك في عالم الإبداع والابتكار</span>              
                               <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about.html" class="primary-btn">المزيد عنا</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hero__item set-bg" data-setbg="img/hero/devmain.webp">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="hero__text">
                                <span style="font-family: cairo, sans-serif; font-size:30px;">نصمم الحلم ونبني النجاح خطوة بخطوة</span>
                                <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about.html" class="primary-btn">المزيد عنا</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hero__item set-bg" data-setbg="img/hero/devmain.webp">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="hero__text">
                                <span style="font-family: cairo, sans-serif; font-size:30px;"> فريق كامل يعمل لتحقيق رؤيتك </span>
                                <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about.html" class="primary-btn">المزيد عنا</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero Section End -->
    <!-- wat Section  -->

    <a href="https://api.whatsapp.com/send?phone=[رقم_هاتفك]&text=[رسالتك]" 
    target="_blank" 
    rel="noopener noreferrer" 
    class="whatsapp-icon-fixed whatsapp-tooltip">
   <img src="img/wat.webp" alt="تواصل معنا عبر واتساب">
   <span class="tooltiptext">تواصل معنا عبر واتساب</span>
 </a>
    <!-- Services Section Begin -->
    <section  class="services spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="services__title">
                        <div class="section-title">
                            <span style="font-family: cairo, sans-serif; ">خدماتنا</span>
                            <h2 style="font-family: cairo, sans-serif; "> ماذا نقدم؟</h2>
                        </div>
                        <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">عند اختيارك شركة DevDesign تحصل على شريك إبداعي محترف يعمل على تصميم حلول مخصصة تعكس هوية عملك بدقة واحترافية مع التزام تام بتسليم المشروع بأعلى معايير الجودة والتميز</p>
                        <a href="./services.html" class="primary-btn "  style="font-family: cairo, sans-serif; font-size:25px;">عرض جميع الخدمات</a>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="services__item">
                                <div class="services__item__icon">
                                    <img src="img/icons/ger.webp" alt="">
                                </div>
                                <h4 style="font-family: cairo, sans-serif;  ">تصميم الجرافيك </h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl; ">تصميم  شعارات، منشورات، ومحتوى إبداعي يعكس هوية نشاطك التجاري</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="services__item">
                                <div class="services__item__icon">
                                    <img src="img/icons/add.webp" alt="">
                                </div>
                                <h4 style="font-family: cairo, sans-serif;" >إعلانات ممولة وتسويق </h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl; ">إدارة حملات إعلانية على مختلف المنصات (فيسبوك، إنستجرام، جوجل) لتحقيق نتائج ملموسة</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="services__item">
                                <div class="services__item__icon">
                                    <img src="img/icons/res.webp" alt="">
                                </div>
                                <h4 style="font-family: cairo, sans-serif;">برامج  إدارة المطاعم والكافيهات</h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl; ">أنظمة ذكية لإدارة الطلبات، الأصناف، وجدولة الطاولات في المطاعم والكافيهات</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="services__item">
                                <div class="services__item__icon">
                                    <img src="img/icons/bussines.webp" alt="">
                                </div>
                                <h4 style="font-family: cairo, sans-serif;">برامج  إدارة الانشطة التجارية المختلفة </h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl; ">أنظمة متكاملة لإدارة المخازن، المبيعات والعملاء لتسهيل إدارة الأنشطة التجارية</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Services Section End -->

  

    <!-- Counter Section Begin -->
    <section class="counter">
        <div class="container">
            <div class="counter__content">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="counter__item">
                            <div class="counter__item__text">
                                <img src="img/icons/ci-1.png" alt="">
                                <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 35px;  "> نحسن أداء عملك  </h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="counter__item second__item">
                            <div class="counter__item__text">
                                <img src="img/icons/ci-2.png" alt="">
                                <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 35px;  ">عملاء سعداء</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="counter__item third__item">
                            <div class="counter__item__text">
                                <img src="img/icons/ci-3.png" alt="">
                                <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 35px;  " >تطوير مستمر</h2>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="counter__item four__item">
                            <div class="counter__item__text">
                                <img src="img/icons/ci-4.png" alt="">
                                <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 35px;  " >أفكار إبداعية </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Counter Section End -->

    <!-- Team Section Begin -->
  
    <!-- Team Section End -->

    <!-- Latest Blog Section Begin -->
    <section class="latest spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title center-title">
                        <p style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;"> مدونتنا</p>
                        <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 35px;  " >من المدونة</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="latest__slider owl-carousel">
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">من نحن</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl; ">نحن أكثر من مجرد شركة تصميم وبرمجة نحن فريق من المبدعين المتخصصين في تحويل الأفكار إلى حلول مبتكرة  نحن نضع بين يديك أدوات النجاح الرقمي لتحدث تأثيرًا يلهم عملاءك رسالتنا هي الإبداع ورؤيتنا هي أن نصبح الشريك الرقمي الأول لك</p>
                            <a href="./blog-details.html" style="font-family: cairo, sans-serif; text-align: right; ">أعرف أكثر<span class="arrow_right"></span></a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">خدماتنا المتميزة</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p  style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">تصميم المواقع الإلكترونية نبتكر مواقع فريدة تعكس هويتك
                                تطوير البرمجيات حلول ذكية لتحسين إدارة أعمالك
                                التسويق الرقمي لنساعدك على الوصول إلى جمهورك بفعالية
                                الهوية البصرية نصمم شعارات وعلامات تجارية تُبرز تميزك</p>
                            </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">لماذا تختار ديف ديزاين</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">نحن في "ديف ديزاين" نؤمن بأن التميز يأتي من التفاصيل الصغيرة ما يجعلنا خيارك الأول هو

                                 الإبداع: نقدم حلولًا فريدة  
                                التكنولوجيا المتطورة نستخدم أحدث الأدوات والابتكارات
                                الالتزام بالجودة نضمن أن كل مشروع يتم تنفيذه بأعلى معايير الجودة
                                الدعم المستمر نحن بجانبك في كل خطوة من رحلتك </p>
                            </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">قصص نجاحنا</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">خلال رحلتنا كان شرف لنا أن نعمل مع مجموعة واسعة من العملاء الذين تركنا بصمة في نجاحهم من تصميم مواقع جذابة إلى تطوير أنظمة متقدمة كنا دائمًا ملتزمين بتقديم حلول تتجاوز التوقعات  </p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">فلسفتنا في العمل</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;;">في "ديف ديزاين" نحن نؤمن أن العمل هو أكثر من مجرد تقديم خدمة إنه رحلة شراكة مع العميل لنفهم رؤيته بشكل عميق ثم نصمم ونطور الحلول التي تناسب تلك الرؤية بأعلى مستويات الجودة والابتكار فلسفتنا تقوم على الشفافية التامة والتعاون المستمر مع العميل مما يجعل كل مشروع جزءًا من مسيرتنا المشتركة نحو النجاح</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">مواكبة أحدث التقنيات</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">نحن في "ديف ديزاين" لا نتوقف أبدًا عن التعلم والتطوير من خلال متابعة أحدث الاتجاهات التكنولوجية نضمن لعملائنا أن كل منتج نقدمه يعكس أفضل ما توصلت إليه التكنولوجيا الحديثة سواء كنت تبحث عن تحسين تجربة المستخدم أو زيادة سرعة الأداء نحن هنا لنقدم لك حلولاً تقنية مبتكرة تجعل أعمالك في الصدارة دائمًا</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="blog__item latest__item">
                            <h4 style="font-family: cairo, sans-serif; text-align: center;  font-size: 25px;">استراتيجيات النجاح</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: rtl;">في عالم الأعمال الرقمي المتغير بسرعة من المهم أن تكون لديك استراتيجيات متجددة لمواكبة التحديات في "ديف ديزاين" نساعدك على بناء استراتيجيات تسويقية وبرمجية تحقق النجاح المستدام سواء من خلال تطوير منصات التجارة الإلكترونية أو إنشاء أنظمة إدارة مبتكرة نحن نعمل على تقديم الحلول التي تعزز نمو أعمالك وتحقق لك التفوق في السوق</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Latest Blog Section End -->

    <!-- Call To Action Section Begin -->
    <section class="callto spad set-bg" data-setbg="img/cpmpanylogo.webp">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="callto__text">
                        <h2 style="font-family: cairo, sans-serif; text-align: left;  font-size: 40px; "> أفكار جديدة لحظات جديدة</h2>
                        <p style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px;"> الابتكار هو مفتاح النجاح</p>
                        <a href="./portfolio.html" style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px;">شاهد مشاريعنا</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Call To Action Section End -->

    <!-- Footer Section Begin -->
    <footer class="footer">
        <div class="container">
            <div class="footer__top">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="footer__top__logo">
                            <a href="img/work/vedio.mp4"  class="play-btn video-popup"   class="fa fa-play" style="font-size: 33px; color: white; transition: color 0.3s ease;" onmouseover="this.style.color='lightblue';" onmouseout="this.style.color='white';">DevDesign</a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="footer__top__social">
                            <a href="https://www.facebook.com/people/DevDesign/61559946957485/?locale=ar_AR" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.instagram.com/ali_yaser_eid/profilecard/?igsh=MWZ6bm9mNjQzaHBvbQ==" target="_blank"><i class="fa fa-instagram"></i></a>
                            <a href="https://wa.me/yourphonenumber" target="_blank"><i class="fa fa-whatsapp"></i></a>
                            <a href="https://www.linkedin.com/company/devdesign1/?viewAsMember=true" target="_blank"><i class="fa fa-linkedin"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-youtube-play"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer__option">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="footer__option__item">
                            <h5 style="font-family: cairo, sans-serif; text-align: left;  font-size: 30px; " >عن الشركة</h5>
                            <p style="font-family: cairo, sans-serif; text-align: right; ">ديف ديزاين هي شركة متخصصة في تطوير أنظمة إدارة المطاعم والكافيهات واستراتيجيات التسويق وتصميم المواقع والهوية البصرية مع تقديم حلول مبتكرة ومخصصة تساعد عملاءنا على النمو   </p>
                            <a href="./about.html" class="read__more" style="font-family: cairo, sans-serif; text-align: right; "> أعرف أكثر<span class="arrow_right"></span></a>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-3">
                        <div class="footer__option__item">
                            <h5 style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px; ">مدونتنا</h5>
                            <ul>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">من نحن</a></li>
                                <li>
                                    <a href="#" style="font-family: cairo, sans-serif; text-align: left; font-size: 15px;">
                                      خدماتنا&nbsp;المتميزة
                                    </a>
                                  </li>                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;"> قصص نجاحنا</a></li>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">لماذا تختار ديف ديزاين</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-3">
                        <div class="footer__option__item">
                            <h5 style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px; ">خدماتنا</h5>
                            <ul>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">تصميم الجرافيك</a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">برامج إدارة الانشطة</a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">المواقع الإلكترونية </a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;"> إعلانات ممولة </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <div class="footer__option__item">
                            <h5 style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px; ">تواصل معنا</h5>
                            <p style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">كل تحدٍ هو فرصة للنمو والنجاح</p>
                            <form action="#">
                                <input type="text" placeholder="Email">
                                <button type="submit"><i class="fa fa-send"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer__copyright">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        <p class="footer__copyright__text">Copyright &copy;
                            <script>
                                document.write(new Date().getFullYear());
                            </script>
                            All rights reserved | made with <i class="fa fa-heart-o"
                                aria-hidden="true"></i> by <a href="#" target="_blank">DevDesign</a>
                        </p>
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Section End -->

    <!-- Js Plugins -->
    <script>
        document.addEventListener('contextmenu', function(event) {
          event.preventDefault();
        });
      </script>
      
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/mixitup.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/jquery.slicknav.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>