Routed the blog data to th single blog page
This commit is contained in:
DESKTOP-QHP1O2H\MIKE
@@ -1,513 +1,276 @@
|
||||
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 { Link, useLocation } 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 Main = ({brdcum}) => {
|
||||
|
||||
const api = new SiteService();
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
}, []);
|
||||
// const [blogData, setBlogData] = useState([]);
|
||||
const { id } = useParams();
|
||||
const location = useLocation();
|
||||
const data = location.state?.data;
|
||||
|
||||
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);
|
||||
}
|
||||
};
|
||||
|
||||
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 (
|
||||
<>
|
||||
{brdcum.b1 && (
|
||||
<Bredcrumb
|
||||
no={1}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg}
|
||||
/>
|
||||
)}
|
||||
|
||||
{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.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.b5 &&
|
||||
<Bredcrumb
|
||||
no={5}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
{brdcum.b3 && <Bredcrumb no={3} title="Blog details" tag="Blog single" />}
|
||||
{brdcum.b3 &&
|
||||
<Bredcrumb
|
||||
no={3}
|
||||
title="Blog details"
|
||||
tag="Blog single" />}
|
||||
|
||||
{brdcum.b4 && (
|
||||
<Bredcrumb
|
||||
no={4}
|
||||
title="Blog details"
|
||||
tag="Blog single"
|
||||
bgimg={BGImg2}
|
||||
/>
|
||||
)}
|
||||
{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" />
|
||||
<section className="blog_detail_section">
|
||||
<div className="container">
|
||||
<div className="blog_inner_pannel">
|
||||
<div className="review">
|
||||
<span>Review</span>
|
||||
<span>{data && data.post_modified}</span>
|
||||
</div>
|
||||
<div className="section_title">
|
||||
<h2>{data && data.post_title}</h2>
|
||||
</div>
|
||||
<div className="main_img">
|
||||
<img src={data && data.meta_value} alt="image" />
|
||||
</div>
|
||||
<div className="info">
|
||||
<h3>{data && data.post_title}</h3>
|
||||
<p>{data && data.post_content}</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<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>{data && data.post_author}</h3>
|
||||
<span>{data && data.post_date}</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 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" />
|
||||
</section>
|
||||
<section className="row_am comment_section">
|
||||
<div className="container">
|
||||
<div className="section_title">
|
||||
<h2>3 Comments</h2>
|
||||
</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>
|
||||
<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>
|
||||
</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>
|
||||
|
||||
<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 *"
|
||||
/>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</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>
|
||||
<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="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 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>
|
||||
</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>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
};
|
||||
)
|
||||
}
|
||||
|
||||
export default Main;
|
||||
export default Main
|
||||
Reference in New Issue
Block a user