    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
&lt;!-- Required meta tags --&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
&lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
&lt;link rel=&quot;icon&quot; href=&quot;images/favicon.png&quot;&gt;

&lt;!-- Google Fonts --&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

&lt;!-- CSS Libraries --&gt;
&lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; integrity=&quot;sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM&quot; crossorigin=&quot;anonymous&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/aos@2.3.1/dist/aos.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/slick.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/slick-theme.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/fancybox.min.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/owl.carousel.min.css&quot;&gt;


    &lt;!-- Custom CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/custom.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/responsive.css&quot;&gt;

   &lt;script&gt;
  // Speed optimization plugin script
  (function() {
    // Minify CSS function
    function minifyCSS(css) {
      // Implement your CSS minification logic here
      // For example, you can use a library like CleanCSS
      return css; // Placeholder, replace with actual minified CSS
    }

    // Minify JavaScript function
    function minifyJS(js) {
      // Implement your JavaScript minification logic here
      // For example, you can use a library like UglifyJS
      return js; // Placeholder, replace with actual minified JS
    }

    // Compress image function
    function compressImage(image) {
      // Implement your image compression logic here
      // For example, you can use a library like TinyPNG
      return image; // Placeholder, replace with actual compressed image
    }

    // Execute optimization tasks when the page loads
    window.onload = function() {
      // Minify CSS
      var stylesheets = document.querySelectorAll(&#039;link[rel=&quot;stylesheet&quot;]&#039;);
      stylesheets.forEach(function(stylesheet) {
        stylesheet.href = minifyCSS(stylesheet.href);
      });

      // Minify JavaScript
      var scripts = document.querySelectorAll(&#039;script&#039;);
      scripts.forEach(function(script) {
        script.innerHTML = minifyJS(script.innerHTML);
      });

      // Compress images
      var images = document.querySelectorAll(&#039;img&#039;);
      images.forEach(function(image) {
        image.src = compressImage(image.src);
      });
    };
  })();
&lt;/script&gt;


&lt;script&gt;
    document.addEventListener(&#039;DOMContentLoaded&#039;, function() {
        var audio = document.getElementById(&#039;background-sound&#039;);
        var playButton = document.querySelector(&#039;.play-button&#039;);
        var pauseButton = document.querySelector(&#039;.pause-button&#039;);
        var prevButton = document.querySelector(&#039;.prev-button&#039;);
        var nextButton = document.querySelector(&#039;.next-button&#039;);
        var mainButton = document.querySelector(&#039;.mainbutton&#039;);
        var musicButton = document.querySelector(&#039;.music-button&#039;);
        var musicDetail = document.querySelector(&#039;.music-detail&#039;);
        var trackNameDisplay = document.getElementById(&#039;track-name&#039;);

        // Array of audio sources with names
        var tracks = [
            { src: &#039;./audio/ADOPTION SONG LIVE.mp3&#039;, name: &#039;ADOPTION SONG LIVE&#039; },
            { src: &#039;./audio/Brandon Lake  ADOPTION SONG Lyric Video.mp3&#039;, name: &#039;ADOPTION SONG Lyric Video&#039; },
            { src: &#039;./audio/BRANDON LAKE  CHANDLER MOORE  Fear Is Not My Future Song Session.mp3&#039;, name: &#039;Fear Is Not My Future Song Session&#039; },
            { src: &#039;./audio/Brandon Lake  Dont You Give Up On Me Lyric Video.mp3&#039;, name: &#039;Dont You Give Up On Me Lyric Video&#039; },
            { src: &#039;./audio/BRANDON LAKE  GOD IS NOT AGAINST ME Song Session.mp3&#039;, name: &#039;GOD IS NOT AGAINST ME Song Session&#039; },
            { src: &#039;./audio/Brandon Lake  I PROPHESY Lyric Video.mp3&#039;, name: &#039;I PROPHESY Lyric Video&#039; },
            { src: &#039;./audio/Brandon Lake  JESUS BE PRAISED Lyric Video.mp3&#039;, name: &#039;JESUS BE PRAISED Lyric Video&#039; },
            { src: &#039;./audio/Brandon Lake  KIDS Music Video.mp3&#039;, name: &#039;KIDS Music Video&#039; },
            { src: &#039;./audio/Brandon Lake  MIRACLE CHILD Music Video.mp3&#039;, name: &#039;MIRACLE CHILD Music Video&#039; },
            { src: &#039;./audio/Brandon Lake  MORE Music Video ft Benjamin William Hastings Leeland.mp3&#039;, name: &#039;MORE ft Benjamin William Hastings &amp; Leeland&#039; },
            { src: &#039;./audio/Brandon Lake  PALM OF YOUR HAND Lyric Video.mp3&#039;, name: &#039;PALM OF YOUR HAND Lyric Video&#039; },
            { src: &#039;./audio/Brandon Lake  Praise You Anywhere Official Music Video.mp3&#039;, name: &#039;Praise You Anywhere Official Music Video&#039; },
            { src: &#039;./audio/Brandon Lake  TEAR OFF THE ROOF feat The Chosen Music Video.mp3&#039;, name: &#039;TEAR OFF THE ROOF feat The Chosen&#039; },
            { src: &#039;./audio/Coat Of Many Colors Fear Is Not My Future  Live from Summer Worship Nights.mp3&#039;, name: &#039;Fear Is Not My Future Live&#039; },
            { src: &#039;./audio/Gratitude Chosen Performance  Brandon Lake.mp3&#039;, name: &#039;Gratitude Chosen Performance&#039; },
            { src: &#039;./audio/I PROPHESY.mp3&#039;, name: &#039;I PROPHESY&#039; },
            { src: &#039;./audio/More Than Able feat Chandler Moore  Tiffany Hudson  Elevation Worship.mp3&#039;, name: &#039;More Than Able ft Chandler Moore &amp; Tiffany Hudson&#039; }
        ];

        // Load the current track index and playback state from localStorage
        var currentTrackIndex = localStorage.getItem(&#039;currentTrackIndex&#039;) ? parseInt(localStorage.getItem(&#039;currentTrackIndex&#039;)) : 0;
        var isPlaying = localStorage.getItem(&#039;isPlaying&#039;) === &#039;true&#039;;

        function updateButtonVisibility() {
            if (audio.paused) {
                playButton.style.display = &#039;block&#039;;
                pauseButton.style.display = &#039;none&#039;;
            } else {
                playButton.style.display = &#039;none&#039;;
                pauseButton.style.display = &#039;block&#039;;
            }
        }

        function updateTrackName(index) {
            trackNameDisplay.textContent = tracks[index].name;
        }

        function playTrack(index) {
            if (index &gt;= 0 &amp;&amp; index &lt; tracks.length) {
                audio.src = tracks[index].src;
                audio.play().catch(function(error) {
                    console.log(&quot;Audio playback failed:&quot;, error);
                });
                updateButtonVisibility();
                updateTrackName(index);
            }
        }

        // Initial setup
        updateTrackName(currentTrackIndex);
        playTrack(currentTrackIndex);
        updateButtonVisibility();

        // Try autoplay when the page loads
        if (isPlaying) {
            audio.play().catch(function(error) {
                console.log(&quot;Autoplay blocked: User interaction is required&quot;, error);
            });
        }

        // Play button functionality
        playButton.addEventListener(&#039;click&#039;, function() {
            audio.play().catch(function(error) {
                console.log(&quot;Audio playback failed:&quot;, error);
            });
            localStorage.setItem(&#039;isPlaying&#039;, true);
            updateButtonVisibility();
        });

        // Pause button functionality
        pauseButton.addEventListener(&#039;click&#039;, function() {
            audio.pause();
            localStorage.setItem(&#039;isPlaying&#039;, false);
            updateButtonVisibility();
        });

        // Previous button functionality
        prevButton.addEventListener(&#039;click&#039;, function() {
            currentTrackIndex = (currentTrackIndex - 1 + tracks.length) % tracks.length;
            localStorage.setItem(&#039;currentTrackIndex&#039;, currentTrackIndex);
            playTrack(currentTrackIndex);
        });

        // Next button functionality
        nextButton.addEventListener(&#039;click&#039;, function() {
            currentTrackIndex = (currentTrackIndex + 1) % tracks.length;
            localStorage.setItem(&#039;currentTrackIndex&#039;, currentTrackIndex);
            playTrack(currentTrackIndex);
        });

        // Toggle music button and music details visibility
        mainButton.addEventListener(&#039;click&#039;, function() {
            musicButton.classList.toggle(&#039;expanded&#039;);
            musicDetail.classList.toggle(&#039;active&#039;);
            if (musicButton.classList.contains(&#039;expanded&#039;)) {
                mainButton.classList.add(&#039;no-animation&#039;);
            } else {
                mainButton.classList.remove(&#039;no-animation&#039;);
            }
            updateButtonVisibility();
        });

        // Update button visibility on audio state change
        audio.addEventListener(&#039;play&#039;, function() {
            localStorage.setItem(&#039;isPlaying&#039;, true);
            updateButtonVisibility();
        });
        audio.addEventListener(&#039;pause&#039;, function() {
            localStorage.setItem(&#039;isPlaying&#039;, false);
            updateButtonVisibility();
        });
    });
&lt;/script&gt;




    &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;

  &lt;body&gt;

  
&lt;main class=&quot;frontpage position-relative&quot;&gt;
    &lt;div class=&quot;front-page-header position-absolute&quot;&gt;
        &lt;div class=&quot;children-btnn&quot;&gt;
    &lt;a href=&quot;&quot;&gt;children portal &lt;/a&gt;
    &lt;/div&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;div class=&quot;content&quot;&gt;
                &lt;ul class=&quot;p-y m-0&quot;&gt;
                    &lt;li&gt;&lt;a href=&quot;index.php&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;&quot;&gt;About Us&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;&quot;&gt;registration&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot;&gt;&lt;img src=&quot;images/front-page-logo.png&quot;&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;&quot;&gt;God’s Armor&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;&quot;&gt;menu&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;



    &lt;div class=&quot;front-page-section&quot;&gt;
        &lt;div class=&quot;container-fluid p-0 overflow-hidden&quot;&gt;
            &lt;div class=&quot;content&quot;&gt;
                &lt;img class=&quot;middle-img&quot; src=&quot;images/front-page-middle-img.png&quot;&gt;
                &lt;img src=&quot;images/front-page-rays-star.png&quot; class=&quot;position-absolute rays-star&quot;&gt;

                &lt;img class=&quot;cloud1 position-absolute&quot; src=&quot;images/front-page-cloud1.png&quot;&gt;
                &lt;img class=&quot;cloud2 position-absolute&quot; src=&quot;images/front-page-cloud2.png&quot;&gt;
                &lt;img class=&quot;cloud3 position-absolute&quot; src=&quot;images/front-page-cloud3.png&quot;&gt;
                &lt;img class=&quot;cloud4 position-absolute&quot; src=&quot;images/front-page-cloud4.png&quot;&gt;
                &lt;div class=&quot;buttons&quot;&gt;
                &lt;a href=&quot;home.php&quot;&gt;Enter Site&lt;/a&gt;
                &lt;p&gt;Copyrights © 2025 Glorytogod.love - All Rights Reserved&lt;/p&gt;
            &lt;/div&gt;
            &lt;/div&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;

&lt;/main&gt;

                                             



&lt;script src=&quot;js/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js&quot; integrity=&quot;sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;https://unpkg.com/aos@2.3.1/dist/aos.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;js/owl.carousel.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;js/popper.min.js&quot;&gt;&lt;/script&gt;

&lt;!--  &lt;script src=&quot;js/gsap.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;js/ScrollTrigger.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;js/ScrollToPlugin.min.js&quot;&gt;&lt;/script&gt;

&lt;script src=&quot;js/ScrollSmoother.min.js&quot;&gt;&lt;/script&gt;  --&gt;

&lt;script src=&quot;js/custom.js&quot;&gt;&lt;/script&gt;
</code></pre>        </div>
    </div>