Harika22 commited on
Commit
8ce3cdb
·
verified ·
1 Parent(s): 680220a

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +90 -0
app.py CHANGED
@@ -0,0 +1,90 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import streamlit as st
2
+
3
+ st.set_page_config(
4
+ page_title="Stylish Home Page",
5
+ page_icon="🎨",
6
+ layout="wide",)
7
+
8
+ st.markdown(
9
+ """
10
+ <style>
11
+ /* Background styling */
12
+ body {
13
+ background: linear-gradient(to right, #6a11cb, #2575fc);
14
+ color: white;
15
+ font-family: 'Arial', sans-serif;
16
+ }
17
+
18
+ /* Title styling */
19
+ h1 {
20
+ font-size: 3.5rem;
21
+ text-align: center;
22
+ margin-top: 50px;
23
+ font-weight: bold;
24
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
25
+ }
26
+
27
+ /* Subtitle styling */
28
+ h2 {
29
+ font-size: 1.8rem;
30
+ text-align: center;
31
+ margin-top: -20px;
32
+ font-weight: 300;
33
+ color: #f0f0f0;
34
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
35
+ }
36
+
37
+ /* Button styling */
38
+ .stButton > button {
39
+ background: #ff7f50;
40
+ color: white;
41
+ font-size: 1.2rem;
42
+ padding: 10px 20px;
43
+ border-radius: 8px;
44
+ border: none;
45
+ cursor: pointer;
46
+ transition: all 0.3s ease;
47
+ }
48
+
49
+ .stButton > button:hover {
50
+ background: #ff4500;
51
+ transform: scale(1.05);
52
+ }
53
+
54
+ /* Footer styling */
55
+ .footer {
56
+ position: fixed;
57
+ bottom: 0;
58
+ width: 100%;
59
+ background-color: rgba(0, 0, 0, 0.7);
60
+ color: white;
61
+ text-align: center;
62
+ padding: 10px 0;
63
+ font-size: 0.9rem;
64
+ }
65
+ </style>
66
+ """,
67
+ unsafe_allow_html=True,
68
+ )
69
+
70
+ # Main page content
71
+ st.markdown("<h1>Welcome to My Stylish Streamlit App!</h1>", unsafe_allow_html=True)
72
+ st.markdown("<h2>Transforming simplicity into elegance</h2>", unsafe_allow_html=True)
73
+
74
+ st.write("")
75
+
76
+ st.write("Explore the features of this app with stunning visuals and intuitive design.")
77
+
78
+ # Add buttons
79
+ if st.button("Get Started"):
80
+ st.write("You've clicked the 'Get Started' button! 🎉")
81
+
82
+ # Footer
83
+ st.markdown(
84
+ """
85
+ <div class="footer">
86
+ <p>© 2024 Your Company Name | Made with ❤️ in Streamlit</p>
87
+ </div>
88
+ """,
89
+ unsafe_allow_html=True,
90
+ )