

export default function Lnk1_21() {
    return (
        <>
            <section id="lnk-1" className="pt-100 ct-01 content-section division">
                <div className="container">
                    {/* SECTION TITLE */}
                    <div className="row justify-content-center">
                        <div className="col-md-10 col-lg-9">
                            <div className="section-title mb-80">
                                {/* Title */}
                                <h2 className="s-50 w-700">Everything in One Place</h2>
                                {/* Text */}
                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
                            </div>
                        </div>
                    </div>
                    {/* SECTION CONTENT (ROW) */}
                    <div className="row d-flex align-items-center">
                        {/* TEXT BLOCK */}
                        <div className="col-md-6 order-last order-md-2">
                            <div className="txt-block left-column wow fadeInRight">
                                {/* TEXT BOX */}
                                <div className="txt-box">
                                    {/* Title */}
                                    <h5 className="s-24 w-700">Solution that grows with you</h5>
                                    {/* Text */}
                                    <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
                                        vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
                                    </p>
                                </div>	{/* END TEXT BOX */}
                                {/* TEXT BOX */}
                                <div className="txt-box mb-0">
                                    {/* Title */}
                                    <h5 className="s-24 w-700">Your data, where you need it</h5>
                                    {/* Text */}
                                    <p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
                                        vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
                                        purus
                                    </p>
                                    {/* List */}
                                    <ul className="simple-list">
                                        <li className="list-item">
                                            <p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
                                                aliquam undo congue dolor cursus
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
                                                sapien turpis ultrice auctor congue magna placerat
                                            </p>
                                        </li>
                                    </ul>
                                </div>	{/* END TEXT BOX */}
                            </div>
                        </div>	{/* END TEXT BLOCK */}
                        {/* IMAGE BLOCK */}
                        <div className="col-md-6 order-first order-md-2">
                            <div className="img-block right-column wow fadeInLeft">
                                <img className="img-fluid" src="/images/img-06.png" alt="content-image" />
                            </div>
                        </div>
                    </div>	{/* END SECTION CONTENT (ROW) */}
                </div>	   {/* End container */}
            </section>
        </>
    )
}
