job.svg

<svg width="720" height="720" viewBox="0 0 720 720" fill="none" xmlns="http://www.w3.org/2000/svg">

    <g id="#Circle">
        <path id="Semi2"
            d="M552.49 371.006C552.49 394.854 547.793 418.467 538.667 440.499C529.541 462.531 516.165 482.55 499.303 499.412C482.44 516.275 462.422 529.651 440.39 538.777C418.358 547.903 394.744 552.6 370.897 552.6C347.05 552.6 323.436 547.903 301.404 538.777C279.372 529.651 259.354 516.275 242.491 499.412C225.629 482.55 212.253 462.531 203.127 440.499C194.001 418.467 189.304 394.854 189.304 371.006L370.897 371.006H552.49Z"
            fill="#44D2FF" />
        <path id="Semi1"
            d="M552.49 371.006C552.49 347.159 547.793 323.545 538.667 301.514C529.541 279.482 516.165 259.463 499.303 242.6C482.44 225.738 462.422 212.362 440.39 203.236C418.358 194.11 394.744 189.413 370.897 189.413C347.05 189.413 323.436 194.11 301.404 203.236C279.372 212.362 259.354 225.738 242.491 242.6C225.629 259.463 212.253 279.482 203.127 301.514C194.001 323.545 189.304 347.159 189.304 371.006L370.897 371.006H552.49Z"
            fill="#7544FF" />
    </g>
    <script type="text/javascript">
        <![CDATA[
        var Semi1 = document.getElementById('Semi1');
        var Semi2 = document.getElementById('Semi2');


        Semi1.addEventListener("mouseenter", () => {
            // console.log(Semi1);
            Semi1.style.fill = "#FF9E44";
        });
        Semi2.addEventListener("mouseenter", () => {
            // console.log(Semi1);
            Semi2.style.fill = "#44FF62";
        });

        

        Semi1.addEventListener("mouseleave", () => {
            // console.log(Semi1);
            Semi1.style.fill = "#7544FF";
        });

        Semi2.addEventListener("mouseleave", () => {
            // console.log(Semi1);
            Semi2.style.fill = "#44D2FF";
        });

        function myProfile() {
            window.open("https://www.upwork.com/freelancers/~016b7892ff5e316fc2");
        }


        ]]>

    </script>
</svg>