import streamlit as st

# HTML code for a differences box
html_code = """
<div style="
    border: 2px solid #4CAF50; 
    border-radius: 10px; 
    padding: 15px; 
    margin: 10px 0; 
    background-color: #f9f9f9; 
    color: #333;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
">
    <h3 style="text-align: center; color: #4CAF50;">Differences Between Model A and Model B</h3>
    <ul style="list-style-type: square; padding-left: 20px;">
        <li><b>Model A:</b> Faster inference time, suitable for low-latency tasks.</li>
        <li><b>Model B:</b> Higher accuracy on complex datasets.</li>
        <li><b>Model A:</b> Requires less computational resources.</li>
        <li><b>Model B:</b> Supports advanced NLP tasks like summarization and translation.</li>
    </ul>
</div>
"""

# Render the HTML in Streamlit
st.markdown(html_code, unsafe_allow_html=True)