Spaces:
Sleeping
Sleeping
| import streamlit as st | |
| # def page_title(): | |
| # st.markdown(""" | |
| # <style> | |
| # .title { | |
| # text-align: left; | |
| # font-size: 48px; | |
| # font-weight: bold; | |
| # color: #2E3A59; | |
| # padding-bottom: 10px; | |
| # border-bottom: 3px solid #FF6F61; | |
| # display: inline-block; | |
| # } | |
| # </style> | |
| # <h1 class="title">Welcome to JB Events & Management</h1> | |
| # """, unsafe_allow_html=True) | |
| def navbar_with_title(): | |
| logo_path = "src/frontend/images/jb_events_logo.jpg" | |
| st.markdown(f""" | |
| <style> | |
| .navbar {{ | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| width: 100%; | |
| border-radius: 8px; | |
| }} | |
| .left-section {{ | |
| display: flex; | |
| align-items: center; | |
| gap: 15px; | |
| }} | |
| .menu {{ | |
| display: flex; | |
| gap: 20px; | |
| }} | |
| .menu a {{ | |
| color: black; | |
| text-decoration: none; | |
| font-weight: bold; | |
| font-size: 16px; | |
| transition: 0.3s; | |
| }} | |
| .menu a:hover {{ | |
| color: #E91E63; | |
| }} | |
| .contact {{ | |
| color: black; | |
| font-size: 16px; | |
| font-weight: bold; | |
| }} | |
| </style> | |
| <div class="navbar"> | |
| <div class="left-section"> | |
| <h1 class="title">JB Events & Management</h1> | |
| </div> | |
| <div class="menu"> | |
| <a href="#">HOME</a> | |
| <a href="#">ABOUT US</a> | |
| <a href="#">SERVICES ▼</a> | |
| <a href="#">GALLERY ▼</a> | |
| <a href="#">CONTACT US</a> | |
| </div> | |
| <div class="contact"> | |
| 📞 +91-744-888-6668 | |
| </div> | |
| </div> | |
| """, unsafe_allow_html=True) | |