<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mooli&display=swap">
    <title>Your Page Title</title>
</head>
<body style="font-family: 'Arial', sans-serif; background-color: #0074d9; margin: 0; padding: 0; color: #333;">

    
    <section style="background: linear-gradient(to bottom, #b5b0d6, #d6b5d0); margin: 20px; padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; font-family: 'Mooli', sans-serif;">
        <h1 style="margin: 0; color: #fff;">Top 3 Features of Asagi</h1>
    </section>

    
    <div style="display: flex; justify-content: space-between; padding: 20px;">

        
        <section style="flex: 1; background: linear-gradient(to bottom, #C8D6E5, #8AE9B3); margin-right: 10px; padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center;">
            <h2 style="color: #333; font-family: 'Arial', sans-serif;">Audit Logging</h2>
            <p style="font-size: 16px; color: #fff;">Contain various types of events that allow moderators and administrators to obtain more detailed information about current actions.</p>
        </section>

        
        <section style="flex: 1; background: linear-gradient(to bottom, #F9D976, #F39F86); margin-right: 10px; padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center;">
            <h2 style="color: #333; font-family: 'Arial', sans-serif;">Automatic Roles</h2>
            <p style="font-size: 16px; color: #fff;">Roles are assigned automatically upon joining the server, simplifying the process of welcoming and integrating new members.</p>
        </section>

        
        <section style="flex: 1; background: linear-gradient(to bottom, #F9C1B1, #FB8085); padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center;">
            <h2 style="color: #333; font-family: 'Arial', sans-serif;">Automatic Moderation</h2>
            <p style="font-size: 16px; color: #fff;">Select the filter you are interested in, configure it, and the bot will automatically catch rule breaker!</p>
        </section>
    </div>
</body>
</html>

Voting for Asagi Support