Skip to content

Instantly share code, notes, and snippets.

@ItsCosmas
Created Nov 27, 2019
Embed
What would you like to do?
// The Home Page
import React, { Component } from "react";
import "./Blog.scss";
import BlogCardCol from "./BlogCardCol";
import BlogCardRow from "./BlogCardRow";
class Blog extends Component {
render() {
return (
<div className='blog'>
<div className='blog__featured'>
<div className='blog__featured-1'>
<BlogCardCol />
</div>
<div className='blog__featured-2'>
<BlogCardRow />
</div>
<div className='blog__featured-3'>
<BlogCardRow />
</div>
<div className='blog__featured-4'>
<BlogCardRow />
</div>
</div>
<div className='blog__section'>
<h4 className='heading-main'>More From Our Blogs</h4>
</div>
<div className='blog__chronological'>
<div className='blog__chronological-main'>
<BlogCardRow />
<BlogCardRow />
<BlogCardRow />
<BlogCardRow />
</div>
{/* CHRONOLOGY ASIDE */}
<div className='blog__chronological-aside'>
AD BANNER OR NEWSLETTER SUBSCRIPTION FORM
</div>
</div>
<div className='blog__section'>
<h4 className='heading-main'>Top Editorial Blogs</h4>
</div>
<div className='blog__editorial'>
<BlogCardCol />
<BlogCardCol />
<BlogCardCol />
<BlogCardCol />
</div>
</div>
);
}
}
export default Blog;
@ItsCosmas

This comment has been minimized.

Copy link
Owner Author

@ItsCosmas ItsCosmas commented Nov 27, 2019

The blog home page, you can convert to html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment