Rev 3426 | Rev 3429 | 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 = ({ image = '', title = '', description = '', url = '' }) => {
return (
<div classname="d-flex align-items-center justify-content-center" style={{ background: '#fff', minHeight: '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={image} alt={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">{title}</h1>
<p classname="card-text">
{description}
</p>
<a href={url} target="_blank" classname="btn btn-primary mt-2" rel="noreferrer">
Ir al post
</a>
</div>
</div>
</div>
</div>
</div>
)
}
export default PublicPost