0UT1S's

<?php
// includes/how-to-use.php
?>
<div class="how-to-use-container" id="how-to-use-container">
    <h2>How to Use the PHP Image Converter Tool</h2>
    <div class="card-container">
        <div class="card">
            <h3>Step 1: Upload Your Image</h3>
            <p>Select an image file from your device by clicking the "Choose File" button. Supported formats include PNG, JPG, GIF, and more.</p>
        </div>
        <div class="card">
            <h3>Step 2: Choose Conversion Format</h3>
            <p>Select your desired output format from the dropdown menu. Options include PNG, JPG, GIF, ICO, and others.</p>
        </div>
        <div class="card">
            <h3>Step 3: Resize Your Image</h3>
            <p>Optionally, specify new dimensions or choose a percentage to resize your image. This ensures it fits perfectly for your needs.</p>
        </div>
        <div class="card">
            <h3>Step 4: Compress Your Image</h3>
            <p>Adjust the compression settings to reduce file size without losing quality. You can choose a target file size or set quality percentage.</p>
        </div>
        <div class="card">
            <h3>Step 5: Process Your Image</h3>
            <p>Click the "Process Image" button to start the conversion, resizing, and compression process.</p>
        </div>
        <div class="card">
            <h3>Step 6: Download Your Image</h3>
            <p>Once processed, download your newly converted, resized, and compressed image directly to your device.</p>
        </div>
    </div>
</div>