i did some work

src/components/infobelowmain/index.tsx

@@ -0,0 +1,46 @@
+import Icon from "../static/Icons";
+
+export default function InfogramBelowMain() {
+    return <div className="mt-20 ml-20 container">
+        <h1 className="ml-25 font-bold text-3xl">
+            Some basic stuff about <span className="text-highlight">me</span>
+            </h1>
+            <p>
+            I started programming during the Covid Pandemic in 2020.
+            <br />
+              <br />I am fluent in new like programming languages such as
+              <i>
+                <b className='text-highlight'>
+                  {' '}
+                  <Icon icon="css"/> CSS , <Icon icon="html" /> HTML, <Icon icon="javascript" />Javascript and <Icon icon="typescript" />Typescript.{' '}
+                </b>
+              </i>
+              <br />
+              <br /> My field of Interest's are building new &nbsp;
+              <i>
+                <b className='text-highlight '>
+                  Web Technologies and Products{' '}
+                </b>{' '}
+                and also in areas related to{' '}
+                <b className='text-highlight '>
+                  Backend Services, CLI Services
+                </b>
+              </i>
+              <br />
+              <br />
+              Whenever possible, I also apply my passion for developing products
+              with <b className='text-highlight '><Icon icon="nodejs" /> Node.js</b> and
+              <i>
+                <b className='text-highlight '>
+                  {' '}
+                  Modern Javascript Library and Frameworks
+                </b>
+              </i>
+              &nbsp; like
+              <i>
+                <b className='text-highlight '>  <Icon icon="reactjs" />React.js</b>
+              </i>
+            </p>
+        <br />
+    </div>
+}