Rev 3423 | Rev 3425 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
/* eslint-disable react/prop-types */
import React from 'react'
const PublicPost = (props) => {
return (
<div className='d-flex align-items-center justify-content-center' style="background: #fff; min-height: 100vh;">
<div className='row p-2 m-2'>
<div className='col-md-6 col-sm-12 col-12'>
<div className="card">
<img className="card-img-top" src={props.image} alt={props.title} />
</div>
</div>
<div className='col-md-6 col-sm-12 col-12 d-flex align-items-center position-relative'>
<div className="card border-0">
<div className="card-body">
<h1 className="card-title font-weight-bold border-bottom">{props.title}</h1>
<p className="card-text">
{props.description}
</p>
<a href={props.url} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
Ir al post
</a>
</div>
</div>
</div>
</div>
</div >
)
}
export default PublicPost