I need a webpage of
#e6e6fa lighter bg
it has a navbar on top with 4 options
banner width size image below it
and then a feature of myth buster(it takes a statement as input and takes u to result.html page to display result)
below it, it has a slideshow of boxes with a image scaled to it's size and a quote for positvity below fits that fits the box well without overflow at least 8=10 of them in #d1c4e9 colour
then an Ai nutritionst chat bot

code for real world implemenatation in flask
i have code for myth buster:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Myth Buster Assistant</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .container {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }
        .left-image {
            flex: 1;
            text-align: center;
        }
        .left-image img {
            max-width: 80%;
            height: auto;
        }
        .right-form {
            flex: 1;
        }
        .right-form h2 {
            color: #333;
        }
        .right-form input[type="text"] {
            width: 100%;
            padding: 10px;
            margin-top: 10px;
            font-size: 16px;
        }
        .right-form input[type="submit"] {
            padding: 10px 20px;
            margin-top: 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="left-image">
            <img src="{{ url_for('static', filename='images/assistant.png') }}" alt="Assistant">
        </div>
        <div class="right-form">
            <h2>Worried about yourself?</h2>
            <form method="post">
                <input type="text" name="statement" placeholder="Type in your thoughts here..." required>
                <br>
                <input type="submit" value="Check">
            </form>
        </div>
    </div>
</body>
</html>
result.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Myth Buster Result</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .result-container {
            text-align: center;
            margin-top: 50px;
        }
        .result-container img {
            width: 100px;
            height: auto;
        }
        .result-container h2 {
            color: #333;
        }
        .result-container p {
            font-size: 18px;
            color: #555;
            max-width: 600px;
            margin: 20px auto;
        }
        .result-container a {
            display: inline-block;
            margin-top: 30px;
            padding: 10px 20px;
            font-size: 16px;
            background-color: #e7e7e7;
            color: #333;
            text-decoration: none;
            border-radius: 5px;
        }
        .result-container a:hover {
            background-color: #d7d7d7;
        }
    </style>
</head>
<body>
    <div class="result-container">
        {% if result.is_myth %}
            <img src="{{ url_for('static', filename='images/myth.png') }}" alt="Myth">
            <h2>Myth Detected</h2>
            <p>{{ result.fact }}</p>
        {% else %}
            <img src="{{ url_for('static', filename='images/fact.png') }}" alt="Fact">
            <h2>That's a Fact!</h2>
            <p>Your statement is correct.</p>
        {% endif %}
        <a href="{{ url_for('index') }}">Check Another Statement</a>
    </div>
</body>
</html>
@app.route('/myth-or-fact', methods=['GET', 'POST'])
def myth_or_fact():
    if request.method == 'POST':
        statement = request.form['statement']
        result = get_myth_or_fact(statement)
        return render_template('result.html', statement=statement, result=result)
    return render_template('index2.html')
for ai nutrionsit:
!pip install -q -U google-generativeaiimport google.generativeai as genai
from google.colab import userdata
GOOGLE_API_KEY = userdata.get('GOOGLE_API_KEY')
genai.configure(api_key=GOOGLE_API_KEY)
model = genai.GenerativeModel('gemini-pro')
def get_personalized_care(stage, user_name, specific_needs=None):
    prompt = f"""
    You are a friendly and knowledgeable prenatal and postnatal care assistant named Ally.
    Provide daily health reminders, diet tips, hydration tracking, and sleep quality suggestions for {user_name}, who is currently in the {stage}.
    """
    if specific_needs:
        prompt += f"\nConsider the following specific needs or conditions: {specific_needs}."
    prompt += "\nPresent the information in a clear and supportive manner."

    response = model.generate_content(prompt)
    return response.text
user_name = "kutu"
stage = "second trimester"
specific_needs = "vegetarian diet, iron deficiency"

recommendations = get_personalized_care(stage, user_name, specific_needs)
print(recommendations)
These inputs from user: user_name , stage = "second trimester" etc. final post natal. specific_needs