mirror of
https://github.com/AmanTahiliani/Portfolio.git
synced 2026-08-08 04:06:15 -04:00
Initial Commit
This commit is contained in:
50
src/components/Header.js
Normal file
50
src/components/Header.js
Normal file
@@ -0,0 +1,50 @@
|
||||
import React, { Component } from "react";
|
||||
import "bootstrap/dist/css/bootstrap.css";
|
||||
import { Row, Col } from "react-bootstrap";
|
||||
import "./header.css";
|
||||
|
||||
class Header extends Component {
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<header className="header">
|
||||
<div className="menu-header">
|
||||
<Row style={{ height: "100%" }}>
|
||||
<Col xs={12} md={5}>
|
||||
<Row className="navRow nonNameCol">
|
||||
<Col>
|
||||
<a href="./">Home</a>
|
||||
</Col>
|
||||
<Col>
|
||||
<a>About</a>
|
||||
</Col>
|
||||
<Col>
|
||||
<a>Publications</a>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
<Col xs={12} md={2} className="navRow NameCol">
|
||||
Aman Tahiliani
|
||||
</Col>
|
||||
<Col xs={12} md={5}>
|
||||
<Row className="navRow nonNameCol">
|
||||
<Col>
|
||||
<a>Experience</a>
|
||||
</Col>
|
||||
<Col>
|
||||
<a>Devtools</a>
|
||||
</Col>
|
||||
<Col>
|
||||
<a>Contact Me!</a>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Header;
|
||||
Reference in New Issue
Block a user