Use case started
This commit is contained in:
dev-chiefworks
@@ -58,7 +58,7 @@ function FooterHomeOne({ className }) {
|
||||
<Link to="/Service">Service</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Use Cases</a>
|
||||
<a href="/use-cases">Use Cases</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/news">Blog</Link>
|
||||
|
||||
@@ -38,7 +38,7 @@ function HomeOne() {
|
||||
{/*<TeamHomeOne />*/}
|
||||
{/*<PricingHomeOne />*/}
|
||||
<BlogHomeOne />
|
||||
<ProjectHomeOne />
|
||||
{/*<ProjectHomeOne />*/}
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
</>
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
import React from 'react';
|
||||
import singlePost from '../../assets/images/single-post/1.jpg';
|
||||
import author from '../../assets/images/single-post/author.png';
|
||||
import cmnt1 from '../../assets/images/single-post/c1.png';
|
||||
import cmnt2 from '../../assets/images/single-post/c2.png';
|
||||
import cmnt3 from '../../assets/images/single-post/c3.png';
|
||||
|
||||
function Blog() {
|
||||
return (
|
||||
<>
|
||||
<div className="single-post-area">
|
||||
<p>
|
||||
Tosser posh grub he lost his bottle bamboozled show off show off pick your nose
|
||||
and blow off cheesed off starkers what a load of rubbish, Jeffrey bubble and
|
||||
squeak I Charles a load of old tosh some dodgy chav wind up David gormless,
|
||||
hotpot arse over tit hanky panky bog-standard don't get shirty with me bloke
|
||||
Richard. Smashing he legged it in my flat bodge a blinding shot amongst
|
||||
brilliant blag, I grub A bit of how's your father bite your arm off the BBC the
|
||||
full monty chancer, bobby bender he nicked it down the pub Why cheeky bugger.
|
||||
Starkers pardon you bubble and squeak a blinding shot it's all gone to pot bits
|
||||
and bobs car boot lurgy so I said cheesed off boot Harry such a fibber, naff
|
||||
chinwag bamboozled the bee's knees bloke fanny around loo are you taking the
|
||||
piss barney off his nut cack. Arse over tit he nicked it that matie boy lost the
|
||||
plot pardon me my lady well cheers he legged it, boot bits and bobs brown bread
|
||||
is cras bamboozled bite your arm off down the pub brolly, cobblers horse play
|
||||
what a load of rubbish sloshed chancer say you mug cockup. Geeza some dodgy chav
|
||||
bonnet Oxford so I said pukka pardon you starkers cor blimey guvnor are you
|
||||
taking the piss, cheesed off in my flat cheeky posh down the pub horse play
|
||||
nancy boy plastered cobblers cack, morish chinwag the BBC my good sir jolly good
|
||||
cuppa amongst blatant. Grub owt to do with me cheeky bugger squiffy chinwag
|
||||
pukka say hunky-dory crikey quaint fanny around jolly good brown bread up the
|
||||
kyver cack zonked tickety boo mush morish.
|
||||
</p>
|
||||
<div className="post-thumb">
|
||||
<img src={singlePost} alt="" />
|
||||
</div>
|
||||
<h4 className="article-title">Logotype Masterclass with Jessica Hische</h4>
|
||||
<p>
|
||||
Lost the plot morish bleeder absolutely bladdered my lady chinwag that bleeding
|
||||
Eaton blag, cheeky bugger burke matie boy brown bread say pukka off his nut
|
||||
sloshed mufty, squiffy show off show off pick your nose and blow off brolly bite
|
||||
your arm off bloke bubble and squeak hotpot happy days. Old spiffing cras bugger
|
||||
blimey chancer me old mucker vagabond you mug, amongst absolutely bladdered
|
||||
spend a penny ruddy wellies he lost his bottle hanky panky up the kyver bender,
|
||||
give us a bell my good sir car boot pear shaped young delinquent victoria sponge
|
||||
tomfoolery. Lavatory knackered pukka chip shop a blinding shot cor blimey guvnor
|
||||
bodge blower, barmy faff about cheeky nice one at public school. Have it down
|
||||
the pub posh matie boy wind up hunky-dory, he lost his bottle the full monty
|
||||
bugger all mate cheeky bugger cras chancer, absolutely bladdered amongst
|
||||
tomfoolery pukka. Knackered
|
||||
</p>
|
||||
<p>
|
||||
James Bond old happy days the wireless cracking goal bloke me old mucker, arse
|
||||
over tit blower mush the bee's knees chip shop the BBC, say lemon squeezy
|
||||
blatant what a load of rubbish bog-standard nancy boy. Mush spiffing good time
|
||||
brown bread cheeky bite your arm off chip shop bugger all mate, my lady down the
|
||||
pub is faff about pukka.
|
||||
</p>
|
||||
<blockquote>
|
||||
<p>
|
||||
I don't want no agro brilliant are you taking the piss skive off super boot
|
||||
chancer don't get shirty.
|
||||
</p>
|
||||
<cite>Indigo Violet</cite>
|
||||
</blockquote>
|
||||
<p>
|
||||
That faff about the full monty blower bubble and squeak cheeky old matie boy
|
||||
burke, the bee's knees what a load of rubbish golly gosh mufty is Elizabeth
|
||||
squiffy, lurgy chimney pot Jeffrey Richard naff Queen's English cheesed off. Old
|
||||
bonnet cheesed off lurgy me old mucker a blinding shot bits and bobs lavatory
|
||||
barney, say no biggie jolly good mush chancer pukka what a load of rubbish,
|
||||
Harry don't get shirty with me arse over tit he lost his bottle spiffing good
|
||||
time bubble and squeak say. I bog Harry a load of old tosh quaint brown bread
|
||||
get stuffed mate bobby, lemon squeezy boot bum bag chimney pot codswallop
|
||||
amongst, lavatory twit bits and bobs pardon you daft ummm I'm telling. Blatant
|
||||
matie boy say bugger all mate butty gormless, you mug pukka happy days bobby.
|
||||
Down the pub what a load of rubbish geeza faff about chancer bits and bobs daft
|
||||
lavatory boot victoria sponge spend a penny grub ummm I'm telling, absolutely
|
||||
bladdered A bit of how's your father arse over tit do one chimney pot tomfoolery
|
||||
porkies owt to do with me spiffing good time zonked.
|
||||
</p>
|
||||
<div className="post-tags">
|
||||
<h5>Tags:</h5>
|
||||
<a href="#">Bisy LMS</a>
|
||||
<a href="#">Design</a>
|
||||
<a href="#">General</a>
|
||||
</div>
|
||||
<div className="post-share">
|
||||
<h5>Share:</h5>
|
||||
<a className="fac" href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
<a className="twi" href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a className="goo" href="#">
|
||||
<i className="fab fa-google"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div className="post-admin">
|
||||
<img src={author} alt="" />
|
||||
<a href="#">Justin Case</a>
|
||||
<span>About Author</span>
|
||||
<p>
|
||||
Me old mucker bits and bobs you mug tickety-boo a load of old tosh bender
|
||||
mufty bloke old daft.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="comment-area">
|
||||
<h3>Comment (3)</h3>
|
||||
<ol className="comment-list">
|
||||
<li>
|
||||
<div className="single-comment">
|
||||
<img src={cmnt1} alt="" />
|
||||
<h5>
|
||||
<a href="#">Jason Response</a>
|
||||
</h5>
|
||||
<span>April 03, 2019</span>
|
||||
<div className="comment">
|
||||
<p>
|
||||
He legged it bevvy mush owt to do with me such fibber fa about
|
||||
cup of tea sloshed morish butty bubble. Butty gormless lavatory
|
||||
twit bits and bobs pardon you daft ummm I'm telling.
|
||||
</p>
|
||||
</div>
|
||||
<a className="comment-reply-link" href="#">
|
||||
<i className="fal fa-reply"></i>Reply
|
||||
</a>
|
||||
<div className="c-border"></div>
|
||||
</div>
|
||||
<ul className="children">
|
||||
<li>
|
||||
<div className="single-comment">
|
||||
<img src={cmnt2} alt="" />
|
||||
<h5>
|
||||
<a href="#">Sue Shei</a>
|
||||
</h5>
|
||||
<span>April 14, 2019</span>
|
||||
<div className="comment">
|
||||
<p>
|
||||
Super chancer cheeky bloke haggle give us a bell well
|
||||
mufty chinwag say bite. lavatory twit bits and bobs
|
||||
pardon you daft ummm I'm telling. Blatant matie boy say
|
||||
bugger all mate butty gormless
|
||||
</p>
|
||||
</div>
|
||||
<a className="comment-reply-link" href="#">
|
||||
<i className="fal fa-reply"></i>Reply
|
||||
</a>
|
||||
<div className="c-border"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="single-comment">
|
||||
<img src={cmnt3} alt="" />
|
||||
<h5>
|
||||
<a href="#">Douglas Lyphe</a>
|
||||
</h5>
|
||||
<span>July 27, 2020</span>
|
||||
<div className="comment">
|
||||
<p>
|
||||
Oxford baking cakes dropped clanger fanny around
|
||||
vagabond amongst cor blimey guvnor. Blatant matie boy
|
||||
say bugger all mate butty gormless lavatory twit bits
|
||||
and bobs pardon you daft ummm I'm telling.
|
||||
</p>
|
||||
</div>
|
||||
<a className="comment-reply-link" href="#">
|
||||
<i className="fal fa-reply"></i>Reply
|
||||
</a>
|
||||
<div className="c-border"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div className="comment-form-area">
|
||||
<h3>Post a Comment</h3>
|
||||
<p>Your email address will not be published. Required fields are marked</p>
|
||||
<div className="comment-form">
|
||||
<form className="row" action="#" method="post">
|
||||
<div className="col-md-6">
|
||||
<input type="text" name="name" placeholder="Name" />
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<input type="email" name="email" placeholder="Email" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<input type="url" name="url" placeholder="Website" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<div className="save-comment">
|
||||
<input id="history-name" type="checkbox" />
|
||||
<label htmlFor="history-name">
|
||||
Save my name, email, and website in this browser for the next
|
||||
time I comment.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<textarea placeholder="Coment"></textarea>
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<button type="submit">Post Comment</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default Blog;
|
||||
@@ -0,0 +1,109 @@
|
||||
import React from 'react';
|
||||
import BlogImg1 from '../../assets/images/blog/p1.jpg';
|
||||
import BlogImg2 from '../../assets/images/blog/p2.jpg';
|
||||
import BlogImg3 from '../../assets/images/blog/p3.jpg';
|
||||
import BlogImg4 from '../../assets/images/blog/p4.jpg';
|
||||
|
||||
function BlogSideBar() {
|
||||
return (
|
||||
<div className="blog-sidebar">
|
||||
<aside className="widget widget-search">
|
||||
<form className="search-form" action="#" method="post">
|
||||
<input type="search" name="s" placeholder="Search..." />
|
||||
<button type="submit">
|
||||
<i className="fal fa-search"></i>
|
||||
</button>
|
||||
</form>
|
||||
</aside>
|
||||
<aside className="widget widget-categories">
|
||||
<h3 className="widget-title">Categories</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Web Design</a>
|
||||
<span>(24)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Marketing</a>
|
||||
<span>(15)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Frontend</a>
|
||||
<span>(8)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">IT & Software</a>
|
||||
<span>(13)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Photography</a>
|
||||
<span>(4)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Technology</a>
|
||||
<span>(16)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">General</a>
|
||||
<span>(12)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
<aside className="widget widget-trend-post">
|
||||
<h3 className="widget-title">Popular Posts</h3>
|
||||
<div className="popular-post">
|
||||
<a href="single-post.html">
|
||||
<img src={BlogImg1} alt="" />
|
||||
</a>
|
||||
<h5>
|
||||
<a href="single-post.html">Using creative problem Solving</a>
|
||||
</h5>
|
||||
<span>March 10, 2020</span>
|
||||
</div>
|
||||
<div className="popular-post">
|
||||
<a href="single-post.html">
|
||||
<img src={BlogImg2} alt="" />
|
||||
</a>
|
||||
<h5>
|
||||
<a href="single-post.html">Fundamentals of UI Design</a>
|
||||
</h5>
|
||||
<span>Jan 14, 2020</span>
|
||||
</div>
|
||||
<div className="popular-post">
|
||||
<a href="single-post.html">
|
||||
<img src={BlogImg3} alt="" />
|
||||
</a>
|
||||
<h5>
|
||||
<a href="single-post.html">Making music with Other people</a>
|
||||
</h5>
|
||||
<span>April 12, 2020</span>
|
||||
</div>
|
||||
<div className="popular-post">
|
||||
<a href="single-post.html">
|
||||
<img src={BlogImg4} alt="" />
|
||||
</a>
|
||||
<h5>
|
||||
<a href="single-post.html">Brush strokes energize Trees in paintings</a>
|
||||
</h5>
|
||||
<span>July 4, 2020</span>
|
||||
</div>
|
||||
</aside>
|
||||
<aside className="widget">
|
||||
<h3 className="widget-title">Popular Tags</h3>
|
||||
<div className="tags">
|
||||
<a href="#">Bisy LMS</a>
|
||||
<a href="#">Design</a>
|
||||
<a href="#">General</a>
|
||||
<a href="#">Online</a>
|
||||
<a href="#">Prevention</a>
|
||||
<a href="#">Artist</a>
|
||||
<a href="#">Education</a>
|
||||
<a href="#">Motivation</a>
|
||||
<a href="#">Politico</a>
|
||||
<a href="#">Live Cases</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default BlogSideBar;
|
||||
@@ -0,0 +1,52 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderNews({ action }) {
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
});
|
||||
return (
|
||||
<>
|
||||
<header className="appie-header-area appie-header-page-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||
<div className="appie-logo-box">
|
||||
<a href="/">
|
||||
<img src={logo} alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
||||
<div className="appie-header-main-menu">
|
||||
<Navigation />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href="#">
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href="#">
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
onClick={(e) => action(e)}
|
||||
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
||||
>
|
||||
<i className="fa fa-bars"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeaderNews;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
function HeroNews({ title, breadcrumb }) {
|
||||
return (
|
||||
<>
|
||||
<div className="appie-page-title-area">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-page-title-item">
|
||||
<h3 className="title">{title}</h3>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol className="breadcrumb">
|
||||
{breadcrumb.map((value) => (
|
||||
<li key={Math.random()} className="breadcrumb-item">
|
||||
<Link to={value.link}>{value.title}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeroNews;
|
||||
@@ -0,0 +1,43 @@
|
||||
import React from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import FooterHomeOne from '../HomeOne/FooterHomeOne';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import Blog from './Blog';
|
||||
import BlogSideBar from './BlogSideBar';
|
||||
import HeaderNews from './HeaderNews';
|
||||
import HeroNews from './HeroNews';
|
||||
|
||||
function SingleNews() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderNews action={drawerAction.toggle} />
|
||||
<HeroNews
|
||||
title="Blog"
|
||||
breadcrumb={[
|
||||
{ link: '/', title: 'home' },
|
||||
{ link: '/news', title: 'Blogs' },
|
||||
{ link: '/news/single-news', title: 'Blog' },
|
||||
]}
|
||||
/>
|
||||
<section className="blogpage-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-7">
|
||||
<Blog />
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-5">
|
||||
<BlogSideBar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default SingleNews;
|
||||
@@ -0,0 +1,209 @@
|
||||
import React from 'react';
|
||||
import blogImg1 from '../../assets/images/blog/1.jpg';
|
||||
import blogImg2 from '../../assets/images/blog/2.jpg';
|
||||
import blogImg3 from '../../assets/images/blog/3.jpg';
|
||||
import blogImg4 from '../../assets/images/blog/4.jpg';
|
||||
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';
|
||||
|
||||
function UseCase() {
|
||||
return (
|
||||
<>
|
||||
<div className="row">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg1} 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={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
|
||||
</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">
|
||||
<span className="current">01</span>
|
||||
<a href="#">02</a>
|
||||
<a className="next" href="#">
|
||||
next<i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default UseCase;
|
||||
@@ -0,0 +1,40 @@
|
||||
import React from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import FooterHomeOne from '../HomeOne/FooterHomeOne';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import UseCase from './UseCase';
|
||||
// import BlogSideBar from './BlogSideBar';
|
||||
import HeaderNews from './HeaderNews';
|
||||
import HeroNews from './HeroNews';
|
||||
|
||||
function UseCases() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderNews action={drawerAction.toggle} />
|
||||
<HeroNews
|
||||
title="Use Cases"
|
||||
breadcrumb={[
|
||||
{ link: '/', title: 'home' },
|
||||
{ link: '/use-cases', title: 'Use Cases' },
|
||||
]}
|
||||
/>
|
||||
<section className="blogpage-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 col-md-7">
|
||||
<UseCase />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default UseCases;
|
||||
Reference in New Issue
Block a user