import Layout from "/components/layout/Layout"
import Link from "next/link"
export default function Home() {

    return (
        <>
            <Layout headerStyle={1} footerStyle={1} headerCls="navbar-dark inner-page-header">
                <section id="role-page" className="pb-80 inner-page-hero division">
                    <div className="container">
                        <div className="row justify-content-center">
                            <div className="col-xl-10">
                                {/* INNER PAGE TITLE */}
                                <div className="inner-page-title">
                                    <span>Engineering</span>
                                    <h2 className="s-52 w-700">Engineering Tech Lead</h2>
                                    <p className="p-lg">Vancouver, British Columbia, Canada / Remote</p>
                                </div>
                                {/* TEXT BLOCK */}
                                <div className="txt-block role-info">
                                    {/* Text */}
                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
                                        fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
                                        lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
                                    </p>
                                    {/* Text */}
                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
                                    </p>
                                    {/* Line */}
                                    <hr />
                                    {/*Title */}
                                    <h5 className="s-24 w-700">What would you do at Martex?</h5>
                                    {/* Text */}
                                    <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce aliquam
                                    </p>
                                    {/* Text */}
                                    <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
                                        justo diam an aliquet tortor sagittis lacinia molestie diam egestas
                                    </p>
                                    {/* Line */}
                                    <hr />
                                    {/* Title */}
                                    <h5 className="s-24 w-700">Responsibilities</h5>
                                    {/* List */}
                                    <ul className="simple-list long-list">
                                        <li className="list-item">
                                            <p>Blandit velna vitae auctor congue magna and tempor sapien a gravida laoreet turpis</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Nemo ipsam egestas volute turpis dolores an aliquam quaerat sodales sapien congue
                                                and egestas
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p>Quaerat sodales sapien euismod and purus blandit velna a vitae auctor congue magna
                                                tempor sapien ipsum gravida laoreet turpis urna augue, viverra a augue eget pulvinar
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p>Vitae auctor blandit velna congue magna and tempor sapien a turpis laoreet gravida</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Laoreet turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
                                                tempor sagittis
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p>Euismod purus blandit viverra undo augue dictum sapien tempor diam pulvinar</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Vitae auctor ipsum congue magna tempor sapien eget gravida laoreet turpis</p>
                                        </li>
                                    </ul>
                                    {/* Line */}
                                    <hr />
                                    {/* Title */}
                                    <h5 className="s-24 w-700">Who we're looking for</h5>
                                    {/* List */}
                                    <ul className="simple-list long-list">
                                        <li className="list-item">
                                            <p>Sodales sapien quaerat euismod and purus blandit velna a vitae auctor congue magna
                                                tempor sapien ipsum gravida laoreet turpis urna augue, augue eget a viverra pulvinar laoreet augue luctus donec.
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p>Sodales sapien quaerat euismod and purus blandit velna a vitae auctor congue magna
                                                tempor sapien ipsum gravida laoreet turpis urna augue, augue eget a viverra pulvinar
                                            </p>
                                        </li>
                                        <li className="list-item">
                                            <p>Blandit velna vitae auctor congue magna and tempor sapien a gravida laoreet turpis</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Nemo ipsam egestas volute turpis dolores an aliquam quaerat sodales sapien congue and egestas</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Quaerat sodales sapien euismod and purus blandit velna a vitae auctor congue magna
                                                tempor sapien ipsum gravida laoreet turpis urna augue, viverra a augue eget pulvinar
                                            </p>
                                        </li>
                                    </ul>
                                    {/* Line */}
                                    <hr />
                                    {/* Title */}
                                    <h5 className="s-24 w-700">Benefits with you in mind</h5>
                                    {/* Text */}
                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
                                    </p>
                                    {/* BENEFITS */}
                                    <div className="cbox-6-wrapper bg--white-400 r-16">
                                        <div className="row align-items-center row-cols-1 row-cols-md-2">
                                            {/* CONTENT BOX #1 */}
                                            <div className="col">
                                                <div id="cb-6-1" className="cbox-6">
                                                    {/* Title */}
                                                    <h6 className="s-20 w-700">Flexible time off</h6>
                                                    {/* Text */}
                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta
                                                        justo velna vitae auctor congue magna nihil impedit ligula risus.
                                                    </p>
                                                </div>
                                            </div>
                                            {/* CONTENT BOX #2 */}
                                            <div className="col">
                                                <div id="cb-6-2" className="cbox-6">
                                                    {/* Title */}
                                                    <h6 className="s-20 w-700">Healthcare</h6>
                                                    {/* Text */}
                                                    <p>Blandit tempor sapien aliqum mullam gravida donec ipsum, at porta
                                                        justo velna vitae auctor congue mauris and donec magnis sapien
                                                    </p>
                                                </div>
                                            </div>
                                            {/* CONTENT BOX #3 */}
                                            <div className="col">
                                                <div id="cb-6-3" className="cbox-6">
                                                    {/* Title */}
                                                    <h6 className="s-20 w-700">The latest hardware</h6>
                                                    {/* Text */}
                                                    <p>Mauris donec mullam blandit at tempor sapien gravida donec ipsum, at
                                                        porta justo velna vitae auctor congue magna nihil impedit ligula
                                                    </p>
                                                </div>
                                            </div>
                                            {/* CONTENT BOX #4 */}
                                            <div className="col">
                                                <div id="cb-6-4" className="cbox-6">
                                                    {/* Title */}
                                                    <h6 className="s-20 w-700">Ergonomic equipment</h6>
                                                    {/* Text */}
                                                    <p>Sapien gravida donec ipsum porta justo velna vitae auctor congue magna
                                                        nihil impedit ligula risus. Mauris donec ociis sagittis tempor
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>	{/* END BENEFITS */}
                                    {/* Text */}
                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque aliquam fusce blandit
                                    </p>
                                    {/* Line */}
                                    <hr />
                                    {/* Title */}
                                    <h5 className="s-24 w-700">What is our hiring process like?</h5>
                                    {/* Text */}
                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo velna vitae auctor
                                        congue magna nihil impedit ligula risus. Mauris donec ociis et magnis sapien sagittis sapien
                                        congue tempor
                                    </p>
                                    {/* List */}
                                    <ol className="digit-list">
                                        <li className="list-item">
                                            <p>Curabitur ac dapibus libero eu congue tristique neque</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Sagittis congue augue blandit velna vitae auctor egestas volutpat egestas</p>
                                        </li>
                                        <li className="list-item">
                                            <p>An aliquam justo suscipit congue augue</p>
                                        </li>
                                        <li className="list-item">
                                            <p>Gestas integer congue a lectus porta</p>
                                        </li>
                                    </ol>
                                    {/* Text */}
                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque diam augue fusce sapien
                                    </p>
                                    {/* Text */}
                                    <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
                                        and justo an aliquet eget molestie sagittis at quaerat sodales
                                    </p>
                                    {/* Line */}
                                    <hr />
                                    {/* Title */}
                                    <h5 className="s-24 w-700">How to apply</h5>
                                    {/* Text */}
                                    <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
                                        diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
                                        bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
                                    </p>
                                    {/* Text */}
                                    <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
                                        magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
                                        luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
                                        fusce cursus neque aliquam fusce blandit
                                    </p>
                                    {/* Button */}
                                    <Link href="/contacts" className="btn r-04 btn--theme hover--theme">Apply to this job!</Link>
                                </div>	{/* END TEXT BLOCK */}
                            </div>
                        </div>    {/* End row */}
                    </div>     {/* End container */}
                </section>

            </Layout>
        </>
    )
}