<?php include_once('header.php'); ?>

<section class="team-single-sec og-blog-single og-padd pd-flexed-aligned">


    <div class="og-abt-ball-1 og-ball" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="600" id="imgPf1"></div>
    <div class="og-abt-ball-2 og-ball" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="700" id="imgPf2"></div>
    <div class="og-abt-ball-3 og-ball" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="800" id="imgPf3"></div>
    <div class="og-abt-ball-4 og-ball" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="900" id="imgPf4"></div>
    <div class="og-abt-ball-5 sing-ball-5 og-ball" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="1000" id="imgPf5"></div>
    <div class="og-abt-ball-6 og-ball" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="1100" id="imgPf6"></div>
    <div class="og-abt-ball-7 og-ball" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="1200" id="imgPf7"></div>
    <div class="og-abt-ball-8 sing-bl-8  og-ball" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="1300" id="imgPf8"></div>
    <div class="og-abt-ball-9 og-ball" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="1400" id="imgPf9"></div>


    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 text-center pos-rel text-center">

                <img src="assets/img/blogs/2.jpg" class="team-single-img" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="400">

                <h2 class="og-main-header og-bc pg-title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="500">News &<br> Events</h2>

            </div>

            <div class="col-lg-6">
                <div class="og-cont-wrapper">

                    <h3 class="og-main-header text-left lh-set" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="600">Ogilvy Media and Neo@Ogilvy win Bronze at Campaign Agency of the Year Awards 2018 </h3>


                    <div data-aos="fade-left" data-aos-duration="1500" data-aos-delay="700">
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam sed vitae quia ipsam sequi quidem laudantium officia eligendi illo vero facilis laborum itaque, ullam similique cumque voluptatum delectus culpa et.sit amet consectetur adipisicing elit. Nam sed vitae quia ipsam sequi quidem laudantium officia eligendi illo vero facilis laborum itaque.voluptatum delectus culpa et.sit amet consectetur adipisicing elit.</p>

                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam sed vitae quia ipsam sequi quidem laudantium officia eligendi illo vero facilis laborum itaque.</p>


                    </div>
                </div>



            </div>


        </div>
    </div>
</section>


<script>
    let image1 = document.getElementById("imgPf1");
    let image2 = document.getElementById("imgPf2");
    let image3 = document.getElementById("imgPf3");
    let image4 = document.getElementById("imgPf4");
    let image5 = document.getElementById("imgPf5");
    let image6 = document.getElementById("imgPf6");
    let image7 = document.getElementById("imgPf7");
    let image8 = document.getElementById("imgPf8");
    let image9 = document.getElementById("imgPf9");




    window.addEventListener('mousemove', function(e) {

        let valueX = e.clientX;
        let valueY = e.clientY;


        image1.style.marginTop = valueY * 0.007 + 'px';
        image1.style.marginRight = valueX * 0.007 + 'px';

        image2.style.marginTop = valueY * 0.003 + 'px';
        image2.style.marginRight = valueX * 0.003 + 'px';

        image3.style.marginTop = valueY * 0.004 + 'px';
        image3.style.marginRight = valueX * 0.004 + 'px';

        image4.style.marginTop = valueY * 0.006 + 'px';
        image4.style.marginRight = valueX * 0.006 + 'px';

        image5.style.marginTop = valueY * 0.009 + 'px';
        image5.style.marginRight = valueX * 0.009 + 'px';

        image6.style.marginTop = valueY * 0.002 + 'px';
        image6.style.marginRight = valueX * 0.002 + 'px';

        image7.style.marginTop = valueY * 0.003 + 'px';
        image7.style.marginRight = valueX * 0.003 + 'px';

        image8.style.marginTop = valueY * 0.009 + 'px';
        image8.style.marginRight = valueX * 0.009 + 'px';

        image9.style.marginTop = valueY * 0.005 + 'px';
        image9.style.marginRight = valueX * 0.005 + 'px';
    })
</script>

<?php include_once('footer.php'); ?>