Blog.jsx

// 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;

The blog home page, you can convert to html