Formated the blog date and reduced the blog-post content in the blog gallery page
This commit is contained in:
DESKTOP-QHP1O2H\MIKE
+1
-1
@@ -36,6 +36,6 @@
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/aos.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -6,6 +6,7 @@ import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
|
||||
const Main = ({ brdcum, bgimg }) => {
|
||||
const [firstBlog, setFirstBlog] = useState([]);
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
|
||||
const api = new SiteService();
|
||||
@@ -16,15 +17,18 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await api.blogData();
|
||||
let firstBlogData = res.data.shift();
|
||||
setBlogData(res.data);
|
||||
console.log("data", res.data);
|
||||
console.log("Blog details ", res);
|
||||
console.log('main blog')
|
||||
setFirstBlog([firstBlogData]);
|
||||
console.log(firstBlogData);
|
||||
console.log(res.data);
|
||||
|
||||
|
||||
} catch (error) {
|
||||
console.log("Error from blog data ", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="bred_crumb" style={{ backgroundImage: `url(${BGImg})` }}>
|
||||
@@ -68,6 +72,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
</div>
|
||||
|
||||
<section className="row_am blog_list_main">
|
||||
{firstBlog.length > 0 &&
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
@@ -76,31 +81,29 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="blog_img">
|
||||
<img
|
||||
src="https://picsum.photos/seed/picsum/505/378"
|
||||
<img
|
||||
src={firstBlog[0].meta_value}
|
||||
alt="image"
|
||||
/>
|
||||
<span>20 min ago</span>
|
||||
{/* <span>20 min ago</span> */}
|
||||
|
||||
<span>{new Date (firstBlog[0].post_date).toDateString()}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="blog_text">
|
||||
<div className="section_title">
|
||||
<h2>Top rated app of the year!</h2>
|
||||
<p>
|
||||
myFit has powerful connectivity, fitness, health, and safety
|
||||
features Also makes provision Fitness tracking,Workout
|
||||
tracking,Heart rate monitoringscrambled it to make a type
|
||||
specimen book. It has survived not only five centuries, but
|
||||
also the leap into electronic Lorem Ipsum is simply dummy
|
||||
text of the printing and typesetting.
|
||||
</p>
|
||||
<Link to="/blog-single">READ MORE</Link>
|
||||
<h2>{firstBlog[0].post_title}</h2>
|
||||
<div dangerouslySetInnerHTML={{__html: firstBlog[0].post_content.substring(0,400)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${firstBlog[0].id}`} state={firstBlog[0]}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
<section className="row_am latest_story blog_list_story" id="blog">
|
||||
<div className="container">
|
||||
@@ -110,11 +113,11 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
<div className="story_box" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src={data.meta_value} alt="image" />
|
||||
<span>{data.post_date}</span>
|
||||
<span>{new Date (data && data.post_date).toDateString()}</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<p dangerouslysethtml={data.post_content}></p>
|
||||
<div dangerouslySetInnerHTML={{__html: data && data.post_content.substring(0,100)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
const Main = ({ brdcum }) => {
|
||||
console.log('something else');
|
||||
|
||||
|
||||
};
|
||||
|
||||
export default Main;
|
||||
@@ -1,513 +0,0 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import Bredcrumb from "../../Bredcrumb/Main";
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png";
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png";
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
import { useParams } from "react-router-dom";
|
||||
|
||||
const Main = ({ brdcum }) => {
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
const { id } = useParams();
|
||||
|
||||
const api = new SiteService();
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
}, []);
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await api.blogData(id);
|
||||
setBlogData(res.data);
|
||||
console.log("data", res.data);
|
||||
console.log("Blog details ", res);
|
||||
} catch (error) {
|
||||
console.log("Error from blog data ", error);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 && (
|
||||
<Bredcrumb
|
||||
no={1}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg}
|
||||
/>
|
||||
)}
|
||||
|
||||
{brdcum.b2 && (
|
||||
<Bredcrumb
|
||||
no={2}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg1}
|
||||
/>
|
||||
)}
|
||||
|
||||
{brdcum.b5 && (
|
||||
<Bredcrumb
|
||||
no={5}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg}
|
||||
/>
|
||||
)}
|
||||
|
||||
{brdcum.b3 && <Bredcrumb no={3} title="Blog details" tag="Blog single" />}
|
||||
|
||||
{brdcum.b4 && (
|
||||
<Bredcrumb
|
||||
no={4}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg2}
|
||||
/>
|
||||
)}
|
||||
|
||||
<section className="blog_detail_section">
|
||||
<div className="container">
|
||||
<div className="blog_inner_pannel">
|
||||
<div className="review">
|
||||
<span>Review</span>
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="section_title">
|
||||
<h2>Top rated app of the year!</h2>
|
||||
</div>
|
||||
<div className="main_img">
|
||||
<img src="assets/images/blog_detail_main.png" alt="image" />
|
||||
</div>
|
||||
<div className="info">
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
in dustry lorem Ipsum has been the industrys standard dummy text
|
||||
ev er since the 1500s, when an unknown printer took a galley of
|
||||
type and scrambled it to make a type specimen book. It has
|
||||
survived not only five centuries, but also the leap into
|
||||
electronic Lorem Ipsum is simply dummy text of the printing and
|
||||
typesettingindustry lorem Ipsum has been the industrys standard
|
||||
dummy text ever since the 1500s, when an unknown printer took a
|
||||
galley of type and scrambled it to make a type specimen book. It
|
||||
has survived.
|
||||
</p>
|
||||
<p>
|
||||
Printing and typesetting in dustry lorem Ipsum has been the
|
||||
industrys standard dummy text ev er since the 1500s, when an
|
||||
unnown printer took a galley of type and scrambled it to make a
|
||||
type specimen book. It has survived not only five centuries, but
|
||||
also the leap into electronic Lorem Ipsum is simply dummy text
|
||||
of the printing and typesettingindustry lorem Ipsum has been the
|
||||
industrys centuries, but also the leap into electronic.
|
||||
</p>
|
||||
<h3>Why we are best</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
in dustry lorem Ipsum has been the industrys standard dummy text
|
||||
ev er since the 1500s, when an unknown printer took a galley of
|
||||
type and scrambled it to make a type specimen book. It has
|
||||
survived not only five centuries, but also the leap into
|
||||
electronic.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Lorem Ipsum is simply dummy text of the printing and
|
||||
typesetting in{" "}
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Dustry lorem Ipsum has been the industrys standard dummy
|
||||
text ev er since the when
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Unknown printer took a galley of type and scrambled it to
|
||||
make.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Type specimen book. It has survived not only five centuries,
|
||||
but also the leap into electronic.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Lorem Ipsum is simply dummy text of the printing.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Dustry lorem Ipsum has been the industrys standard dummy
|
||||
text ev er since.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Unknown printer took a galley of type and scrambled it to
|
||||
make.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
{" "}
|
||||
<span className="icon">
|
||||
<i className="icofont-check-circled"></i>
|
||||
</span>{" "}
|
||||
Type specimen book. It has survived not only.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="two_img">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<img src="assets/images/blog_sub_01.png" alt="image" />
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<img src="assets/images/blog_sub_02.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="info">
|
||||
<h3>Why we are best</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
in dustry lorem Ipsum has been the industrys standard dummy text
|
||||
ev er since the 1500s, when an unknown printer took a galley of
|
||||
type and scrambled it to make a type specimen book. It has
|
||||
survived not only five centuries, but also the leap into
|
||||
electronic Lorem Ipsum is simply dummy text of the printing and
|
||||
typesettingindustry lorem Ipsum has been the industrys standard
|
||||
dummy text ever since the 1500s, when an unknown printer took a
|
||||
galley of type and scrambled it to make a type specimen book. It
|
||||
has survived.
|
||||
</p>
|
||||
</div>
|
||||
<div className="quote_block">
|
||||
<span className="q_icon">
|
||||
<img src="assets/images/quote_icon.png" alt="image" />
|
||||
</span>
|
||||
<h2>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
in dustry lorem Ipsum has been the industrys standard dummy.
|
||||
</h2>
|
||||
<p>
|
||||
<span className="name">Mr. John Doe,</span> Apper Inc
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
in dustry lorem Ipsum has been the industrys standard dummy text
|
||||
ev er since the 1500s, when an unknown printer took a galley of
|
||||
type and scrambled it to make a type specimen book. It has
|
||||
survived not only five centuries, but also the leap into
|
||||
electronic industry.
|
||||
</p>
|
||||
<div className="blog_authore">
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d02.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>By: John Dow</h3>
|
||||
<span>July 25, 2022</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="social_media">
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="icofont-instagram"></i>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="icofont-pinterest"></i>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="blog_tags">
|
||||
<ul>
|
||||
<li className="tags">
|
||||
<p>Tags:</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>app,</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>rating,</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>development</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="row_am comment_section">
|
||||
<div className="container">
|
||||
<div className="section_title">
|
||||
<h2>3 Comments</h2>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d01.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>30 min ago</span>
|
||||
<h4>Dolly Shell</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and
|
||||
typesetting in dustry lorem Ipsum has been the in dustrys
|
||||
standard dummy text ev er since the 1500s, when an unknown
|
||||
printer took a galley of type and scrambled it to make a type
|
||||
specimen.{" "}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li className="replay_comment">
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d02.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>15 min ago</span>
|
||||
<h4>Devil Joe</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and
|
||||
typesetting in dustry lorem Ipsum has been the industrys
|
||||
standard dummy text ev er since the when.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d03.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>2 days ago</span>
|
||||
<h4>Sherly Shie</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and
|
||||
typesetting in dustry lorem Ipsum has been the in dustrys
|
||||
standard dummy text ev er since the 1500s, when an unknown
|
||||
printer took a galley of type and scrambled it to make a type
|
||||
specimen.{" "}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="row_am comment_form_section">
|
||||
<div className="container">
|
||||
<div className="section_title">
|
||||
<h2>
|
||||
Leave a <span>comment</span>
|
||||
</h2>
|
||||
<p>
|
||||
Your email address will not be published. Required fields are
|
||||
marked *
|
||||
</p>
|
||||
</div>
|
||||
<form action="">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="Name *"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="email"
|
||||
className="form-control"
|
||||
placeholder="Email *"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="Phone"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="Website "
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<div className="form-group">
|
||||
<textarea
|
||||
className="form-control"
|
||||
placeholder="Comments"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12 text-center">
|
||||
<button className="btn puprple_btn" type="submit">
|
||||
POST COMMENTS
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="row_am latest_story" id="blog">
|
||||
<div className="container">
|
||||
<div
|
||||
className="section_title"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h2>
|
||||
Read latest <span>story</span>
|
||||
</h2>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typese tting{" "}
|
||||
<br /> indus orem Ipsum has beenthe standard dummy.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-4">
|
||||
<div
|
||||
className="story_box"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story01.png" alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>Cool features added!</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and
|
||||
typesetting industry lorem Ipsum has.
|
||||
</p>
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<div
|
||||
className="story_box"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story02.png" alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>Top rated app! Yupp.</h3>
|
||||
<p>
|
||||
Simply dummy text of the printing and typesetting industry
|
||||
lorem Ipsum has Lorem Ipsum is.
|
||||
</p>
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<div
|
||||
className="story_box"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story03.png" alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>Creative ideas on app.</h3>
|
||||
<p>
|
||||
Printing and typesetting industry lorem Ipsum has Lorem
|
||||
simply dummy text of the.
|
||||
</p>
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Main;
|
||||
@@ -4,39 +4,16 @@ import Bredcrumb from '../../Bredcrumb/Main'
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
// import SiteService from "../../../vendors/service/siteService";
|
||||
import { useParams } from "react-router-dom";
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
// const [blogData, setBlogData] = useState([]);
|
||||
const { id } = useParams();
|
||||
const location = useLocation();
|
||||
const data = location.state?.data;
|
||||
|
||||
|
||||
console.log("location", location, data);
|
||||
|
||||
// const api = new SiteService();
|
||||
|
||||
// const getBlogData = async () => {
|
||||
// try {
|
||||
// const res = await api.blogData();
|
||||
// setBlogData(res.data);
|
||||
// console.log("data", res.data);
|
||||
// console.log("Blog details ", res);
|
||||
// console.log("good");
|
||||
|
||||
// } catch (error) {
|
||||
// console.log("Error from blog data ", error);
|
||||
// }
|
||||
// };
|
||||
|
||||
// useEffect(() => {
|
||||
// getBlogData();
|
||||
// }, []);
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@@ -79,7 +56,8 @@ const Main = ({brdcum}) => {
|
||||
<div className="blog_inner_pannel">
|
||||
<div className="review">
|
||||
<span>Review</span>
|
||||
<span>{data && data.post_modified}</span>
|
||||
<span>{new Date (data && data.post_modified).toDateString()}</span>
|
||||
|
||||
</div>
|
||||
<div className="section_title">
|
||||
<h2>{data && data.post_title}</h2>
|
||||
@@ -88,20 +66,20 @@ const Main = ({brdcum}) => {
|
||||
<img src={data && data.meta_value} alt="image" />
|
||||
</div>
|
||||
<div className="info">
|
||||
<h3>{data && data.post_title}</h3>
|
||||
<p>{data && data.post_content}</p>
|
||||
|
||||
<h3>{data && data.post_name}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data && data.post_content}}></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div className="blog_authore">
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d02.png" alt="image" />
|
||||
{/* <img src="assets/images/blog_d02.png" alt="image" /> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>{data && data.post_author}</h3>
|
||||
<span>{data && data.post_date}</span>
|
||||
{/* <h3>{data && data.post_author}</h3> */}
|
||||
<span>{new Date (data && data.post_date).toDateString()}</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="social_media">
|
||||
@@ -113,70 +91,11 @@ const Main = ({brdcum}) => {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="blog_tags">
|
||||
<ul>
|
||||
<li className="tags"><p>Tags:</p></li>
|
||||
<li><span>app,</span></li>
|
||||
<li><span>rating,</span></li>
|
||||
<li><span>development</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="row_am comment_section">
|
||||
<div className="container">
|
||||
<div className="section_title">
|
||||
<h2>3 Comments</h2>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d01.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>30 min ago</span>
|
||||
<h4>Dolly Shell</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the in
|
||||
dustrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen. </p>
|
||||
</div>
|
||||
</li>
|
||||
<li className="replay_comment">
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d02.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>15 min ago</span>
|
||||
<h4>Devil Joe</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the when.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d03.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<span>2 days ago</span>
|
||||
<h4>Sherly Shie</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the in
|
||||
dustrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="row_am comment_form_section">
|
||||
<div className="container">
|
||||
|
||||
Reference in New Issue
Block a user