diff --git a/src/assets/img/side-banner.jpg b/src/assets/img/side-banner.jpg
new file mode 100644
index 0000000..cc3155a
Binary files /dev/null and b/src/assets/img/side-banner.jpg differ
diff --git a/src/component/start/Start.jsx b/src/component/start/Start.jsx
index e940b7e..3d45662 100644
--- a/src/component/start/Start.jsx
+++ b/src/component/start/Start.jsx
@@ -1,15 +1,16 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
+//const imP = '../../../../src/assets/img/side-banner.jpg'
 
+export default function Start() {
 
-export default function Start(){
-
-    return(
+    return (
         <>
-            <BreadcrumbComBS title='Get Started...' paths={['Dashboard', 'Start']} />
+            <BreadcrumbComBS title='Get Started...' paths={['Dashboard', 'Start']}/>
             <div className="row">
                 <div className="col-xl-3 col-md-6">
-                    <div className="card card-statistics text-center py-3">
+                    <div className="card card-statistics text-center py-3"
+                         style={{minHeight: '350px', backgroundImage: '../../../src/assets/img/side-banner.jpg'}}>
                         <div className="card-body pricing-content">
                             {/*<div className="pricing-content-card">*/}
                             {/*    <h5>Premium</h5>*/}
@@ -33,7 +34,7 @@ export default function Start(){
                         <div className="card-body pricing-content">
                             <div className="pricing-content-card">
                                 <h5>Start with</h5>
-                                <h2 className="text-primary pt-3" ><a href="/product/A000001">Personal Website</a></h2>
+                                <h2 className="text-primary pt-3"><a href="/product/A000001">Personal Website</a></h2>
                                 <ul className="py-2">
                                     <li>post jobs</li>
                                     <li>advanced instructors search</li>
@@ -41,7 +42,8 @@ export default function Start(){
                                     <li>post events</li>
                                     <li>cancel any time</li>
                                 </ul>
-                                <div className="pt-2"><a href="/product/A000001" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>
+                                <div className="pt-2"><a href="/product/A000001"
+                                                         className="btn btn-primary btn-round btn-sm">Start</a></div>
                             </div>
                         </div>
                     </div>
@@ -60,30 +62,31 @@ export default function Start(){
                                     <li>post events</li>
                                     <li>cancel any time</li>
                                 </ul>
-                                <div className="pt-2"><a href="/product/A000001" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>
+                                <div className="pt-2"><a href="/product/A000001"
+                                                         className="btn btn-primary btn-round btn-sm">Start</a></div>
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div className="col-xl-3 col-md-6">
-                    <div className="card card-statistics text-center py-3">
-                        <div className="card-body pricing-content">
-                            {/*<div className="pricing-content-card">*/}
-                            {/*    <h5>small</h5>*/}
-                            {/*    <h2 className="text-primary pt-3">$80</h2>*/}
-                            {/*    <p className="text-primary pb-3">/ Monthly</p>*/}
-                            {/*    <ul className="py-2">*/}
-                            {/*        <li>post jobs</li>*/}
-                            {/*        <li>advanced instructors search</li>*/}
-                            {/*        <li>invite candidates</li>*/}
-                            {/*        <li>post events</li>*/}
-                            {/*        <li>cancel any time</li>*/}
-                            {/*    </ul>*/}
-                            {/*    <div className="pt-2"><a href="javascript:void(0)" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>*/}
-                            {/*</div>*/}
-                        </div>
-                    </div>
+                    {/*<div className="card card-statistics text-center py-3">*/}
+                    {/*<div className="card-body pricing-content">*/}
+                    {/*<div className="pricing-content-card">*/}
+                    {/*    <h5>small</h5>*/}
+                    {/*    <h2 className="text-primary pt-3">$80</h2>*/}
+                    {/*    <p className="text-primary pb-3">/ Monthly</p>*/}
+                    {/*    <ul className="py-2">*/}
+                    {/*        <li>post jobs</li>*/}
+                    {/*        <li>advanced instructors search</li>*/}
+                    {/*        <li>invite candidates</li>*/}
+                    {/*        <li>post events</li>*/}
+                    {/*        <li>cancel any time</li>*/}
+                    {/*    </ul>*/}
+                    {/*    <div className="pt-2"><a href="javascript:void(0)" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>*/}
+                    {/*</div>*/}
+                    {/*</div>*/}
+                    {/*</div>*/}
                 </div>
             </div>