saahildcom/src/components/infobelowmain/index.tsx

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>
}