Update app.py

app.py

@@ -86,47 +86,19 @@ def chatbot_response(user_input):
     return response
 
 # Streamlit components
-st.markdown(
-    """
-    <style>
-    .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .header img {
-        width: 100px;  /* Adjust width as necessary */
-    }
-    .title {
-        font-size: 36px;
-        font-weight: normal;
-        text-align: center;
-        flex-grow: 1;
-    }
-    .slogan {
-        font-size: 24px;
-        font-weight: normal;
-        text-align: center;
-        margin-top: -20px; /* Adjust margin as necessary */
-    }
-    </style>
-    """,
-    unsafe_allow_html=True
-)
+st.markdown("# 🤖 ALTER-IA BOT, ton assistant virtuel de tous les jours")
+st.markdown("## Votre Réponse à Chaque Défi Méthodologique 📈")
 
-# Header with logos and title
-st.markdown(
-    """
-    <div class="header">
-        <img src="Design 3_2 (1).png" alt="Project Logo">
-        <div class="title">🤖 ALTER-IA BOT, ton assistant virtuel de tous les jours</div>
-        <img src="Altereo logo 2023 original - eau et territoires durables.png" alt="Enterprise Logo">
-    </div>
-    <div class="slogan">Votre Réponse à Chaque Défi Méthodologique 📈</div>
-    """,
-    unsafe_allow_html=True
-)
+# Create columns for logos
+col1, col2, col3 = st.columns([1, 6, 1])
+
+with col1:
+    st.image("Design 3_2 (1).png", use_column_width=True)  # Adjust image path and size as needed
+
+with col3:
+    st.image("Altereo logo 2023 original - eau et territoires durables.png", use_column_width=True)  # Adjust image path and size as needed
 
+# Input and button for user interaction
 user_input = st.text_input("You:", "")
 submit_button = st.button("Send 📨")