Fixed main page

example.scss

@@ -196,7 +196,7 @@ code {
 pre {
   background: #1e1e1e;
   margin: 15px;
-  padding: 15px;
+  padding: 30px 15px 0 5px;
   color: #88d0f7;
   border-radius: 15px;
   font-size: 16px;

index.html

@@ -205,8 +205,8 @@
                 settings. The default theme is the classic theme, you can choose a white or dark
                 theme.
               </p>
-              <code style="display: block; margin-top: 104px">
-                <pre>
+              <code style="display: block; margin-top: 104px; ">
+                <pre style="height: 240px;">
       <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
         selector: <span class="code__string">'.cg-dropdown_one',</span> 
         placeholder: <span class="code__string">'Choose a car',</span> 
@@ -258,7 +258,7 @@
 
           <div class="row">
             <code style="display: block">
-              <pre style="height:430px">
+              <pre style="height:460px">
         <span class="code__keyword">const</span> <span class="code__var">newTheme</span>:<span class="code__class"> CustomTheme</span> = {
       name: <span class="code__string">'test',</span> 
       styles: {
@@ -271,6 +271,16 @@
         lable: <span class="code__string">'lableTestClass',</span> ,
         },
       };
+      
+      .headTestClass {
+        background-color: <span class="code__string">#8297ff</span>;
+        color: <span class="code__string">white</span>;
+      }
+      .listTestClass {
+        background-color: <span class="code__string">#8297ff</span>;
+        border: <span class="code__string">1px solid black</span>;
+        color: <span class="code__string">white</span> ;
+      }
               </pre>
             </code>
 
@@ -301,22 +311,6 @@
               </pre>
             </code>
           </div>
-          <h6 style="text-align: center; margin-top: 15px;">CSS</h6>
-          <code style="display: block; width: 44%" class="stylesTheme">
-            <pre>
-              .headTestClass {
-                background-color: <span class="code__string">#8297ff</span>;
-                color: <span class="code__string">white</span>;
-              }
-
-              .listTestClass {
-                background-color: <span class="code__string">#8297ff</span>;
-                border: <span class="code__string">1px solid black</span>;
-                color: <span class="code__string">white</span> ;
-              }
-            </pre>
-          </code>
-
           <h6>Example custom theme in CG-Select</h6>
           <p>
             See an example of a select on

package.json

@@ -1,6 +1,6 @@
 {
   "name": "example-cg-select-page",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "This is a test page to demonstrate the capabilities of the select",
   "scripts": {
     "start": "parcel ./index.html -p 4660 --open",
@@ -13,14 +13,22 @@
     "url": "git+https://github.com/MaxOvs19/Example-CG-SELECT.git"
   },
   "keywords": [
-    "exemple-cg-select"
+    "exemple-cg-select",
+    "select",
+    "autocomplete",
+    "dropdown",
+    "multiselect",
+    "tag"
   ],
-  "author": "MaxOvs19",
+  "author": {
+    "name": "CraftGroup",
+    "url": "https://github.com/apuc/"
+  },
   "license": "ISC",
   "bugs": {
     "url": "https://github.com/MaxOvs19/Example-CG-SELECT/issues"
   },
-  "homepage": "https://MaxOvs19.github.io/Example-CG-SELECT",
+  "homepage": "https://cg-select.itguild.info",
   "dependencies": {
     "cg-select": "^0.2.5",
     "gh-pages": "^5.0.0",