Track My BiblePal

Every child deserves to know that they are loved, seen, and never forgotten.

At BiblePals, our heart is to bring the love of God to children who may not have much, through something simple they can hold, cuddle, and treasure.

We are dreaming of providing 10,000 BiblePals, along with two interchangeable shirts for each child, to children in need across Africa. Each BiblePal would be more than just a soft toy — it would be a tangible reminder that they are loved by God, while helping introduce them to His Word from a young age.

Our goal is simple:

10,000 BiblePals.

20,000 shirts.

10,000 little hearts reached.

We are currently looking for ways to make this vision possible, including finding the right partners, organisations, and ways to bring these BiblePals into the hands of children who need them.

At the moment, donations are not available, but we hope to make this possible in the future as we work towards our goal.

Thank you for believing in our little mission and for being part of the BiblePals journey.

One little sheep. Two little shirts. One message of God's love.

10,000 little hearts. ❤️

<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
    body {
        margin: 0;
        overflow-x: hidden;
    }

    #iframeContainer {
        width: 100%;
        max-width: 600px;
        height: 0;
        padding-bottom: 75%;
        position: relative;
        margin: 20px auto;
        overflow: hidden;
        border: 1px solid #ccc;
    }

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .track-button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        border: none;
        background-color: #d3d3d3;
        color: black;
        border-radius: 5px;
    }

    @media (max-width: 600px) {
        #iframeContainer {
            padding-bottom: 100%;
        }
    }
</style>

<div style="text-align: center; margin-top: 20px;">
    <input type="button" value="TRACK HERE" class="track-button" onclick="showTrackingSite()">
    <p id="loadingMessage" style="display: none; margin-top: 10px; color: #666;">
        This site may take awhile to load, please wait...
    </p>
</div>

<div style="display: none;" id="iframeContainer">
    <iframe id="bstrackIframe"></iframe>
</div>

<script type="text/javascript">
    function showTrackingSite() {
        document.getElementById("loadingMessage").style.display = "block";

        // 17TRACK tracking website
        document.getElementById("bstrackIframe").src = "https://www.17track.net/en/";
        document.getElementById("iframeContainer").style.display = "block";
    }
</script>