FloatSystems/float-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

added blogitem component and rendered

Browse Source
This commit was merged in pull request #30.
This commit is contained in:
victorAnumudu
2023-04-10 15:53:09 +01:00
parent 1428ddd925
commit bc2e6f36b4
8 changed files with 148 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Users.js
+11 -83
View File
@@ -10,7 +10,16 @@ import Perks from '../pages/assests/images/perks.ico'
import Charging from '../pages/assests/images/charging-station.ico'
import Fleet from '../pages/assests/images/fleet-signal.ico'
import BlogItems from '../components/BlogItems';
class Users extends React.Component {
constructor(props) {
super(props);
// Don't call this.setState() here!
// this.state = { counter: 0 };
// this.handleClick = this.handleClick.bind(this);
// console.log("OLU-AMEY 22",props.blogData);
}
render() {
return(
<div>
@@ -656,89 +665,8 @@ class Users extends React.Component {
</div>
</div>
{/* BLOG POSTS */}
<div className="row">
{/* BLOG POST #1 */}
<div id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div id="b-post-2" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Inspiration</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>8 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div id="b-post-3" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Tutorials</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>22 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
</div> {/* END BLOG POSTS */}
<BlogItems blogData={this.props.blogData} />
{/* END BLOG POSTS */}
</div> {/* End container */}
</section> {/* END BLOG-1 */}
{/* NEWSLETTER-1