centred image
<strong>Discovering God</strong>

Discovering God

Explore the Divine

Join me on a journey to learn more about God and His love for us.

let startButton = document.getElementById('start-button'); let questionContainer = document.getElementById('question-container'); let questionElement = document.getElementById('question'); let answerInput = document.getElementById('answer-input'); let submitButton = document.getElementById('submit-button'); let responseElement = document.getElementById('response'); startButton.addEventListener('click', function() { questionContainer.style.display = 'block'; startButton.style.display = 'none'; askQuestion(); }); submitButton.addEventListener('click', function() { let answer = answerInput.value.trim(); if (answer === '') { responseElement.textContent = 'Please enter an answer.'; } else { checkAnswer(answer); } }); function askQuestion() { let question = 'Who is God to you?'; questionElement.textContent = question; } function checkAnswer(answer) { if (answer.toLowerCase().includes('god') || answer.toLowerCase().includes('lord')) { responseElement.textContent = 'That\'s a great answer!'; } else { responseElement.textContent = 'Interesting perspective!'; } answerInput.value = ''; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, #f0f0f0, #ffffff); } .container { width: 80%; margin: 40px auto; padding: 20px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { font-size: 36px; font-weight: bold; color: #333333; margin-bottom: 10px; } h2 { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 10px; } p { font-size: 18px; color: #888888; margin-bottom: 20px; } button { background-color: #4CAF50; color: #ffffff; padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer; } button:hover { background-color: #3e8e41; #start-button { font-size: 18px; font-weight: bold; } #question { font-size: 18px; font-weight: bold; color: #666666; } #answer-input { width: 100%; height: 30px; margin-bottom: 10px; padding: 10px; font-size: 18px; border: 1px solid #cccccc; } #submit-button { font-size: 18px; font-weight: bold; } #response { font-size: 18px; color: #888888; margin-bottom: 20px; }