fabasoad/business-card

import * as React from 'react'
import { Col } from 'react-bootstrap'

interface PortfolioItemProps {
  img: any
  name: string
  subtitle: string
  title: string
  url: string
}

export default function PortfolioItem(props: PortfolioItemProps) {
  return (
    <Col sm={6} md={3} lg={3}>
      <div className="portfolio-item">
        <div className="hover-bg text-center">
          <a href={props.url} title={props.name} rel="noopener noreferrer" target="_blank">
            <div className="hover-text">
              <h4>{props.title}</h4>
              <small>{props.subtitle}</small>
              <i className="fa fa-search"></i>
            </div>
            <img className="img-thumbnail" src={props.img} alt={props.name} />
          </a>
        </div>
      </div>
    </Col>
  )
}