Add logo in html

[Jimmy-glitch-10]

Description of the bug:

i want add logo to code HTML

<title>Custom Pre-loader</title> <style> /* Pre-loader styles */ #preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; /* Background color of the pre-loader */ display: flex; justify-content: center; align-items: center; z-index: 9999; /* Make sure it covers the content */ }

    #preloader img {
        width: 100px; /* Adjust the size of the logo */
        height: auto;
    }

    /* Main content styles */
    #main-content {
        display: none; /* Hide main content initially */
    }
</style>

<!-- Main Content -->
<div id="main-content">
    <h1>Welcome to My Website</h1>
    <p>This is the main content of the page.</p>
</div>

<script>
    // JavaScript to hide pre-loader and show main content
    window.addEventListener('load', function() {
        const preloader = document.getElementById('preloader');
        const mainContent = document.getElementById('main-content');

        // Hide preloader and show main content
        preloader.style.display = 'none';
        mainContent.style.display = 'block';
    });
</script>

Actual vs expected behavior:

No response

Any other information you'd like to share?

No response

[gmKeshari]

Hi @Jimmy-glitch-10,

The CSS for #preloader img is already in place. To add a logo to your HTML code for the pre-loader, you need to insert an img element inside the "div id="preloader" section.

Include the below section to your code :

=> Make sure to replace "path/to/your/logo.png" with the actual path to your logo image file.

[github-actions]

Marking this issue as stale since it has been open for 14 days with no activity. This issue will be closed if no further activity occurs.

[github-actions]

This issue was closed because it has been inactive for 27 days. Please post a new issue if you need further assistance. Thanks!