Update app.py

app.py

@@ -89,21 +89,43 @@ def chatbot_response(user_input):
 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('<div class="title">🤖 ALTER-IA BOT, ton assistant virtuel de tous les jours</div>', unsafe_allow_html=True)
-st.markdown('<div class="slogan">Votre Réponse à Chaque Défi Méthodologique 📈</div>', unsafe_allow_html=True)
+# 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
+)
 
 user_input = st.text_input("You:", "")
 submit_button = st.button("Send 📨")
@@ -122,29 +144,3 @@ if submit_button:
 # Motivational quote at the bottom
 st.markdown("---")
 st.markdown("*La collaboration est la clé du succès. Chaque question trouve sa réponse, chaque défi devient une opportunité.*")
-
-# Add CSS for positioning the logo at the bottom left
-st.markdown(
-    """
-    <style>
-    .footer-logo {
-        position: fixed;
-        bottom: 10px;
-        left: 10px;
-        width: 100px;  /* Adjust width as necessary */
-    }
-    </style>
-    """,
-    unsafe_allow_html=True
-)
-
-# Add logo to the bottom left
-st.markdown(
-    """
-    <div class="footer-logo">
-        <img src="Altereo logo 2023 original - eau et territoires durables.png" alt="">
-    </div>
-    """,
-    unsafe_allow_html=True
-)
-