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

<head>
    <meta charset="UTF-8">
    <meta name="description" content="DevDesign is a company specializing in providing integrated electronic services, including advertising, website and software design, software development, and graphics.">
    <meta name="keywords" content="Electronic Services, Advertising, Website Design, Software Development, Graphic Design, DevDesign, Electronic Solutions">
    <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 - Electronic Services</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_en.html" style="font-family: cairo, sans-serif; ">Home</a></li>
                                <li><a href="about_en.html"   style="font-family: cairo, sans-serif; ">About Us</a></li>
                                <li><a href="./services_en.html"  style="font-family: cairo, sans-serif; ">Services</a></li>
                                <li><a href="./portfolio_en.html"  style="font-family: cairo, sans-serif; ">Portfolio</a></li>
                                <li><a href="./contact_en.html" style="font-family: cairo, sans-serif; ">Contact</a></li>
                                <li><a href="index.html" style="font-family: cairo, sans-serif; " > العربية</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>Welcome to the world of creativity and innovation</span>              
                               <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about_en.html" class="primary-btn">More About Us</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>We design the dream and build success step by step</span>
                                <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about_en.html" class="primary-btn">More About Us</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 >A complete team working to achieve your vision</span>
                                <h2>DevDesign</h2>
                                <a  style="font-family: cairo, sans-serif; font-size:30px;" href="about_en.html" class="primary-btn">More About Us</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; ">Our Services</span>
                            <h2 style="font-family: cairo, sans-serif; ">What We Offer?</h2>
                        </div>
                        <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">When you choose DevDesign, you get a professional creative partner working on designing customized solutions that accurately and professionally reflect your business identity, with a full commitment to delivering the project with the highest standards of quality and excellence.</p>
                        <a href="./services_en.html" class="primary-btn "  style="font-family: cairo, sans-serif; font-size:25px;">View All Services</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;  ">Graphic Design</h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr; ">Designing logos, posts, and creative content that reflects your business identity.</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;" >Sponsored Ads & Marketing</h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr; ">Managing advertising campaigns on various platforms (Facebook, Instagram, Google) to achieve tangible results.</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;">Restaurant & Cafe Management Software</h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr; ">Smart systems for managing orders, items, and table scheduling in restaurants and cafes.</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;">Various Business Management Software</h4>
                                <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr; ">Integrated systems for managing stores, sales, and customers to facilitate the management of business activities.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Services Section End -->

    <!-- Work Section Begin -->
 
    <!-- Work 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: 20px;  ">We Improve Your Business Performance</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: 20px;  ">Happy Customers</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: 20px;  " >Continuous Development</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: 20px;  " >Creative Ideas</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
   

    <!-- 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;">Our Blog</p>
                        <h2 style="font-family: cairo, sans-serif; text-align: center; font-size: 30px;  " >From The Blog</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: 20px;">About Us</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr; ">We are more than just a design and programming company; we are a team of creatives specializing in transforming ideas into innovative solutions. We put in your hands the tools for digital success to make an impact that inspires your customers. Our mission is creativity, and our vision is to become your first digital partner.</p>
                            <a href="./blog-details_en.html" style="font-family: cairo, sans-serif; text-align: left; ">Read More<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: 20px;">Our Distinguished Services</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p  style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">Website Design: We create unique websites that reflect your identity.
                                Software Development: Smart solutions to improve your business management.
                                Digital Marketing: We help you reach your audience effectively.
                                Visual Identity: We design logos and trademarks that highlight your uniqueness.</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: 20px;">Why Choose DevDesign</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">At "DevDesign," we believe that excellence comes from the small details. What makes us your first choice is:

                                 Creativity: We offer unique solutions
                                Advanced Technology: We use the latest tools and innovations
                                Commitment to Quality: We ensure that every project is executed with the highest standards of quality
                                Continuous Support: We are by your side every step of your journey </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: 20px;">Our Success Stories</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">Throughout our journey, we have had the honor to work with a wide range of clients where we have left a mark on their success. From designing attractive websites to developing advanced systems, we have always been committed to providing solutions that exceed expectations.</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: 20px;">Our Work Philosophy</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;;">At "DevDesign," we believe that work is more than just providing a service; it is a partnership journey with the client to deeply understand their vision, then design and develop solutions that fit that vision with the highest levels of quality and innovation. Our philosophy is based on full transparency and continuous cooperation with the client, making each project a part of our shared journey towards success.</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: 20px;">Keeping Up with the Latest Technologies</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">At "DevDesign," we never stop learning and developing. By keeping up with the latest technological trends, we ensure our clients that every product we offer reflects the best of modern technology. Whether you're looking to improve the user experience or increase speed performance, we're here to provide you with innovative technical solutions that keep your business always at the forefront.</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: 20px;">Success Strategies</h4>
                            <ul>
                                <li>2025</li>
                                <li>Comment</li>
                            </ul>
                            <p style="font-family: cairo, sans-serif; text-align: justify; direction: ltr;">In the rapidly changing digital business world, it's important to have updated strategies to keep up with the challenges. At "DevDesign," we help you build marketing and software strategies that achieve sustainable success. Whether through developing e-commerce platforms or creating innovative management systems, we work to provide solutions that boost your business growth and achieve market dominance.</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; ">New Ideas, New Moments</h2>
                        <p style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px;">Innovation is the key to success.</p>
                        <a href="./portfolio_en.html" style="font-family: cairo, sans-serif; text-align: left;  font-size: 20px;">View Our Portfolio</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; " >About Us</h5>
                            <p style="font-family: cairo, sans-serif; text-align: left; ">DevDesign is a company specializing in the development of management systems for restaurants and cafes, marketing strategies, website design, and visual identity, while providing innovative and customized solutions that help our clients grow.</p>
                            <a href="./about_en.html" class="read__more" style="font-family: cairo, sans-serif; text-align: left; ">Read More<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; ">Our Blog</h5>
                            <ul>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">About Us</a></li>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Our Distinguished Services</a></li>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Our Success Stories</a></li>
                                <li><a href="#" style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Why Choose DevDesign</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; ">Services</h5>
                            <ul>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Graphic Design</a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Business Management Software</a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Websites</a></li>
                                <li><a href="#"  style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Sponsored Ads</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; ">Contact Us</h5>
                            <p style="font-family: cairo, sans-serif; text-align: left;  font-size: 15px;">Every challenge is an opportunity for growth and success.</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 ©
                            <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>