Debug page
Description of code
This page is designed for autonomous, more thorough, debugging of the HTML code of published pages. The page is launched autonomously directly in the browser or code debugger, for example, in the VScode. It is enough to launch the page and insert the debugged code into the body of the body tag. For example, the code of this page is inserted into the code below. You can also freely use this code in dialogs when developing using AI.
Code example
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TutoCito CMS</title>
<meta name="description" content="Современная система управления контентом TutoCito CMS на ASP.NET Core. Управляйте сайтом в реальном времени, безопасно и удобно.">
<meta name="keywords" content="CMS, React .Net Core CMS, система управления контентом, SPA, редактор WYSIWYG, SEO, безопасность, мобильная адаптация">
<style>
/* Target the active nav-pill background color */
.nav-pills .nav-link.active {
background-color: #ffc107;/*#007bff; /* Example: Bootstrap primary blue */
color: #fff; /* Example: White text for active pill */
}
/* Target the default nav-link text color */
.nav-pills .nav-link {
color: #000/*#6c757d; /* Example: Bootstrap secondary gray */
}
/* Target the hover state of nav-links */
.nav-pills .nav-link:hover:not(.active) {
background-color: #e9ecef; /* Example: Light gray on hover */
color: #495057; /* Example: Darker gray text on hover */
}
</style>
</head>
<body>
<!--Begin of bugging code++++++++++++++++++++++++++++++++++++++++++++++-->
<!--Insert here-->
<!--End of bugging code++++++++++++++++++++++++++++++++++++++++++++++-->
</div>
<div class="col-2"></div>
</div>
<footer>
<div class="fixed-bottom">
<div class="row">
<div class="col-4 bg-success text-center text-dark">
<a class="text-dark fs-6" href="#"><small>TutoCito React ASP.Net Core CMS pro - v.8.18.4</small></a>
</div>
<div class="col-4 bg-success text-center">
<a class="text-dark fs-6" href="https://tutocito.com"><small>Copyright © TutoCito.com</small></a>
</div>
<div class="col-4 bg-success text-end">
<i class="bi bi-telegram text-info"></i> <a class="text-dark fs-6" href="https://t.me/tutocitocom"><small>TutoCito.com </small></a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
<script>
hljs.highlightAll();
</script>
</body>
</html>
