noAnimation

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Social Widget</title>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <style>
        /* تنسيق عناصر واجهة المستخدم */
        .social-media-container {
            /* تحديد موضع العناصر */
            position: fixed;
            right: 40px;
            bottom: 30px;
            display: flex;
            align-items: center;
        }
        .socialButton {
            /* تنسيق زر وسائل التواصل الاجتماعي */
            background: linear-gradient(to bottom right, #FFD700, #2a4ba9);
            color: #ffffff;
            font-size: 35px;
            width: 60px;
            height: 60px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 300ms ease;
        }
        .socialButton:hover,
        .socialButton:active {
            /* تغيير خلفية الزر عند تحويل الماوس فوقه */
            background: linear-gradient(to bottom right, #2a4ba9, #FFD700);
        }

        /* تنسيق النبضة النقطية */
        .dot-pulse-container {
            position: fixed;
            right: 130px;
            bottom: 50px;
        }
        .dot-pulse {
            position: relative;
            left: -9999px;
            width: 10px;
            height: 10px;
            border-radius: 5px;
			background-color: #FFD700;
            color: #2a4ba9;
            box-shadow: 9999px 0 0 -5px;
            animation: dot-pulse 1.5s infinite linear;
            animation-delay: 0.25s;
        }
        /* تنسيق النبضة القبلية */
        .dot-pulse::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0;
            width: 10px;
            height: 10px;
            border-radius: 5px;
			background-color: #F1F4F1;
            color: #FFD700;
            box-shadow: 9984px 0 0 -5px;
            animation: dot-pulse-before 1.5s infinite linear;
            animation-delay: 0s;
        }
        /* تنسيق النبضة اللاحقة */
        .dot-pulse::after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0;
            width: 10px;
            height: 10px;
            border-radius: 5px;
            background-color: #2a4ba9;
            color: #14375B;
            box-shadow: 10014px 0 0 -5px;
            animation: dot-pulse-after 1.5s infinite linear;
            animation-delay: 0.5s;
        }

        /* تحريك النبضة */
        @keyframes dot-pulse-before {
            0% {
                box-shadow: 9984px 0 0 -5px;
            }
            30% {
                box-shadow: 9984px 0 0 2px;
            }
            60%,
            100% {
                box-shadow: 9984px 0 0 -5px;
            }
        }
        @keyframes dot-pulse {
            0% {
                box-shadow: 9999px 0 0 -5px;
            }
            30% {
                box-shadow: 9999px 0 0 2px;
            }
            60%,
            100% {
                box-shadow: 9999px 0 0 -5px;
            }
        }
        @keyframes dot-pulse-after {
            0% {
                box-shadow: 10014px 0 0 -5px;
            }
            30% {
                box-shadow: 10014px 0 0 2px;
            }
            60%,
            100% {
                box-shadow: 10014px 0 0 -5px;
            }
        }
    </style>
</head>
<body>
    
    <div class="social-media-container">
        <a href="https://wa.me/+966500108091" target="_blank" class="socialButton" id="socialBtn">
            <i class="fa fa-whatsapp icon"></i> 
        </a>
    </div>
    
    <div class="dot-pulse-container">
        <div class="dot-pulse"></div> 
    </div>
</body>
</html>

الموقع تحت الصيانة 

<h3 style="text-align: center;"><span style="font-size: 30px; color: rgb(16, 24, 40);"><strong>سنعود قريباً</strong></span></h3>

<p style="text-align: center;"><span style="font-size: 20px; color: rgb(71, 84, 103);">عزيزنا الزائر، شكراً لزيارتك لنا ونأسف لتعطل موقعنا حالياً للقيام بالصيانة الضرورية.</span></p>

The site is under maintenance. 

<p style="text-align: center;;text-align:left;direction:ltr"><span style="font-size: 20px; color: rgb(71, 84, 103);">Dear visitor, thank you for visiting us and we apologize that our site is currently down for necessary maintenance.</span></p>

معلومات عنا

<h3 style="text-align: center;"><span style="font-size: 36px; color: rgb(245, 236, 0);">تعرف علينا أكثر</span></h3>

<h3><span style="color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);"> مهمتـنــــــــا </span></h3>

<h3><span style="font-size: 31px; color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);"> نبـــذة عنــــــــا </span></h3>

<h3><span style="font-size: 21px; color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);"> رؤيـتـنـــــــــــا </span></h3>

<p style="line-height: 1.8;">تأسست شركتنا في منتصف عام 2023 لتقديم خدمات شاملة في تصميم وبيع وتركيب وتشغيل وصيانة معدات المطابخ والمغاسل الصناعية في جميع أنحاء المملكة. نؤمن بأن نجاحنا يعتمد على رضا عملائنا، ونسعى للتوسع من خلال بناء مصنع خاص بنا والحصول على وكالات عالمية في هذا المجال.</p>

<p>أن نكون معيارًا للابتكار والتميز في صناعة المطابخ والمغاسل الصناعية، والشريك الموثوق لكل من يسعى لتحقيق أعلى معايير الجودة والإبداع.</p>

<p>تحويل كل مساحة إلى بيئة إنتاجية وإبداعية من خلال تصميم وتنفيذ حلول متكاملة، مع التركيز على الجودة والكفاءة والابتكار في كل مشروع.</p>

<h3><span style="color: rgb(42, 75, 169); font-size: 28px;">نحول افكارك الى واقع ملموس</span></h3>

<p style="line-height: 1.8;"><span style="font-size: 20px;">نفهم متطلباتك ونقدم لك خيارات وحلول متعددة لنصل لتطلعاتك ، ونمنحك تجربة فريدة عند كل مرحلة من مراحل تنفيذ مشروعك .</span></p>

شكرًا لك على التواصل معنا ، وسنوافيك بالرد في أسرع وقت ممكن

تعرف علينا أكثر

نبـــذة عنــــــــا

رؤيـتـنـــــــــــا

مهمتـنــــــــا

نحول افكارك الى واقع ملموس

تواصل معنا

التليفون

البريد اللإلكتروني