diff --git a/custom.svg b/custom.svg
new file mode 100644
index 0000000..b584be3
--- /dev/null
+++ b/custom.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5229 20 20 15.5229 20 10C20 4.47714 15.5229 0 10 0C4.47714 0 0 4.47714 0 10C0 15.5229 4.47714 20 10 20ZM11.99 7.44666L10.0781 1.5625L8.16626 7.44666H1.97928L6.98465 11.0833L5.07275 16.9674L10.0781 13.3308L15.0835 16.9674L13.1716 11.0833L18.177 7.44666H11.99Z" fill="#FFDF8D"/>
+</svg>
diff --git a/index.php b/index.php
index 30c2b53..f88a07e 100644
--- a/index.php
+++ b/index.php
@@ -24,17 +24,16 @@ function __construct()
     //MENU
     function ourMenu()
     {
-        add_menu_page(
+        $mainPageHook = add_menu_page(
             'Words To Filter',
             'Word Filter',
             'manage_options',
             'ourwordfilter',
-            array(
-                $this, 'wordFilterPage'
-            ),
-            'dashicons-smiley',
+            array($this, 'wordFilterPage'),
+            'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMEMxNS41MjI5IDIwIDIwIDE1LjUyMjkgMjAgMTBDMjAgNC40NzcxNCAxNS41MjI5IDAgMTAgMEM0LjQ3NzE0IDAgMCA0LjQ3NzE0IDAgMTBDMCAxNS41MjI5IDQuNDc3MTQgMjAgMTAgMjBaTTExLjk5IDcuNDQ2NjZMMTAuMDc4MSAxLjU2MjVMOC4xNjYyNiA3LjQ0NjY2SDEuOTc5MjhMNi45ODQ2NSAxMS4wODMzTDUuMDcyNzUgMTYuOTY3NEwxMC4wNzgxIDEzLjMzMDhMMTUuMDgzNSAxNi45Njc0TDEzLjE3MTYgMTEuMDgzM0wxOC4xNzcgNy40NDY2NkgxMS45OVoiIGZpbGw9IiNGRkRGOEQiLz4KPC9zdmc+Cg==',
             100
-        );
+        ); // plugin_dir_url(__FILE__) . 'custom.svg',
+        // To use custom color on svg
 
         //SUB-MENU Word List
         add_submenu_page(
@@ -59,19 +58,42 @@ function ourMenu()
                 $this, 'optionsSubPage'
             )
         );
+
+        //LOAD CSS
+        add_action("load-{$mainPageHook}", array($this, 'mainPageAssets'));
+
     }
 
-    //SUB-MENU
-    function optionsSubPage()
-    { ?>
-        Hello Developer
-    <?php   }
+    //LOAD CSS
+    function mainPageAssets() {
+         wp_enqueue_style('filterAdminCss', plugin_dir_url(__FILE__) . 'styles.css');
+    }
 
     //MENU
     function wordFilterPage()
     { ?>
-        Hello Developer
+               <div class="wrap">
+            <h1>Word Filter</h1>
+            <form  method="POST">
+             <label for="plugin_words_to_filter">
+                  <p>Enter a <strong>comma-seprated</strong> list of words to filter from your site's content.</p>
+             </label>
+             <div class="word-filter__flex-container">
+                <textarea name="plugin_words_to_filter" 
+                id="plugin_words_to_filter" 
+                placeholder="Fool, bad, Idiot, awful, horrible"></textarea>
+             </div>
+             <input type="submit" name="submit" id="submit" class="button button-primary" value="Save Changes">
+            </form>
+        </div>
 <?php   }
+
+    //SUB-MENU
+    function optionsSubPage()
+    { ?>
+ 
+    <?php   }
+    
 }
 
 $ourWordFilterPlugin = new ourWordFilterPlugin();
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..b38fd2a
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,9 @@
+.word-filter__flex-container{
+    display: flex;
+}
+
+.word-filter__flex-container textarea{
+flex: 1;
+height: 200px;
+margin-bottom: 20px;
+}
\ No newline at end of file