Skip to content

Instantly share code, notes, and snippets.

@ItsCosmas
Created November 28, 2019 08:40
Show Gist options
  • Save ItsCosmas/5a0da4551ab560bd20a61f9ded2b04a2 to your computer and use it in GitHub Desktop.
Save ItsCosmas/5a0da4551ab560bd20a61f9ded2b04a2 to your computer and use it in GitHub Desktop.
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;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment