import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
import { Grid, Row, Col } from "react-bootstrap";
import "./about.css";
import AmanTahilianiPortfolio from '../media/AmanTahilianiPortfolio.png'

// const img = '../media/AmanTahilianiPortfolio.png'

class About extends Component {
  render() {
    return (
    <div className="AboutComponent">
        <Row>
            <Col>
                <img src={AmanTahilianiPortfolio} className="NameImage"/>
            </Col>
            <Col className="InfoColumn">
                <Row>
                    <h2>Hi There!</h2>
                </Row>
                <Row>
                    <h3>Let me tell you a little about myself</h3>
                </Row>
                <Row className="Info">
                    <ul>
                        <li>I am a final Year BTech CSE student at Jaypee Institute of Information Technology in Noida, India.</li>
                        <li>Currently working as an SDE Intern (Backend) at <a href="https://innovaccer.com/">Innovaccer</a> as part of the DAP (Data Activation Platform).</li>
                        <li>I enjoy designing and creating the backend logic for projects and am also proficient in frontend development.</li>
                    </ul>
                </Row>
            </Col>
            
        </Row>
      </div>
    );
  }
}

export default About;