amantahiliani/Portfolio
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/Portfolio.git synced 2026-08-07 11:52:48 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1 from AmanTahiliani/feature/nontable

Browse Source 
Changed from tabular to div
This commit is contained in:
Aman Tahiliani
2022-05-09 00:57:18 +05:30
committed by GitHub
parent c9498d62cc c9a9f59f97
commit 8b879a6371
3 changed files with 47 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/About.js
View File

@@ -2,35 +2,44 @@ 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'
class About extends Component {
render() {
return (
<div className="AboutComponent">
<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>
<Col>
<img src={AmanTahilianiPortfolio} className="NameImage" />
</Col>{" "}
<Col className="InfoColumn">
<Row>
<h2 style={{ marginTop: "10px" }}> 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>
);
}

32
src/components/Publication.js
View File

@@ -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>
);
}

6
src/components/publication.css
View File

@@ -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 {