|
|
|
@@ -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
|
ameye
victorAnumudu