Update pages/Info _of_Image.py

pages/Info _of_Image.py

@@ -23,7 +23,7 @@ custom_css = """
     p {
         color: #FFFFFF; /* White text for paragraphs */
     }
-       .stButton>button {
+    .stButton>button {
         background-color: #4CAF50; /* Green */
         color: white;
         padding: 10px 24px;
@@ -50,11 +50,11 @@ custom_css = """
     }
 </style>
 """
-</style>
-"""
 
 # Inject the CSS into the app
 st.markdown(custom_css, unsafe_allow_html=True)
+
+# Page content
 st.markdown("<h2 style='text-align: left; color: Black;'>What is IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -62,6 +62,7 @@ st.markdown(
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h2 style='text-align: left; color: Black;'>Features of IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -78,6 +79,7 @@ st.markdown(
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h2 style='text-align: left; color: Black;'>Basic Operations in IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -86,33 +88,36 @@ st.markdown(
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h3 style='text-align: left; color: Black;'>Why cv2 is Used</h3>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
     "cv2 is used for various ways like:"
-    "1.Image Processing"
-    "2.Video Analysis"
-    "3.Feature Detection"
-    "4.Image Transformations"
+    "1. Image Processing"
+    "2. Video Analysis"
+    "3. Feature Detection"
+    "4. Image Transformations"
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h3 style='text-align: left; color: Black;'>Operations Used</h3>", unsafe_allow_html=True)
-st.markdown("1.imread()")
-st.markdown("2.imshow()")
-st.markdown("3.imwrite()") 
-st.markdown("4.cv2.waitkey()")
-st.markdown("5.destroyallwindows()")
+st.markdown("1. imread()")
+st.markdown("2. imshow()")
+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)
+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("Color Space"):
+        st.markdown("Color space is used to get color image")
     if st.button("Video Creation"):
-        st.mnarkdown("video creation)
+        st.markdown("Video creation is used to generate a video from images or frames")
+
 # Add a link to the code
 st.markdown(
     "<p style='font-size: 16px; color: White;'>"