<!-- HTML: Kayarak Kayacak Sosyal Medya Logoları -->
<div class="social-icons-scroll">
    <a href="https://www.instagram.com" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" alt="Instagram">
    </a>
    <a href="https://wa.me/yourphonenumber" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/69/Whatsapp.svg" alt="WhatsApp">
    </a>
</div>

<!-- CSS: Kayma Animasyonu ve Stil -->
<style>
    .social-icons-scroll {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        width: 100%;
        height: 50px; /* Kayma alanının yüksekliği */
        position: relative;
        background-color: #f0f0f0;
    }

    .social-icons-scroll a {
        display: inline-block;
        margin: 0 15px;
    }

    .social-icons-scroll img {
        width: 40px; /* İstenilen boyut */
        height: auto;
    }

    @keyframes scroll-icons {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }

    .social-icons-scroll {
        animation: scroll-icons 10s linear infinite;
    }
</style>

<!-- JavaScript: Sonsuz Kaydırma Efekti -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const scrollContainer = document.querySelector('.social-icons-scroll');
        const scrollContent = scrollContainer.innerHTML;

        scrollContainer.innerHTML += scrollContent; // İçeriği kopyalayarak sonsuz kayma sağla
    });
</script>