Update pages/6_Feature_Engineering.py

pages/6_Feature_Engineering.py

@@ -1 +1,115 @@
 import streamlit as st
+
+st.markdown("""
+    <style>
+    /* Set a soft background color */
+    body {
+        background-color: #eef2f7;
+    }
+    /* Style for main title */
+    h1 {
+        color: black;
+        font-family: 'Roboto', sans-serif;
+        font-weight: 700;
+        text-align: center;
+        margin-bottom: 25px;
+    }
+    /* Style for headers */
+    h2 {
+        color: black;
+        font-family: 'Roboto', sans-serif;
+        font-weight: 600;
+        margin-top: 30px;
+    }
+    
+    /* Style for subheaders */
+     h3 {
+        color: red;
+        font-family: 'Roboto', sans-serif;
+        font-weight: 500;
+        margin-top: 20px;
+    }
+    .custom-subheader {
+        color: black;
+        font-family: 'Roboto', sans-serif;
+        font-weight: 600;
+        margin-bottom: 15px;
+    }
+    /* Paragraph styling */
+    p {
+        font-family: 'Georgia', serif;
+        line-height: 1.8;
+        color: black;
+        margin-bottom: 20px;
+    }
+    /* List styling with checkmark bullets */
+    .icon-bullet {
+        list-style-type: none;
+        padding-left: 20px;
+    }
+    .icon-bullet li {
+        font-family: 'Georgia', serif;
+        font-size: 1.1em;
+        margin-bottom: 10px;
+        color: black;
+    }
+    .icon-bullet li::before {
+        content: "◆";
+        padding-right: 10px;
+        color: black;
+    }
+    /* Sidebar styling */
+    .sidebar .sidebar-content {
+        background-color: #ffffff;
+        border-radius: 10px;
+        padding: 15px;
+    }
+    .sidebar h2 {
+        color: #495057;
+    }
+    /* Custom button style */
+    .streamlit-button {
+        background-color: #00FFFF;
+        color: #000000;
+        font-weight: bold;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+
+st.header("Feature Engineering📌")
+st.markdown('''
+- When you already have n- no.of features which belongs to collected data and we want to add extra feature where this is automatically engineered made from existing features and the technique of creating the feature is called **feature engineering**
+- There is a sub part in feature engineering known as feature extraction
+''')
+
+st.subheader(":violet[Feature Extraxtion]")
+st.markdown('''
+- We are having text data which is natural language where the text is given to machine to understand the natural language
+- Text is converted into vector form with feature extraction techniques using algorithms which helps to convert text iinto vector
+- While converting text into vector information should be preserved
+''')
+
+st.header("Vectorization🧭")
+st.markdown('''
+- Vectorization is a technique of converting text into vectors
+''')
+
+st.subheader("Vectorization techniques")
+st.markdown("""
+    There a different techniques to convert text into vector format.They are :
+    <ul class="icon-bullet">
+        <li>One-Hot Vectorization </li>
+        <li>Bag of Words(BOW) </li>
+        <li>Term Frequency - Inverse Document Frequency(TF-IDF) </li>
+    </ul>
+""", unsafe_allow_html=True)
+
+st.markdown("""
+    There are advance vectorization techniques.They are :
+    <ul class="icon-bullet">
+        <li>Word Embedding </li>
+            <li>Word2Vec </li>
+            <li>Fasttext</li>
+    </ul>
+""", unsafe_allow_html=True)