Liviu Damian, July 10, 2020
import { Row, Col, Media, Image } from 'react-bootstrap';
const AuthorIntro = () =>
<Row>
<Col md="8">
{/* AUTHOR INTRO STARTS */}
<Media className="mb-4 admin-intro">
<Image
roundedCircle
width={64}
height={64}
className="mr-3"
src="https://en.gravatar.com/userimage/54498609/e86c6271701f3ac2b77f5c526aa18d7c.jpg"
alt="Generic placeholder"
/>
<Media.Body>
<h5 className="font-weight-bold mb-0">Hello Friends,</h5>
<p className="welcome-text">
My name is Liviu and I am an experienced software engineer and project manager.
This is my professional blog.
</p>
</Media.Body>
</Media>
{/* AUTHOR INTRO ENDS */}
</Col>
</Row>
export default AuthorIntro
components/AuthorIntro.js