WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Use cases text

Browse Source
This commit is contained in:
dev-chiefworks
2022-01-15 04:23:35 -05:00
parent 8c852f9422
commit a53189d4c5
2 changed files with 36 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UseCases/UseCase.js
+30 -168
View File
@@ -7,183 +7,45 @@ import blogImg5 from '../../assets/images/blog/5.jpg';
import blogImg6 from '../../assets/images/blog/6.jpg';
import blogImg7 from '../../assets/images/blog/7.jpg';
import blogImg8 from '../../assets/images/blog/8.jpg';
import UseCaseData from '../../Services/UseCaseData';
function UseCase() {
var UseCaseDataResult = UseCaseData();
var dashboardUrl = "https://dashboard.wrenchboard.com";
return (
<>
<div className="row">
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg1} alt="" />
<div className="b-post-details">
<h3>
<a href="/news/single-news">
Build A Full Web Chat App From Scratch.
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg2} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
{
UseCaseDataResult.map(i=>{
var blgImg = i.meta_value!=null?"https://blog.wrenchboard.com/wp-content/uploads/"+ i.meta_value : blogImg1;
return (
<div className="col-lg-4">
<div className="post-item-1">
<img src={blgImg} alt="{i.title}" />
<div className="b-post-details">
<h3>
<a href="/news/single-news">
{i.title}
</a>
</h3>
<a className="read-more" href="{dashboardUrl}">
Learn more<i className="fal fa-arrow-right"></i>
</a>
</div>
<h3>
<a href="/news/single-news">
Insights on How to Improve Your Teaching.
</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg3} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Brush Strokes Energize Trees In Paintings
</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg4} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg5} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">
Logotype Masterclass with Jessica Hische
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg6} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Build A Full Web Chat App From Scratch.
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg7} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg8} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
)
})
}
</div>
<div className="row">
<div className="col-lg-12">
<div className="bisylms-pagination">