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>
        </>
    )
}