ArticleView.jsx

import React from "react";
import hotpost from "../../assets/img/hot-post-1.jpg";

const ArticleView = () => {
	return (
		<div className='article__header'>
			<h4 className='heading-main'>The Blog Heading Goes Here</h4>
			<div className='article__credits'>
				Written by <span className='article__author'>Cosmas Cozy </span>
				on <span className='article__date'>22 Oct 2019</span>
			</div>
			<figure className='article__fig'>
				<img src={hotpost} alt='' className='article__img' />
				<figcaption className='article__img-caption u-center-text'>
					image blah blah blah
				</figcaption>
			</figure>
			<div className='article__content'>
				Lorem ipsum dolor sit amet consectetur adipisicing elit.
				Delectus, adipisci eveniet dicta porro voluptas corrupti neque
				consectetur. Quia maiores amet dolorum, voluptatem ducimus et.
				Saepe ad dolore debitis impedit vitae! Quo, velit iste commodi
				et voluptatibus possimus dignissimos esse unde non neque ipsa
				quaerat veniam voluptates, incidunt saepe ad modi quos dolorum
				distinctio sint? Amet molestias doloribus dignissimos tempore.
				Amet. Nemo veniam cumque perspiciatis fugiat distinctio!
				Pariatur placeat cum officiis laborum blanditiis odio eligendi
				possimus. Ullam, libero commodi. Blanditiis iusto cum et amet
				quisquam minus deleniti qui commodi magni quaerat. Ab, animi!
				Voluptatum dicta quia facere? Minima quod laudantium repellendus
				in suscipit voluptatum omnis corporis minus quae ipsam
				consequatur vero at cupiditate repellat, temporibus nesciunt
				tenetur, adipisci animi accusantium quos. Ratione cupiditate,
				quidem voluptatem sequi ducimus eaque adipisci laboriosam enim
				asperiores ab expedita quis natus incidunt doloremque vel
				aliquid assumenda numquam eos aliquam? Eveniet itaque odio
				asperiores impedit aspernatur accusamus.
			</div>
		</div>
	);
};
export default ArticleView;