single post implementation
This commit is contained in:
victorAnumudu
@@ -1,5 +1,5 @@
|
||||
import React from 'react'
|
||||
import { useLocation } from 'react-router-dom'
|
||||
import { useLocation, Link } from 'react-router-dom'
|
||||
// import SiteService from '../svs/SiteService';
|
||||
|
||||
const BlogItems = ({blogData}) => {
|
||||
@@ -55,7 +55,7 @@ const BlogItems = ({blogData}) => {
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="/sel_post/">{blog.post_title.substring(0,40)+' . . .'}</a>
|
||||
<Link to="/sel_post" state={{blog}}>{blog.post_title.substring(0,40)+' . . .'}</Link>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
|
||||
@@ -86,7 +86,7 @@ const BlogItems = ({blogData}) => {
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="/sel_post">{blog.post_title.substring(0,40)+' . . .'}</a>
|
||||
<Link to="/sel_post" state={{blog}}>{blog.post_title.substring(0,40)+' . . .'}</Link>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import React, {Component,useState, useEffect} from 'react';
|
||||
import {Link} from 'react-router-dom'
|
||||
import BlogItems from '../components/BlogItems';
|
||||
import SiteService from "../svs/SiteService";
|
||||
|
||||
@@ -75,7 +76,7 @@ class Blog_listing extends React.Component {
|
||||
<p className="p-2 post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xl">
|
||||
<a href="single-post.html">{this.props.blogData?.featured.post_title}</a>
|
||||
<Link to="/sel_post" state={{blog:this.props.blogData?.featured}}>{this.props.blogData?.featured.post_title}</Link>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
{/* <p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida a porta
|
||||
|
||||
+264
-242
@@ -1,249 +1,271 @@
|
||||
import React, {Component} from 'react';
|
||||
import React, {Component, useEffect, useState} from 'react';
|
||||
import { useLocation, useNavigate } from 'react-router-dom';
|
||||
|
||||
class Single_post extends React.Component {
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
let Single_post = ()=> {
|
||||
const navigate = useNavigate()
|
||||
|
||||
let {state} = useLocation()
|
||||
console.log(state)
|
||||
|
||||
{/* PRELOADER SPINNER
|
||||
============================================= */}
|
||||
<div id="loader-wrapper">
|
||||
<div id="loading">
|
||||
<span className="cssload-loader"><span className="cssload-loader-inner" /></span>
|
||||
</div>
|
||||
</div>
|
||||
{/* PAGE CONTENT
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
{/* SINGLE POST
|
||||
============================================= */}
|
||||
<section id="single-post" className="bg_whitesmoke hero-offset-nav pb-80 single-post-section division">
|
||||
<div className="container">
|
||||
{/* SINGLE POST CONTENT */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="single-post-wrapper">
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title">
|
||||
{/* CATEGORY */}
|
||||
<p className="p-lg post-tag skyblue-color">Float News</p>
|
||||
{/* TITLE */}
|
||||
<h4 className="h4-xl">Aliquam augue Float, luctus neque purus an ipsum and neque dolor libero</h4>
|
||||
{/* POST DATA */}
|
||||
<div className="post-data clearfix">
|
||||
{/* Author Avatar */}
|
||||
<div className="post-author-avatar">
|
||||
<img src="assets/images/post-author-1.jpg" alt="author-avatar" />
|
||||
</div>
|
||||
{/* Author Data */}
|
||||
<div className="post-author">
|
||||
<span>Gordon Wright <a href="#" className="follow-author">Follow</a></span>
|
||||
<span>April 05 - 12 min read</span>
|
||||
</div>
|
||||
</div> {/* END POST DATA */}
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg">Mauris donec ociis et magnis sapien etiam sapien sem sagittis congue tempor gravida donec
|
||||
and ipsum aporta justo integer at odio velna. Maecenas gravida porttitor nunc vehicula magna luctus tempor. Quisque vel laoreet turpis. An augue viverra a augue eget, dictum tempor pulvinar donec ociis et magnis
|
||||
sapien imperdiet dui varius placerat imperdiet ipsum varius viverra augue egestas luctus donec purus and
|
||||
blandit impedit ligula risus. Mauris donec
|
||||
</p>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
{/* BLOG POST INNER IMAGE */}
|
||||
<div className="post-inner-img">
|
||||
<img className="img-fluid" src="assets/images/blog/inner-img-1.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg">Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo. Velna vitae auctor
|
||||
massa congue magna nihil impedit ligula risus. Mauris donec ociis and magnis sapien etiam sapien sagittis
|
||||
congue tempor a gravida donec enim ipsum porta justo integer undo odio velna. Maecenas gravida porttitor nunc, quis vehicula magna at luctus tempor. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum
|
||||
tempor diam. Sed pulvinar consectetur nibh, vel imperdiet dui varius viverra. Pellentesque ac massa lorem
|
||||
fusce eu tempor gravida porttitor cursus fusce
|
||||
</p>
|
||||
{/* List */}
|
||||
<ol className="digit-list">
|
||||
<li><p className="p-lg">Donec dolor suscipit magna vehicula impedit ligula risus. Mauris donec ociis magnis
|
||||
sapien etiam and sapien sem sagittis congue tempor gravida porttitor nunc, quis vehicula magna
|
||||
</p></li>
|
||||
<li><p className="p-lg">Placerat imperdiet dui varius consectetur nibh, vel imperdiet dui varius viverra donec
|
||||
ociis magnis
|
||||
</p></li>
|
||||
<li><p className="p-lg">Cubilia laoreet augue egestas cursus magna nihil impedit ligula risus. Mauris donec et magnis sapien etiam sapien rutrum tempor mullam blandit tempor sapien and gravida
|
||||
</p></li>
|
||||
<li><p className="p-lg">Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque laoreet turpis
|
||||
urna augue, viverra a augue eget, dictum tempor diam. Sed pulvinar consectetur and placerat donec
|
||||
</p></li>
|
||||
</ol>
|
||||
{/* Small Title */}
|
||||
<h5 className="h5-md mt-50">Praesent aliquet tempus<br />
|
||||
(tempor gravida ipsum as an example)
|
||||
</h5>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida
|
||||
ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus nec, luctus mauris orci auctor euismod purus pretium purus pretium
|
||||
ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien undo euismod purus blandit velna vitae auctor a congue magna
|
||||
tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget, dictum tempor diam
|
||||
pulvinar consectetur purus efficitur ipsum primis in cubilia laoreet augue donec
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum vitae purus
|
||||
efficitur ipsum primis in cubilia laoreet augue egestas luctus donec diam. Curabitur dapibus libero. Mauris
|
||||
donec ociis a neque. Phasellus blandit tristique justo and aliquam vitae molestie nunc sapien justo, aliquet
|
||||
non molestie augue, venenatis nec purus aliquam eget lacinia elit tincidunt
|
||||
</p>
|
||||
{/* BLOG POST INNER IMAGES */}
|
||||
<div className="post-inner-img">
|
||||
<div className="row">
|
||||
{/* Inner Image #1 */}
|
||||
<div className="col-md-6 top-img blog-post-img">
|
||||
{/* Image */}
|
||||
<img className="img-fluid" src="assets/images/blog/post-4-img.jpg" alt="blog-post-image" />
|
||||
{/* Text */}
|
||||
<p>Maecenas gravida porttitor nunc magna</p>
|
||||
</div>
|
||||
{/* Inner Image #2 */}
|
||||
<div className="col-md-6 blog-post-img">
|
||||
{/* Image */}
|
||||
<img className="img-fluid" src="assets/images/blog/post-7-img.jpg" alt="blog-post-image" />
|
||||
{/* Text */}
|
||||
<p>Gravida porttitor nunc, quis vehicula tempor</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END INNER IMAGES */}
|
||||
{/* Text */}
|
||||
<p className="p-lg">Nulla tincidunt volutpat tincidunt. Pellentesque habitant morbi tristique senectus and netus
|
||||
laoreet malesuada famesa augue suscipit, luctus at neque purus neque dolor primis. Nemo sodales ipsam egestas volute turpis a dolores aliquam quaerat sodales sapien congue augue eget gravida laoreet turpis urna augue, viverra a augue eget, dictum dictum tempor diam pulvinar consectetur
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida
|
||||
ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus nec, luctus mauris orci auctor euismod purus pretium at purus pretium
|
||||
ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
let [pageLoading, setPageloading] = useState(true)
|
||||
|
||||
{/* Small Title */}
|
||||
<h5 className="h5-md">Vitae massa placerat vulputate</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Nullam non scelerisque lectus. In at mauris vel nisl convallis porta at vitae dui. Nam lacus
|
||||
vulputate ligula molestie bibendum quis, aliquet elementum massa. Vestibulum ut sagittis purus massa lorem.
|
||||
Fusce eu cursus est. Fusce non nulla vitae massa placerat vulputate purus. Aliqum mullam a blandit tempor
|
||||
posuere ligula varius congue cursus congue magna impedit ligula
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p className="p-lg"><span className="txt-500">Aliqum mullam blandit tempor sapien gravida donec ipsum</span>, at porta
|
||||
justo. Velna vitae and auctor congue magna impedit ligula risus. Mauris donec ociis magnis sapien etiam
|
||||
sapien sagittis congue posuere ligula varius congue cursus tempor gravida donec integer
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="h5-md">Cursus non nulla vitae massa</h5>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Gravida ultrices
|
||||
felis faucibus aliquet undo tempus, blandit posuere ligula varius congue cursus nulla vitae massa placerat vulputate tempor sapien gravida
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Aliquam varius neque commodo purus tempor sapien gravida vulputate pharetra bibendum
|
||||
in ante ornare
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Morbi dui lectus, lobortis felis nec, suscipit imperdiet sapien semper ultrices. Nulla
|
||||
tincidunt volutpat and tincidunt. Habitant morbi tristique senectus et netus malesuada famesa augue
|
||||
suscipit, luctus neque purus ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Curabitur ac dapibus libero quisque eu tristique neque sellus blandit tristique justo ut aliquam.
|
||||
Aliquam vitae at molestie nunc sapien justo, aliquet non molestie sed, venenatis nec purus. Aliquam eget lacinia
|
||||
tincidunt massa justo. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum tempor diam. Sed
|
||||
pulvinar consectetur nibh, vel imperdiet varius viverra. Pellentesque ac massa lorem. Fusce eu cursus est.
|
||||
Fusce non nulla vitae massa placerat bulum tincidunt tincidunt massa, et porttitor justo viverra a augue eget
|
||||
</p>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
{/* SINGLE POST SHARE LINKS */}
|
||||
<div className="row post-share-links d-flex align-items-center">
|
||||
{/* POST TAGS */}
|
||||
<div className="col-md-9 col-xl-8 post-tags-list">
|
||||
|
||||
</div>
|
||||
{/* POST SHARE ICONS */}
|
||||
<div className="col-md-3 col-xl-4 post-share-list text-right">
|
||||
<ul className="share-social-icons ico-25 text-center clearfix">
|
||||
<li><a href="#" className="share-ico ico-facebook"><span className="flaticon-twitter" /></a></li>
|
||||
<li><a href="#" className="share-ico ico-twitter"><span className="flaticon-facebook" /></a></li>
|
||||
<li><a href="#" className="share-ico ico-like"><span className="flaticon-bookmark-white" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST SHARE */}
|
||||
{/* OTHER POSTS
|
||||
============================================= */}
|
||||
<div className="other-posts">
|
||||
<div id="op-row" className="row d-flex align-items-center">
|
||||
{/* Previous Post */}
|
||||
<div className="col-md-5">
|
||||
<div className="prev-post mb-30 pr-45">
|
||||
<h5 className="h5-sm">Previous Post</h5>
|
||||
<a href="single-post.html">Congue bulum Float tincidunt at purus pretium magnis</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* All Posts */}
|
||||
<div className="col-md-2 text-center">
|
||||
<div className="all-posts ico-35 mb-30">
|
||||
<a href="blog-listing.html"><span className="flaticon-four-black-squares" /></a>
|
||||
</div>
|
||||
</div>
|
||||
{/* Next Post */}
|
||||
<div className="col-md-5 text-right">
|
||||
<div className="next-post mb-30 pl-45">
|
||||
<h5 className="h5-sm">Next Post</h5>
|
||||
<a href="single-post.html">8 neque dolor primis a libero tempus augue tempor</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END OTHER POSTS */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
</div> {/* End container */}
|
||||
{/* GEOMETRIC OVERLAY */}
|
||||
<div className="bg_fixed geometric_overlay" />
|
||||
</section> {/* END SINGLE POST */}
|
||||
|
||||
|
||||
</div> {/* END PAGE CONTENT */}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
useEffect(()=>{
|
||||
if(state == null) {
|
||||
navigate('/', {replace: true})
|
||||
}
|
||||
let pageLoadingTimeout = setTimeout(()=>{
|
||||
setPageloading(false)
|
||||
},3000)
|
||||
return ()=>{
|
||||
clearInterval(pageLoadingTimeout)
|
||||
}
|
||||
}, [])
|
||||
|
||||
return(
|
||||
|
||||
pageLoading ?
|
||||
<div className='row p-5 mt-5'>
|
||||
<div className="col-12 text-center p-5 mt-5">
|
||||
<div className="spinner-border spinner-border-lg" role="status" style={{width: '3rem', height: '3rem'}}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
:
|
||||
<div>
|
||||
|
||||
|
||||
{/* PRELOADER SPINNER
|
||||
============================================= */}
|
||||
<div id="loader-wrapper">
|
||||
<div id="loading">
|
||||
<span className="cssload-loader"><span className="cssload-loader-inner" /></span>
|
||||
</div>
|
||||
</div>
|
||||
{/* PAGE CONTENT
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
{/* SINGLE POST
|
||||
============================================= */}
|
||||
<section id="single-post" className="bg_whitesmoke hero-offset-nav pb-80 single-post-section division">
|
||||
<div className="container">
|
||||
{/* SINGLE POST CONTENT */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="single-post-wrapper">
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title">
|
||||
{/* CATEGORY */}
|
||||
<p className="p-lg post-tag skyblue-color">Float News</p>
|
||||
{/* TITLE */}
|
||||
<h4 className="h4-xl">{state.blog.post_title}</h4>
|
||||
{/* POST DATA */}
|
||||
<div className="post-data clearfix">
|
||||
{/* Author Avatar */}
|
||||
<div className="post-author-avatar">
|
||||
<img src="assets/images/post-author-1.jpg" alt="author-avatar" />
|
||||
</div>
|
||||
{/* Author Data */}
|
||||
<div className="post-author">
|
||||
<span>Gordon Wright <a href="#" target='_blank' className="follow-author">Follow</a></span>
|
||||
<span>April 05 - 12 min read</span>
|
||||
</div>
|
||||
</div> {/* END POST DATA */}
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* Text */}
|
||||
<div dangerouslySetInnerHTML={{__html: state.blog.post_content}}></div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
{/* BLOG POST INNER IMAGE */}
|
||||
<div className="post-inner-img">
|
||||
<img className="img-fluid" src={process.env.REACT_APP_IMAGE_LINK + state.blog.meta_value} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg">Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo. Velna vitae auctor
|
||||
massa congue magna nihil impedit ligula risus. Mauris donec ociis and magnis sapien etiam sapien sagittis
|
||||
congue tempor a gravida donec enim ipsum porta justo integer undo odio velna. Maecenas gravida porttitor nunc, quis vehicula magna at luctus tempor. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum
|
||||
tempor diam. Sed pulvinar consectetur nibh, vel imperdiet dui varius viverra. Pellentesque ac massa lorem
|
||||
fusce eu tempor gravida porttitor cursus fusce
|
||||
</p> */}
|
||||
{/* List */}
|
||||
{/* <ol className="digit-list">
|
||||
<li><p className="p-lg">Donec dolor suscipit magna vehicula impedit ligula risus. Mauris donec ociis magnis
|
||||
sapien etiam and sapien sem sagittis congue tempor gravida porttitor nunc, quis vehicula magna
|
||||
</p></li>
|
||||
<li><p className="p-lg">Placerat imperdiet dui varius consectetur nibh, vel imperdiet dui varius viverra donec
|
||||
ociis magnis
|
||||
</p></li>
|
||||
<li><p className="p-lg">Cubilia laoreet augue egestas cursus magna nihil impedit ligula risus. Mauris donec et magnis sapien etiam sapien rutrum tempor mullam blandit tempor sapien and gravida
|
||||
</p></li>
|
||||
<li><p className="p-lg">Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque laoreet turpis
|
||||
urna augue, viverra a augue eget, dictum tempor diam. Sed pulvinar consectetur and placerat donec
|
||||
</p></li>
|
||||
</ol> */}
|
||||
{/* Small Title */}
|
||||
{/* <h5 className="h5-md mt-50">Praesent aliquet tempus<br />
|
||||
(tempor gravida ipsum as an example)
|
||||
</h5> */}
|
||||
{/* List */}
|
||||
{/* <ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida
|
||||
ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus nec, luctus mauris orci auctor euismod purus pretium purus pretium
|
||||
ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien undo euismod purus blandit velna vitae auctor a congue magna
|
||||
tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget, dictum tempor diam
|
||||
pulvinar consectetur purus efficitur ipsum primis in cubilia laoreet augue donec
|
||||
</p>
|
||||
</li>
|
||||
</ul> */}
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg">Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum vitae purus
|
||||
efficitur ipsum primis in cubilia laoreet augue egestas luctus donec diam. Curabitur dapibus libero. Mauris
|
||||
donec ociis a neque. Phasellus blandit tristique justo and aliquam vitae molestie nunc sapien justo, aliquet
|
||||
non molestie augue, venenatis nec purus aliquam eget lacinia elit tincidunt
|
||||
</p> */}
|
||||
{/* BLOG POST INNER IMAGES */}
|
||||
<div className="post-inner-img">
|
||||
<div className="row">
|
||||
{/* Inner Image #1 */}
|
||||
<div className="col-md-6 top-img blog-post-img">
|
||||
{/* Image */}
|
||||
{/* <img className="img-fluid" src="assets/images/blog/post-4-img.jpg" alt="blog-post-image" /> */}
|
||||
{/* Text */}
|
||||
{/* <p>Maecenas gravida porttitor nunc magna</p> */}
|
||||
</div>
|
||||
{/* Inner Image #2 */}
|
||||
<div className="col-md-6 blog-post-img">
|
||||
{/* Image */}
|
||||
{/* <img className="img-fluid" src="assets/images/blog/post-7-img.jpg" alt="blog-post-image" /> */}
|
||||
{/* Text */}
|
||||
{/* <p>Gravida porttitor nunc, quis vehicula tempor</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END INNER IMAGES */}
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg">Nulla tincidunt volutpat tincidunt. Pellentesque habitant morbi tristique senectus and netus
|
||||
laoreet malesuada famesa augue suscipit, luctus at neque purus neque dolor primis. Nemo sodales ipsam egestas volute turpis a dolores aliquam quaerat sodales sapien congue augue eget gravida laoreet turpis urna augue, viverra a augue eget, dictum dictum tempor diam pulvinar consectetur
|
||||
</p> */}
|
||||
{/* List */}
|
||||
{/* <ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida
|
||||
ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus nec, luctus mauris orci auctor euismod purus pretium at purus pretium
|
||||
ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo
|
||||
</p>
|
||||
</li>
|
||||
</ul> */}
|
||||
|
||||
{/* Small Title */}
|
||||
{/* <h5 className="h5-md">Vitae massa placerat vulputate</h5> */}
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg">Nullam non scelerisque lectus. In at mauris vel nisl convallis porta at vitae dui. Nam lacus
|
||||
vulputate ligula molestie bibendum quis, aliquet elementum massa. Vestibulum ut sagittis purus massa lorem.
|
||||
Fusce eu cursus est. Fusce non nulla vitae massa placerat vulputate purus. Aliqum mullam a blandit tempor
|
||||
posuere ligula varius congue cursus congue magna impedit ligula
|
||||
</p> */}
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg"><span className="txt-500">Aliqum mullam blandit tempor sapien gravida donec ipsum</span>, at porta
|
||||
justo. Velna vitae and auctor congue magna impedit ligula risus. Mauris donec ociis magnis sapien etiam
|
||||
sapien sagittis congue posuere ligula varius congue cursus tempor gravida donec integer
|
||||
</p> */}
|
||||
{/* Small Title */}
|
||||
{/* <h5 className="h5-md">Cursus non nulla vitae massa</h5> */}
|
||||
{/* List */}
|
||||
{/* <ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Gravida ultrices
|
||||
felis faucibus aliquet undo tempus, blandit posuere ligula varius congue cursus nulla vitae massa placerat vulputate tempor sapien gravida
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Aliquam varius neque commodo purus tempor sapien gravida vulputate pharetra bibendum
|
||||
in ante ornare
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Morbi dui lectus, lobortis felis nec, suscipit imperdiet sapien semper ultrices. Nulla
|
||||
tincidunt volutpat and tincidunt. Habitant morbi tristique senectus et netus malesuada famesa augue
|
||||
suscipit, luctus neque purus ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul> */}
|
||||
{/* Text */}
|
||||
{/* <p className="p-lg">Curabitur ac dapibus libero quisque eu tristique neque sellus blandit tristique justo ut aliquam.
|
||||
Aliquam vitae at molestie nunc sapien justo, aliquet non molestie sed, venenatis nec purus. Aliquam eget lacinia
|
||||
tincidunt massa justo. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum tempor diam. Sed
|
||||
pulvinar consectetur nibh, vel imperdiet varius viverra. Pellentesque ac massa lorem. Fusce eu cursus est.
|
||||
Fusce non nulla vitae massa placerat bulum tincidunt tincidunt massa, et porttitor justo viverra a augue eget
|
||||
</p> */}
|
||||
</div>
|
||||
{/* END BLOG POST TEXT */}
|
||||
{/* SINGLE POST SHARE LINKS */}
|
||||
<div className="row post-share-links d-flex align-items-center">
|
||||
{/* POST TAGS */}
|
||||
<div className="col-md-9 col-xl-8 post-tags-list">
|
||||
</div>
|
||||
{/* POST SHARE ICONS */}
|
||||
<div className="col-md-3 col-xl-4 post-share-list text-right">
|
||||
<ul className="share-social-icons ico-25 text-center clearfix">
|
||||
<li><a href="#" className="share-ico ico-facebook"><span className="flaticon-twitter" /></a></li>
|
||||
<li><a href="#" className="share-ico ico-twitter"><span className="flaticon-facebook" /></a></li>
|
||||
<li><a href="#" className="share-ico ico-like"><span className="flaticon-bookmark-white" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST SHARE */}
|
||||
{/* OTHER POSTS
|
||||
============================================= */}
|
||||
<div className="other-posts">
|
||||
<div id="op-row" className="row d-flex align-items-center">
|
||||
{/* Previous Post */}
|
||||
<div className="col-md-5">
|
||||
<div className="prev-post mb-30 pr-45">
|
||||
<h5 className="h5-sm">Previous Post</h5>
|
||||
<a href="single-post.html">Congue bulum Float tincidunt at purus pretium magnis</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* All Posts */}
|
||||
<div className="col-md-2 text-center">
|
||||
<div className="all-posts ico-35 mb-30">
|
||||
<a href="blog-listing.html"><span className="flaticon-four-black-squares" /></a>
|
||||
</div>
|
||||
</div>
|
||||
{/* Next Post */}
|
||||
<div className="col-md-5 text-right">
|
||||
<div className="next-post mb-30 pl-45">
|
||||
<h5 className="h5-sm">Next Post</h5>
|
||||
<a href="single-post.html">8 neque dolor primis a libero tempus augue tempor</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END OTHER POSTS */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
</div> {/* End container */}
|
||||
{/* GEOMETRIC OVERLAY */}
|
||||
<div className="bg_fixed geometric_overlay" />
|
||||
</section> {/* END SINGLE POST */}
|
||||
|
||||
|
||||
</div> {/* END PAGE CONTENT */}
|
||||
|
||||
</div>
|
||||
)
|
||||
|
||||
}
|
||||
export default Single_post
|
||||
Reference in New Issue
Block a user