Hugging Face's logo

Spaces:
VelaTest
/
jb_events_app
Sleeping

App Files Community
jb_events_app
File size: 2,080 Bytes 
aed2820
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
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)