mirror of
https://github.com/AmanTahiliani/Portfolio.git
synced 2026-08-07 11:52:48 -04:00
Merge pull request #1 from AmanTahiliani/feature/nontable
Changed from tabular to div
This commit is contained in:
@@ -2,7 +2,7 @@ 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'
|
||||
import AmanTahilianiPortfolio from "../media/AmanTahilianiPortfolio.png";
|
||||
|
||||
// const img = '../media/AmanTahilianiPortfolio.png'
|
||||
|
||||
@@ -12,25 +12,34 @@ class About extends Component {
|
||||
<div className="AboutComponent">
|
||||
<Row>
|
||||
<Col>
|
||||
<img src={AmanTahilianiPortfolio} className="NameImage"/>
|
||||
</Col>
|
||||
<img src={AmanTahilianiPortfolio} className="NameImage" />
|
||||
</Col>{" "}
|
||||
<Col className="InfoColumn">
|
||||
<Row>
|
||||
<h2>Hi There!</h2>
|
||||
</Row>
|
||||
<h2 style={{ marginTop: "10px" }}> Hi There! </h2>{" "}
|
||||
</Row>{" "}
|
||||
<Row>
|
||||
<h3>Let me tell you a little about myself</h3>
|
||||
</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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -8,26 +8,18 @@ class Publication extends Component {
|
||||
return (
|
||||
<div className="publication-detail">
|
||||
<h3>{this.props.title}</h3>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Authors</td>
|
||||
<td>{this.props.authors}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Publish Date</td>
|
||||
<td>{this.props.publish_date}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Abstract</td>
|
||||
<td>{this.props.abstract}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Link</td>
|
||||
<td><a href={this.props.link}>{this.props.link}</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<Row>
|
||||
<Col>Authors: {this.props.authors}</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<div>Publish Date: {this.props.publish_date}</div>
|
||||
</Row>
|
||||
<div>Link: <a href={this.props.link}>{this.props.link}</a></div>
|
||||
<br/>
|
||||
<div style={{fontWeight:"bolder"}}>Abstract:</div>
|
||||
<div>{this.props.abstract}</div>
|
||||
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -22,11 +22,13 @@ tr:hover {
|
||||
padding: 30px;
|
||||
margin: 40px;
|
||||
border: 1px solid white;
|
||||
height: auto;
|
||||
border-radius: 5em;
|
||||
border-radius: 2em;
|
||||
white-space: normal;
|
||||
overflow: auto;
|
||||
text-overflow: ellipsis;
|
||||
text-align: justify;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
.publication-detail h3 {
|
||||
|
||||
Reference in New Issue
Block a user