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">
                                    To empower businesses with innovative digital solutions that simplify operations, strengthen online presence, and create measurable growth in a competitive digital world.
                                </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="our mission" />
                        </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="our-vision" />
                            {/* <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">
                                    To become a trusted digital partner for businesses worldwide by delivering intelligent technology solutions that drive innovation, efficiency, and long-term 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">
                                    Innovation, transparency, and client success drive everything we do. We believe in building lasting partnerships by delivering quality work, clear communication, and solutions that truly solve business challenges.
                                </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="our values" />
                        </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;
