251 lines
17 KiB
JavaScript
251 lines
17 KiB
JavaScript
import Layout from "@/components/layout/Layout"
|
|
import Link from "next/link"
|
|
export default function PortfolioDetails() {
|
|
|
|
return (
|
|
<>
|
|
<Layout breadcrumbTitle="Portfolio Details">
|
|
{/*-portfolio*/}
|
|
<section className="portfolio-dtail-section">
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_top_90" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-8 col-md-12 pd_right_30">
|
|
<div className="image_box">
|
|
<img src="/assets/images/portfolio/pro-details-min.png" className="img-fluid w_100" alt="img" />
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="section_title medium type_one">
|
|
<div className="title_whole">
|
|
<h2 className="title"> Life Insurance</h2>
|
|
</div>
|
|
<p> Sit amet consectetur adipiscing elit. Suspendisse ligula eget molestie sit. Amet
|
|
fames suspendisse porta ultrices cursus volutpat, donec. Adipiscing potenti
|
|
ornare pretiumse erat luctus. Dictum rutrum turpis sed pellentesque porta
|
|
suspendisse sagittis feugiaty nulla. Pulvinar a mauris in sed vitae. Sodales
|
|
aenean suscipit sed sollicitudin sed aenean iaculis. Tortor pulvinar senectus
|
|
rutrum nec. Tincidunt euismod sem augue morbi eget sed odio tortor. Est egestas
|
|
ut vulputate ac, facilisis et turpis arcu tortor.</p>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="row">
|
|
<div className="col-lg-4 col-md-6 col-sm-12">
|
|
<div className="position-relative">
|
|
<ul className="list_box list">
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Business Development </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Marketing Analysis </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Digital Solutions </Link>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-4 col-md-6 col-sm-12">
|
|
<div className="position-relative">
|
|
<ul className="list_box list">
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Business Development </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Marketing Analysis </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Digital Solutions </Link>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-4 col-md-6 col-sm-12">
|
|
<div className="position-relative">
|
|
<ul className="list_box list">
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Business Development </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Marketing Analysis </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i className=" fi-rr-checkbox" />
|
|
</div>
|
|
<Link className="links" href="#"> Digital Solutions </Link>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="image_box">
|
|
<img src="/assets/images/testimonial/testimonial-image-1.jpg" className="img-fluid" alt="img" />
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="section_title medium type_one">
|
|
<div className="title_whole">
|
|
<h2 className="title"> Project Summery</h2>
|
|
</div>
|
|
<p> We denounce with righteous indignation and dislike men who are so beguiled and
|
|
demoralized by the charms of pleasure of the moment, so blinded by desire, that
|
|
they cannot foresee the pain and trouble that are bound to ensue and equal
|
|
blame belongs to those who fail in their duty through weakness</p>
|
|
<p> So blinded by desire, that they cannot foresee the pain and trouble that are
|
|
bound to ensue and equal blame belongs those their duty through weakness </p>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
<div className="col-lg-4 col-md-12">
|
|
<div className="section_title medium type_one">
|
|
<div className="title_whole">
|
|
<h2 className="title"> About Projects</h2>
|
|
</div>
|
|
<p> Sit amet consectetur adipiscing elit donec massa elit risus, ut dictum elit arcu
|
|
amet Odio feugiat sem faucibus facilisi gravida</p>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="position-relative rounded_radius_10 pd_left_30 pd_right_30 md_pd_left_15 md_pd_right_15 pd_top_30 pd_bottom_20 bg_light_1 overflow-hidden bg_op_1" style={{ backgroundImage: 'url(assets/images/bg-2-2.png)!important' }}>
|
|
<ul className="list_box list">
|
|
<li>
|
|
<div className="d-flex align-items-center justify-content-spacebetween flex-wrap">
|
|
<span className="w_50">Client</span>
|
|
<strong className="w_50"> WebXYZ </strong>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center justify-content-spacebetween flex-wrap">
|
|
<span className="w_50">Year</span>
|
|
<strong className="w_50"> September 25, {new Date().getFullYear()} </strong>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center justify-content-spacebetween flex-wrap">
|
|
<span className="w_50">Author</span>
|
|
<strong className="w_50"> Dennis L. Phelps </strong>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center justify-content-spacebetween flex-wrap">
|
|
<span className="w_50">Location </span>
|
|
<strong className="w_50"> New York </strong>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center justify-content-spacebetween flex-wrap">
|
|
<span className="w_50">Category </span>
|
|
<strong className="w_50"> Life Insurance </strong>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="section_title type_one">
|
|
<p> Sit amet consectetur adipiscing elit donec massa elit risus, ut dictum elit arcu
|
|
amet Odio feugiat sem faucibus facilisi gravida</p>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="social-icons">
|
|
<ul>
|
|
<li>
|
|
<Link href="#" className="m_icon">
|
|
<i className="fab fa-facebook" />
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="#" className="m_icon">
|
|
<i className="fab fa-twitter" />
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="#" className="m_icon">
|
|
<i className="fab fa-skype" />
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="#" className="m_icon">
|
|
<i className="fab fa-instagram" />
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_60" />
|
|
{/*-============spacing==========-*/}
|
|
</section>
|
|
{/*-slider end*/}
|
|
|
|
|
|
</Layout>
|
|
</>
|
|
)
|
|
} |