Update pages/Info _of_Image.py

pages/Info _of_Image.py

@@ -23,6 +23,33 @@ custom_css = """
     p {
         color: #FFFFFF; /* White text for paragraphs */
     }
+       .stButton>button {
+        background-color: #4CAF50; /* Green */
+        color: white;
+        padding: 10px 24px;
+        border: none;
+        border-radius: 5px;
+        text-align: center;
+        font-size: 16px;
+        margin: 4px 2px;
+        transition-duration: 0.4s;
+        cursor: pointer;
+    }
+    .stButton>button:hover {
+        background-color: #45a049; /* Darker Green on hover */
+        color: white;
+    }
+    .stButton>div:nth-child(1)>button {
+        background-color: #2196F3; /* Blue */
+    }
+    .stButton>div:nth-child(2)>button {
+        background-color: #f44336; /* Red */
+    }
+    .stButton>div:nth-child(3)>button {
+        background-color: #FF9800; /* Orange */
+    }
+</style>
+"""
 </style>
 """
 
@@ -77,6 +104,14 @@ st.markdown("3.imwrite()")
 st.markdown("4.cv2.waitkey()")
 st.markdown("5.destroyallwindows()")
 
+# Buttons for each stage
+st.markdown("### Types of Data:")
+col1, col2,col3 = st.columns(3)
+
+with col1:
+    if st.button("Clor Space"):
+        st.markdown("Color space is used to get color image)
+    if st.button("Video Creation"):
 # Add a link to the code
 st.markdown(
     "<p style='font-size: 16px; color: White;'>"