import React from 'react';

const HistoryTwo = () => {
    return (
        <section className="history-two">
            <div className="history-two__bg" style={{ backgroundImage: "url('/assets/images/about/4/bg.webp')" }}></div>
            <div className="container wow fadeInUp animated" style={{ visibility: 'visible', animationName: 'fadeInUp' }}>
                <div className="history-two__title text-center">
                    <div className="sec-title">
                        <div className="sec-title__shape"></div>
                        <h6 className="sec-title__tagline">Experience US</h6>
                        <h3 className="sec-title__title">We Offer & Do
                            More than Ever Platforms.</h3>
                        <p>Appropriately enhance principle-centered innovation rather than high standards in platforms. <br /> Credibly orchestrate functional.</p>
                    </div>
                </div>
                <div className="row history-two__wrapper">
                    <div className="col-md-6">
                        <div className="history-two__border">
                            <div className="history-two__content">
                                <div className="history-two__content__count"></div>
                                <p className="history-two__content__text">
                                    Our mission is to empower businesses with state-of-the-art digital products that drive growth, efficiency, and connectivity. We strive to be at forefront of innovation, delivering web & mobile solutions that exceed expectations.
                                </p>
                                <h3 className="history-two__content__title">Our Mission</h3>
                                {/* <span className="history-two__content__date">02-08-2021</span> */}
                            </div>
                        </div>
                    </div>
                    <div className="col-md-6 d-none d-md-block">
                        <div className="history-two__images">
                            <span className="history-two__images__date"></span>
                            <img src="/assets/images/about/4/1.webp" alt="pelocis" />
                        </div>
                    </div>
                    <div className="col-md-6 d-none d-md-block">
                        <div className="history-two__images history-two__images--right">
                            <img src="/assets/images/about/4/2.webp" alt="pelocis" />
                            {/* <span className="history-two__images__date">2021</span> */}
                        </div>
                    </div>
                    <div className="col-md-6">
                        <div className="history-two__border history-two__border--left ">
                            <div className="history-two__content history-two__content--left">
                                <div className="history-two__content__count"></div>
                                <p className="history-two__content__text">
                                    Redefining digital innovation to create smarter, connected experiences for businesses worldwide.
                                    Building a future where technology drives efficiency, growth, and sustainable success.
                                </p>
                                <h3 className="history-two__content__title">Our Vision</h3>
                                {/* <span className="history-two__content__date">02-08-2021</span> */}
                            </div>
                        </div>
                    </div>
                    <div className="col-md-6">
                        <div className="history-two__border">
                            <div className="history-two__content">
                                <div className="history-two__content__count"></div>
                                <p className="history-two__content__text">
                                    Integrity and Trust, Innovation and Excellence, Collaboration and Empowerment, Adaptability and Learning, Customer-Centric Approach, Sustainability and Responsibility.
                                </p>
                                <h3 className="history-two__content__title">Our Values</h3>
                                {/* <span className="history-two__content__date">02-08-2021</span> */}
                            </div>
                        </div>
                    </div>
                    <div className="col-md-6 d-none d-md-block">
                        <div className="history-two__images">
                            <span className="history-two__images__date"></span>
                            <img src="/assets/images/about/4/3.webp" alt="pelocis" />
                        </div>
                    </div>
                </div>
                {/* <div className="history-two__btn">
                    <a href="contact.html" className="pelocis-btn">
                        <span>View all history <i className="icon-right-arrow-white"></i></span>
                    </a>
                </div> */}
            </div>
        </section>
    );
};

export default HistoryTwo;
