106 lines
6.2 KiB
JavaScript
106 lines
6.2 KiB
JavaScript
import Link from "next/link"
|
|
|
|
|
|
export default function Staff() {
|
|
return (
|
|
<>
|
|
{/* Staff Section Two */}
|
|
<section className="staff-section-two">
|
|
<div className="outer-container">
|
|
{/* Sec Title */}
|
|
<div className="sec-title centered">
|
|
<div className="title">our most valuable assets</div>
|
|
<h2>Friendly Staff</h2>
|
|
<div className="separate"></div>
|
|
</div>
|
|
<div className="row clearfix">
|
|
|
|
{/* Staff Block */}
|
|
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="#"><img src="/assets/images/resource/staff-4.jpg" alt="" loading="lazy"/></Link>
|
|
<div className="overlay-box">
|
|
<div className="content">
|
|
<h6><Link href="#">Jusica Malina</Link></h6>
|
|
<div className="designation">Pastry Chef</div>
|
|
<ul className="social-list">
|
|
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Staff Block */}
|
|
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="#"><img src="/assets/images/resource/staff-5.jpg" alt="" loading="lazy" /></Link>
|
|
<div className="overlay-box">
|
|
<div className="content">
|
|
<h6><Link href="#">Jusica Malina</Link></h6>
|
|
<div className="designation">Pastry Chef</div>
|
|
<ul className="social-list">
|
|
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Staff Block */}
|
|
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="#"><img src="/assets/images/resource/staff-6.jpg" alt="" loading="lazy"/></Link>
|
|
<div className="overlay-box">
|
|
<div className="content">
|
|
<h6><Link href="#">Jusica Malina</Link></h6>
|
|
<div className="designation">Pastry Chef</div>
|
|
<ul className="social-list">
|
|
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Staff Block */}
|
|
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="#"><img src="/assets/images/resource/staff-7.jpg" alt="" loading="lazy"/></Link>
|
|
<div className="overlay-box">
|
|
<div className="content">
|
|
<h6><Link href="#">Jusica Malina</Link></h6>
|
|
<div className="designation">Pastry Chef</div>
|
|
<ul className="social-list">
|
|
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
|
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/* End Staff Section Two */}
|
|
|
|
</>
|
|
)
|
|
}
|