Rev 3413 | Rev 3418 | 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 = ({ post }) => {
return (
<div className='container'>
<div
className='row p-2 m-2'
style={{ backgroundColor: 'white' }}
>
<div className='col-md-6 col-sm-12 col-12'>
<div className="card">
<img className="card-img-top" src={post.image} alt={post.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">{post.title}</h1>
<p className="card-text">
{post.description}
</p>
<a href={post.url} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
<i className="fa fa-file" /> Ir al post
</a>
</div>
</div>
</div>
</div>
</div >
)
}
export default PublicPost