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>

about us

<h3 style=";text-align: left; direction: ltr;"><strong><span style="color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);">Our mission</span></strong></h3>

<h3 style=";text-align: left; direction: ltr;"><strong><span style="font-size: 31px; color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);">About us</span></strong></h3>

<h3 style=";text-align: left; direction: ltr;"><strong><span style="font-size: 21px; color: rgb(42, 75, 169); background-color: rgb(249, 200, 5);">Our vision</span></strong></h3>

<p style="line-height: 1.8;;text-align:left;direction:ltr">Our company was established in mid-2023 to provide comprehensive services in designing, selling, installing, operating and maintaining industrial kitchen and laundry equipment throughout the Kingdom. We believe that our success depends on the satisfaction of our customers, and we seek to expand by building our own factory and obtaining global agencies in this field.</p>

<p style=";text-align:left;direction:ltr">To be the benchmark for innovation and excellence in the industrial kitchen and laundry industry, and the trusted partner for all who strive to achieve the highest standards of quality and creativity.</p>

<p style=";text-align:left;direction:ltr">Transforming every space into a productive and creative environment by designing and implementing integrated solutions, with a focus on quality, efficiency and innovation in every project.</p>

<h3 style=";text-align: left; direction: ltr;"><strong><span style="color: rgb(42, 75, 169); font-size: 28px;">We turn your ideas into reality</span></strong></h3>

<p style="line-height: 1.8;;text-align:left;direction:ltr"><span style="font-size: 20px;">We understand your requirements and offer you multiple options and solutions to achieve your aspirations, and give you a unique experience at every stage of implementing your project.</span></p>

Get to know us more

About us

Our vision

Our mission

We turn your ideas into reality

Contact us

Phone

Email