Update pages/info_of_CSV.py

pages/info_of_CSV.py

@@ -0,0 +1,70 @@
+import streamlit as st
+import pandas as pd
+import numpy as np
+
+# Custom CSS for styling
+custom_css = """
+<style>
+    html, body, [data-testid="stAppViewContainer"] {
+        background-image: linear-gradient(
+            rgba(0, 0, 0, 0.6), 
+            rgba(0, 0, 0, 0.6)
+        ), 
+        url("https://www.istockphoto.com/photo/tech-or-space-background-abstract-3d-illustration-gm1367865109-437999705?utm_source=pixabay&utm_medium=affiliate&utm_campaign=SRP_photo_sponsored&utm_content=https%3A%2F%2Fpixabay.com%2Fphotos%2Fsearch%2Fbackground%2520datascience%2F&utm_term=background+datascience.jpg");
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        color: white;  /* Ensures all text is readable */
+    }
+    h2, h3 {
+        color: #FFD700; /* Gold color for headings */
+    }
+    p {
+        color: #FFFFFF; /* White text for paragraphs */
+    }
+</style>
+"""
+
+# Inject the CSS into the app
+st.markdown(custom_css, unsafe_allow_html=True)
+st.markdown("<h2 style='text-align: left; color: Black;'>📈What is CSV </h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p style='font-size: 16px; color: White; font-style: italic;'>"
+    "A CSV (Comma-Separated Values) file is a simple file format used to store tabular data, such as a spreadsheet or database. Each row in the file corresponds to a record, and each column is separated by a delimiter, typically a comma (,). CSV files are widely used because they are easy to create, parse, and manipulate."
+    "</p>", 
+    unsafe_allow_html=True
+)
+st.markdown("<h2 style='text-align: left; color: Black;'>📈How to read CSV files</h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p style='font-size: 16px; color: White; font-style: italic;'>"
+    "CSV files can be read in various programming languages pandas in python, and Microsoft Excel application."
+    "</p>", 
+    unsafe_allow_html=True
+)
+st.markdown("<h2 style='text-align: left; color: Black;'>📈Issues encountered when handling these files</h2>", unsafe_allow_html=True)
+st.markdown("1. Parse error")
+st.markdown("2. Unicode Decode Error")
+st.markdown("3. Out of Memory")
+st.markdown("4. Large File Size")
+
+st.markdown("<h2 style='text-align: left; color: Black;'>📈How to overcome these errors/issues.</h2>", unsafe_allow_html=True)
+st.markdown("<h3 style='text-align: left; color: Black;'>📈Parse error</h3>", unsafe_allow_html=True)
+i
+
+# Add Jupyter Notebook link at the end
+st.markdown(
+    "<h3 style='text-align: left; color: Black;'>📈Learn More in the Jupyter Notebook</h3>", 
+    unsafe_allow_html=True
+)
+st.markdown(
+    "<p style='font-size: 16px; color: White; font-style: italic;'>"
+    "Click the link below to open the Jupyter Notebook for further exploration."
+    "</p>", 
+    unsafe_allow_html=True
+)
+# Insert your Jupyter Notebook URL here
+st.markdown(
+    "<a href='https://colab.research.google.com/drive/1ubmOssUfbrldtVODVsVHSyW7o8Nk7rP9?usp=sharing' target='_blank' style='font-size: 16px; color: white;'>Open Jupyter Notebook</a>", 
+    unsafe_allow_html=True
+)