To do this, place a tag code after the tag as follows:
<![CDATA[
<body background = </div>
</section>
<section class="engagement-card">
<h2 class="engagement-title">How to use this answer better</h2>
<p class="engagement-text">
First read the answer fully, then try to explain it in your own words. After that, open a few related questions and compare the concepts. This method helps you remember the topic for a longer time and improves exam preparation.
</p>
</section>
</div>
<!-- SIDEBAR -->
<div class="col-lg-4">
<aside class="sidebar-wrap">
<div class="sidebar-card">
<div class="sidebar-header">
<h3>Related Questions</h3>
<div class="sidebar-subtitle">
Read more questions from the same topic to strengthen your preparation.
</div>
</div>
<div class="related-list">
<a class="related-item" href="/question/497">
<div class="related-number">1</div>
<div class="related-question-text">
What is HTML? </div>
</a>
<a class="related-item" href="/question/498">
<div class="related-number">2</div>
<div class="related-question-text">
What are tags? </div>
</a>
<a class="related-item" href="/question/499">
<div class="related-number">3</div>
<div class="related-question-text">
Do all HTML tags come in a pair? </div>
</a>
<a class="related-item" href="/question/500">
<div class="related-number">4</div>
<div class="related-question-text">
What are some of the common lists that can be used when designing a page? </div>
</a>
<a class="related-item" href="/question/501">
<div class="related-number">5</div>
<div class="related-question-text">
How do you insert a comment in HTML? </div>
</a>
<a class="related-item" href="/question/502">
<div class="related-number">6</div>
<div class="related-question-text">
Do all character entities display properly on all systems? </div>
</a>
<a class="related-item" href="/question/503">
<div class="related-number">7</div>
<div class="related-question-text">
What is an image map? </div>
</a>
<a class="related-item" href="/question/504">
<div class="related-number">8</div>
<div class="related-question-text">
What is the advantage of collapsing white space? </div>
</a>
<a class="related-item" href="/question/505">
<div class="related-number">9</div>
<div class="related-question-text">
Can attribute values be set to anything or are there specific values that they accept? </div>
</a>
<a class="related-item" href="/question/506">
<div class="related-number">10</div>
<div class="related-question-text">
How do you insert a copyright symbol on a browser page? </div>
</a>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
<style>
footer.site-footer,
footer.site-footer a,
footer.site-footer li,
footer.site-footer p,
footer.site-footer span,
footer.site-footer h5,
.navbar .dropdown-menu,
.navbar .dropdown-menu a,
.navbar .dropdown-menu li,
.navbar .dropdown-menu p {
color: var(--text-color) !important;
background-color: var(--header-footer-bg) !important;
}
footer.site-footer a:hover,
.navbar .dropdown-menu a:hover {
color: var(--link-hover-color) !important;
}
footer.site-footer hr {
border-color: var(--shadow-color) !important;
}
footer.site-footer i {
color: var(--text-color) !important;
}
footer.site-footer i:hover {
color: var(--link-hover-color) !important;
}
.site-footer {
padding: 48px 24px 24px;
margin-top: 40px;
border-top: 1px solid var(--border-color);
}
.site-footer .footer-inner {
width: 100%;
max-width: 100%;
margin: 0;
}
.site-footer .footer-top {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
}
.site-footer h5 {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 16px;
}
.site-footer p,
.site-footer li,
.site-footer a {
font-size: 0.98rem;
line-height: 1.7;
text-decoration: none;
}
.site-footer ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.site-footer .social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 14px;
font-size: 1rem;
}
.site-footer .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding-top: 20px;
margin-top: 28px;
border-top: 1px solid var(--shadow-color);
}
.site-footer .footer-bottom-links a {
margin-left: 18px;
}
.site-footer .footer-bottom-links a:first-child {
margin-left: 0;
}
@media (max-width: 991.98px) {
.site-footer {
padding: 36px 16px 20px;
}
.site-footer .footer-top {
grid-template-columns: 1fr;
gap: 24px;
}
.site-footer .footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.site-footer .footer-bottom-links a {
margin-left: 0;
margin-right: 16px;
}
}
</style>
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-top">
<div>
<h5>About RummanAnsari</h5>
<p>Your go-to platform for online courses, GK, blogs, and learning resources.</p>
</div>
<div>
<h5>Quick Links</h5>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/subject">Topic</a></li>
<li><a href="/course">Courses</a></li>
</ul>
</div>
<div>
<h5>Courses</h5>
<ul>
<li><a href="/course">Free Courses</a></li>
<li><a href="/course">Paid Courses</a></li>
</ul>
<h5 class="mt-4">Connect with Us</h5>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p class="mb-0">© 2026 RummanAnsari. All rights reserved.</p>
<div class="footer-bottom-links">
<a href="/about/">About</a>
<a href="/about/privacy-policy/">Privacy</a>
<a href="/about/terms-and-conditions/">Terms</a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!--<script src="/assets/js/new-scripts.js"></script>-->
<!-- below two for editor-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-lite.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-lite.min.js"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const body = document.body;
const toggleBtn = document.getElementById('sidebarToggleBtn');
const closeBtn = document.getElementById('closeSidebarBtn');
const overlay = document.getElementById('sidebarOverlay');
const mobileBreakpoint = 992;
function isMobile() {
return window.innerWidth < mobileBreakpoint;
}
function applySidebarState() {
const saved = localStorage.getItem('sidebarCollapsed');
if (isMobile()) {
body.classList.remove('sidebar-collapsed');
body.classList.remove('sidebar-mobile-open');
} else {
body.classList.remove('sidebar-mobile-open');
if (saved === 'true') {
body.classList.add('sidebar-collapsed');
} else {
body.classList.remove('sidebar-collapsed');
}
}
}
if (toggleBtn) {
toggleBtn.addEventListener('click', function () {
if (isMobile()) {
body.classList.toggle('sidebar-mobile-open');
} else {
body.classList.toggle('sidebar-collapsed');
localStorage.setItem(
'sidebarCollapsed',
body.classList.contains('sidebar-collapsed') ? 'true' : 'false'
);
}
});
}
if (closeBtn) {
closeBtn.addEventListener('click', function () {
body.classList.remove('sidebar-mobile-open');
});
}
if (overlay) {
overlay.addEventListener('click', function () {
body.classList.remove('sidebar-mobile-open');
});
}
window.addEventListener('resize', applySidebarState);
applySidebarState();
});
document.addEventListener('DOMContentLoaded', function () {
const body = document.body;
const themeButtons = document.querySelectorAll('[data-theme-button]');
});
</script>
<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-app.js";
import { getAuth, GoogleAuthProvider, signInWithPopup } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-auth.js";
const firebaseConfig = {
apiKey: "AIzaSyCNteyUk6yYXnx275jqn09fGPtjpnir5pY",
authDomain: "rummanansari-01.firebaseapp.com",
projectId: "rummanansari-01",
storageBucket: "rummanansari-01.firebasestorage.app",
messagingSenderId: "958581859518",
appId: "1:958581859518:web:ea2b17c10640eb8747eaef"
};
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const provider = new GoogleAuthProvider();
document.getElementById('googleLoginBtn').addEventListener('click', async function () {
try {
const result = await signInWithPopup(auth, provider);
const user = result.user;
const response = await fetch('/login/google', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
email: user.email || '',
first_name: user.displayName ? user.displayName.split(' ')[0] : '',
last_name: user.displayName ? user.displayName.split(' ').slice(1).join(' ') : '',
profile_image: user.photoURL || ''
})
});
const rawText = await response.text();
console.log('Server response:', rawText);
let data;
try {
data = JSON.parse(rawText);
} catch (e) {
alert('Server is not returning valid JSON. Check console.');
return;
}
if (data.status === 'success') {
window.location.href = data.redirect || '/dashboard';
} else {
alert(data.message || 'Google login failed.');
}
} catch (error) {
console.error('Google login error:', error);
alert(error.message || 'Unable to login with Google.');
}
});
</script>
</body>
</html>]]>