removed not needed
This commit is contained in:
CHIEFSOFT\ameye
@@ -1,249 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,468 +0,0 @@
|
||||
import VideoPopup from "../components/elements/VidepPopup"
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light inner-page-header">
|
||||
<div>
|
||||
<section className="page-hero-section">
|
||||
<div className="page-hero-section-overlay bg--01 bg--scroll">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block left-column color--white wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id rounded-id bg--tra-white color--white">
|
||||
Careers
|
||||
</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-56 w-700">We are looking for creative and fun individuals</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg w-400">Sodales tempor sapien quaerat ipsum congue undo laoreet turpis
|
||||
neque auctor turpis vitae dolor luctus placerat magna ipsun ligula purus cursus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-18.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End Page Hero Section Overlay */}
|
||||
{/* WAVE SHAPE BOTTOM */}
|
||||
<div className="wave-shape-bottom">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 170"><path fill="#fff" fillOpacity={1} d="M0,160L120,160C240,160,480,160,720,138.7C960,117,1200,75,1320,53.3L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z" /></svg>
|
||||
</div>
|
||||
</section> {/* END PAGE HERO SECTION */}
|
||||
{/* ABOUT-3
|
||||
============================================= */}
|
||||
<div id="about-3" className="pt-100 about-section division">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{/* ABOUT-3 TEXT */}
|
||||
<div className="col-md-6">
|
||||
<div id="a3-1" className="txt-block">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700 mb-20">Mission and impact</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>
|
||||
{/* 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>
|
||||
</div> {/* END ABOUT-3 TEXT */}
|
||||
{/* ABOUT-3 TEXT */}
|
||||
<div className="col-md-6">
|
||||
<div id="a3-2" className="txt-block">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700 mb-20">We deliver results</h5>
|
||||
{/* Text */}
|
||||
<p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
|
||||
ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
|
||||
cursus undo varius purus magnis sapien quaerat
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p className="mb-0">Egestas volute nemo ipsam turpis egestas ipsum and purus sapien ultrice an
|
||||
aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna cursus undo varius purus quaerat sapien magnis
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END ABOUT-3 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END ABOUT-3 */}
|
||||
{/* ABOUT-2
|
||||
============================================= */}
|
||||
<div id="about-2" className="rel pt-100 about-section division">
|
||||
{/* ABOUT-2 IMAGES */}
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
{/* IMAGES-1 */}
|
||||
<div className="col-md-5">
|
||||
<div className="text-end">
|
||||
{/* IMAGE-1 */}
|
||||
<div className="about-2-img a-2-1 r-12">
|
||||
<img className="img-fluid" src="/images/a2-1.jpg" alt="about-image" />
|
||||
</div>
|
||||
{/* IMAGE-2 */}
|
||||
<div className="about-2-img a-2-2 r-12">
|
||||
<img className="img-fluid" src="/images/a2-2.jpg" alt="about-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END IMAGES-1 */}
|
||||
{/* IMAGES-2 */}
|
||||
<div className="col-md-7">
|
||||
{/* IMAGE-3 */}
|
||||
<div className="about-2-img a-2-3 r-12">
|
||||
<img className="img-fluid" src="/images/a2-3.jpg" alt="about-image" />
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* TEXT */}
|
||||
<div className="col-md-7 col-lg-6">
|
||||
<div className="a2-txt bg--black-400 pattern-01 bg--fixed color--white r-12">
|
||||
{/* Icon */}
|
||||
<div className="a2-txt-quote ico-40 o-20">
|
||||
<span className="flaticon-quote" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<p>Nullam tempor pretium a gravida donec congue ipsum porta justo integer dolor odio
|
||||
auctor a neque suscipit an ipsum integer congue purus at pretium turpis egestas and
|
||||
volute laoreet quaerat
|
||||
</p>
|
||||
{/* Author */}
|
||||
<p className="a2-txt-author">Charlie Cheever <span>CEO & CO-FOUNDER</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE-4 */}
|
||||
<div className="col-md-5 col-lg-6">
|
||||
<div className="about-2-img a-2-4 r-12">
|
||||
<img className="img-fluid" src="/images/a2-4.jpg" alt="about-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END IMAGES-2 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END ABOUT-2 IMAGES */}
|
||||
</div> {/* END ABOUT-2 */}
|
||||
{/* FEATURES-11
|
||||
============================================= */}
|
||||
<section id="features-11" className="py-100 features-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-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Benefits and Perks</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-11 WRAPPER */}
|
||||
<div className="fbox-wrapper">
|
||||
<div className="row row-cols-1 row-cols-md-2 rows-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-1 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-virus-1 color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Healthcare</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-2 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-calendar color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Flexible Schedules</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-3 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-profits color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">401k Matching</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-4 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-visionary color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Hardware & Software</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #4 */}
|
||||
{/* FEATURE BOX #5 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-5 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-fast-food color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">In-office Lunch</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #5 */}
|
||||
{/* FEATURE BOX #6 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-6 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-money-2 color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Competitive Salary</h6>
|
||||
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
|
||||
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #6 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-11 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-11 */}
|
||||
{/* TEXT CONTENT
|
||||
============================================= */}
|
||||
<section className="bg--white-400 py-100 ct-01 content-section division">
|
||||
<div className="container">
|
||||
<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">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Co-founder at Martex</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Henry Adams</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg mb-0">"Sodales tempor sapien diam purus ipsum quaerat and volute
|
||||
fusce a congue laoreet turpis neque diam auctor turpis vitae dolor magna luctus
|
||||
placerat neque ipsum fusce cursus ligula cursus purus vitae purus and ipsum suscipit.
|
||||
Nemo ipsam cubilia donec turpis undo egestas ipsum a purus sapien ultrice aliquam
|
||||
lacus and quaerat an ipsum augue turpis sapien cursus congue augue"
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block j-img video-preview right-column wow fadeInLeft">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={2}/>
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid r-20" src="/images/img-17.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
{/* CAREERS-1
|
||||
============================================= */}
|
||||
<section id="careers-1" className="pt-100 pb-60 careers-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Open Roles at Martex</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">We’re building a better way to work, fueled by transparency, trust, and
|
||||
technology that is a force for positive change for the hourly workforce
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* OPEN ROLES */}
|
||||
<div className="row row-cols-1 row-cols-md-2">
|
||||
{/* OPEN ROLE #1 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Sales</span>
|
||||
<h6 className="s-20 w-700">Senior Account Executive</h6>
|
||||
<p>New York, NY / Full time</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #1 */}
|
||||
{/* OPEN ROLE #2 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Engineering</span>
|
||||
<h6 className="s-20 w-700">Software Engineer, Security</h6>
|
||||
<p>Vancouver, British Columbia, Canada / Remote</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #2 */}
|
||||
{/* OPEN ROLE #3 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Engineering</span>
|
||||
<h6 className="s-20 w-700">Senior Backend Engineer</h6>
|
||||
<p>New York, NY / Full time</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #3 */}
|
||||
{/* OPEN ROLE #4 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Engineering</span>
|
||||
<h6 className="s-20 w-700">Engineering Tech Lead</h6>
|
||||
<p>Vancouver, British Columbia, Canada / Remote</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #4 */}
|
||||
{/* OPEN ROLE #5 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Sales</span>
|
||||
<h6 className="s-20 w-700">Mid-Market Account Executive</h6>
|
||||
<p>New York, NY / Full time</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #5 */}
|
||||
{/* OPEN ROLE #6 */}
|
||||
<div className="col">
|
||||
<div className="role-box bg--white-300 r-10">
|
||||
<Link href="/career-role">
|
||||
<span>Marketing</span>
|
||||
<h6 className="s-20 w-700">Product Marketing Manager</h6>
|
||||
<p>Vancouver, British Columbia, Canada / Remote</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END OPEN ROLE #6 */}
|
||||
</div> {/* END OPEN ROLES */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CAREERS-1 */}
|
||||
{/* BANNER-12
|
||||
============================================= */}
|
||||
<section id="banner-12" className="banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-12 WRAPPER */}
|
||||
<div className="banner-12-wrapper bg--01 bg--scroll r-16">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-12 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-12-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-45 w-700">We are looking for talented individuals</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">We're constantly looking for talented people to join our team.
|
||||
Don't hesitate to get in touch with us
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="mailto:yourdomain@mail.com" className="btn r-04 btn--theme hover--tra-white">yourdomain@mail.com</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-12 TEXT */}
|
||||
{/* BANNER-12 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-12-img text-center">
|
||||
<img className="img-fluid" src="/images/img-16.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-12 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,66 +0,0 @@
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="page" className="page font--jakarta">
|
||||
{/* LOGIN PAGE
|
||||
============================================= */}
|
||||
<div id="login" className="bg--fixed login-1 login-section division">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
|
||||
<div className="register-page-form">
|
||||
{/* TITLE */}
|
||||
<div className="col-md-12">
|
||||
<div className="register-form-title">
|
||||
<h3 className="s-32 w-700">Log in to Martex</h3>
|
||||
<p className="p-md">Don't have an account? <Link href="/signup-1" className="color--theme">Sign up</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* LOGIN FORM */}
|
||||
<form name="signinform" className="row sign-in-form">
|
||||
{/* Google Button */}
|
||||
<div className="col-md-12">
|
||||
<Link href="#" className="btn btn-google ico-left">
|
||||
<img src="/images/png_icons/google.png" alt="google-icon" /> Sign in with Google
|
||||
</Link>
|
||||
</div>
|
||||
{/* Login Separator */}
|
||||
<div className="col-md-12 text-center">
|
||||
<div className="separator-line">Or, sign in with your email</div>
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Email address</p>
|
||||
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Password</p>
|
||||
<div className="wrap-input">
|
||||
<span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
|
||||
<input className="form-control password" type="password" name="password" placeholder="* * * * * * * * *" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Reset Password Link */}
|
||||
<div className="col-md-12">
|
||||
<div className="reset-password-link">
|
||||
<p className="p-sm"><Link href="/reset-password" className="color--theme">Forgot your password?</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Submit Button */}
|
||||
<div className="col-md-12">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Log In</button>
|
||||
</div>
|
||||
</form> {/* END LOGIN FORM */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END LOGIN PAGE */}
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="page" className="page font--jakarta">
|
||||
{/* LOGIN PAGE
|
||||
============================================= */}
|
||||
<div id="login" className="bg--scroll login-section division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* REGISTER PAGE WRAPPER */}
|
||||
<div className="col-lg-11">
|
||||
<div className="register-page-wrapper r-16 bg--fixed">
|
||||
<div className="row">
|
||||
{/* LOGIN PAGE TEXT */}
|
||||
<div className="col-md-6">
|
||||
<div className="register-page-txt color--white">
|
||||
{/* Logo */}
|
||||
<img className="img-fluid" src="/images/logo-white.png" alt="logo-image" />
|
||||
{/* Title */}
|
||||
<h2 className="s-42 w-700">Welcome</h2>
|
||||
<h2 className="s-42 w-700">back to Martex</h2>
|
||||
{/* Text */}
|
||||
<p className="p-md mt-25">Integer congue sagittis and velna augue egestas magna
|
||||
suscipit purus aliquam
|
||||
</p>
|
||||
{/* Copyright */}
|
||||
<div className="register-page-copyright">
|
||||
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END LOGIN PAGE TEXT */}
|
||||
{/* LOGIN FORM */}
|
||||
<div className="col-md-6">
|
||||
<div className="register-page-form">
|
||||
<form name="signinform" className="row sign-in-form">
|
||||
{/* Google Button */}
|
||||
<div className="col-md-12">
|
||||
<Link href="#" className="btn btn-google ico-left">
|
||||
<img src="/images/png_icons/google.png" alt="google-icon" /> Sign in with Google
|
||||
</Link>
|
||||
</div>
|
||||
{/* Login Separator */}
|
||||
<div className="col-md-12 text-center">
|
||||
<div className="separator-line">Or, sign in with your email</div>
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Email address</p>
|
||||
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Password</p>
|
||||
<div className="wrap-input">
|
||||
<span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
|
||||
<input className="form-control password" type="password" name="password" placeholder="* * * * * * * * *" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Reset Password Link */}
|
||||
<div className="col-md-12">
|
||||
<div className="reset-password-link">
|
||||
<p className="p-sm"><Link href="/reset-password" className="color--theme">Forgot your password?</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Submit Button */}
|
||||
<div className="col-md-12">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Log In</button>
|
||||
</div>
|
||||
{/* Sign Up Link */}
|
||||
<div className="col-md-12">
|
||||
<p className="create-account text-center">
|
||||
Don't have an account? <Link href="/signup-2" className="color--theme">Sign up</Link>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div> {/* END LOGIN FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End register-page-wrapper */}
|
||||
</div> {/* END REGISTER PAGE WRAPPER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END LOGIN PAGE */}
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,476 +0,0 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import BrandSlider2 from "../components/slider/BrandSlider2"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Home() {
|
||||
const [isPricing, setPricing] = useState(false)
|
||||
const handlePricing = () => setPricing(!isPricing)
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="pricing-1" className="gr--whitesmoke pb-40 inner-page-hero pricing-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-8">
|
||||
<div className="section-title mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Simple, Flexible Pricing</h2>
|
||||
{/* TOGGLE BUTTON */}
|
||||
<div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">
|
||||
<span className="toggler-txt">Billed monthly</span>
|
||||
<label className="switch-wrap">
|
||||
<input type="checkbox" id="checbox" onClick={handlePricing} />
|
||||
<span className="switcher bg--grey switcher--theme">
|
||||
<span className="show-annual" />
|
||||
<span className="show-monthly" />
|
||||
</span>
|
||||
</label>
|
||||
<span className="toggler-txt">Billed yearly</span>
|
||||
{/* Text */}
|
||||
<p className="color--theme">Save up to 35% with yearly billing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION TITLE */}
|
||||
{/* PRICING TABLES */}
|
||||
<div className="pricing-1-wrapper">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* STARTER PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-1-1" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Starter</h5>
|
||||
{/* Price */}
|
||||
<div className="price">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">0</span>
|
||||
<sup className="validity color--grey">/ forever</sup>
|
||||
<p className="color--grey">For professionals getting started with smaller projects.</p>
|
||||
</div>
|
||||
{/* Button */}
|
||||
<Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
|
||||
<p className="p-sm btn-txt text-center color--grey">No credit card required</p>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* PRICING FEATURES */}
|
||||
<ul className="pricing-features color--black ico-10 ico--green mt-25">
|
||||
<li><p><span className="flaticon-check" /> 2 free projects</p></li>
|
||||
<li><p><span className="flaticon-check" /> 1 GB of cloud storage</p></li>
|
||||
<li><p><span className="flaticon-check" /> For personal use</p></li>
|
||||
<li className="disabled-option"><p><span className="flaticon-check" /> Weekly data backup</p></li>
|
||||
<li className="disabled-option"><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
|
||||
<li><p><span className="flaticon-check" /> 12/5 email support</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END STARTER PLAN */}
|
||||
{/* BASIC PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-1-2" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Basic</h5>
|
||||
{/* Price */}
|
||||
<div className="price">
|
||||
{/* Monthly Price */}
|
||||
{isPricing ? <div className="price1">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">142.75</span>
|
||||
<sup className="validity color--grey">/ yr</sup>
|
||||
{/* Discount Badge */}
|
||||
<div className="pricing-discount bg--yellow-400 color--black r-36">
|
||||
<h6 className="s-17">Save 30%</h6>
|
||||
</div>
|
||||
</div> : <div className="price2">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">16.99</span>
|
||||
<sup className="validity color--grey">/ mo</sup>
|
||||
</div>}
|
||||
{/* Text */}
|
||||
<p className="color--grey">For personal use or small teams with simple workflows.</p>
|
||||
</div> {/* End Price */}
|
||||
{/* Button */}
|
||||
<Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Start 14-day trial</Link>
|
||||
<p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* PRICING FEATURES */}
|
||||
<ul className="pricing-features color--black ico-10 ico--green mt-25">
|
||||
<li><p><span className="flaticon-check" /> Up to 250 projects</p></li>
|
||||
<li><p><span className="flaticon-check" /> 15 GB of Cloud Storage</p></li>
|
||||
<li><p><span className="flaticon-check" /> Shared team workspace</p></li>
|
||||
<li><p><span className="flaticon-check" /> Daily data backup</p></li>
|
||||
<li><p><span className="flaticon-check" /> No Ads. No trackers</p></li>
|
||||
<li><p><span className="flaticon-check" /> 12/7 email support</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BASIC PLAN */}
|
||||
{/* ADVANCED PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-1-3" className="p-table pricing-1-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Advanced</h5>
|
||||
{/* Price */}
|
||||
<div className="price">
|
||||
{/* Monthly Price */}
|
||||
{isPricing ? <div className="price1">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">194.99</span>
|
||||
<sup className="validity color--grey">/ yr</sup>
|
||||
{/* Discount Badge */}
|
||||
<div className="pricing-discount bg--yellow-400 color--black r-36">
|
||||
<h6 className="s-17">Save 35%</h6>
|
||||
</div>
|
||||
</div> : <div className="price2">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">24.99</span>
|
||||
<sup className="validity color--grey">/ mo</sup>
|
||||
</div>}
|
||||
{/* Text */}
|
||||
<p className="color--grey">For growing teams that need more services and flexibility.</p>
|
||||
</div> {/* End Price */}
|
||||
{/* Button */}
|
||||
<Link href="#" className="pt-btn btn r-04 btn--theme hover--theme">Upgrade your plan</Link>
|
||||
<p className="p-sm btn-txt text-center color--grey">7-Day Money Back Guarantee</p>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* PRICING FEATURES */}
|
||||
<ul className="pricing-features color--black ico-10 ico--green mt-25">
|
||||
<li><p><span className="flaticon-check" /> Everything in Basic</p></li>
|
||||
<li><p><span className="flaticon-check" /> Private cloud hosting</p></li>
|
||||
<li><p><span className="flaticon-check" /> Custom security</p></li>
|
||||
<li><p><span className="flaticon-check" /> Advanced user permissions</p></li>
|
||||
<li><p><span className="flaticon-check" /> Multi-team management</p></li>
|
||||
<li><p><span className="flaticon-check" /> 24/7 Email Support</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END ADVANCED PLAN */}
|
||||
</div>
|
||||
</div> {/* PRICING TABLES */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PRICING-1 */}
|
||||
{/* BRANDS-1
|
||||
============================================= */}
|
||||
<div id="brands-1" className="pb-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="brands-title mb-50">
|
||||
<h5 className="s-17">Trusted and used by over 3,400 companies</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END BRANDS-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* PRICING COMPARE
|
||||
============================================= */}
|
||||
<section id="comp-table" className="pt-100 pb-60 pricing-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-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Compare Our Plans</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Complete list of features available in our pricing plans</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* PRICING COMPARE */}
|
||||
<div className="comp-table wow fadeInUp">
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
{/* Table */}
|
||||
<div className="table-responsive mb-50">
|
||||
<table className="table text-center">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style={{ width: '34%' }} />
|
||||
<th style={{ width: '22%' }}>Starter</th>
|
||||
<th style={{ width: '22%' }}>Basic</th>
|
||||
<th style={{ width: '22%' }}>Premium</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Available Projects</th>
|
||||
<td className="color--black">Up to 2</td>
|
||||
<td className="color--black">Up to 250</td>
|
||||
<td className="color--black">Unlimited</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Available Storage</th>
|
||||
<td className="color--black">2Gb</td>
|
||||
<td className="color--black">50Gb</td>
|
||||
<td className="color--black">350Gb</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Private Cloud Hosting</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">User Permissions</th>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Direct Integrations</th>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Reusable Components</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Data Backup</th>
|
||||
<td className="color--black">Weekly</td>
|
||||
<td className="color--black">Daily</td>
|
||||
<td className="color--black">Daily</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">No Ads. No Trackers</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Advanced Security</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Shared Team Workspace</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Team Management</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr className="table-last-tr">
|
||||
<th scope="row" className="text-start">Customer Support</th>
|
||||
<td className="color--black">Limited</td>
|
||||
<td className="color--black">Basic</td>
|
||||
<td className="color--black">Priority</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> {/* End Table */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PRICING COMPARE */}
|
||||
{/* PRICING COMPARE PAYMENT */}
|
||||
<div className="comp-table-payment">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* Payment Methods */}
|
||||
<div className="col col-lg-5">
|
||||
<div id="pbox-1" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">Accepted Payment Methods</h6>
|
||||
{/* Payment Icons */}
|
||||
<ul className="payment-icons ico-45 mt-25">
|
||||
<li><img src="/images/png_icons/visa.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/am.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/discover.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/paypal.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/jcb.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/shopify.png" alt="payment-icon" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Payment Guarantee */}
|
||||
<div className="col col-lg-4">
|
||||
<div id="pbox-2" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">Money Back Guarantee</h6>
|
||||
{/* Text */}
|
||||
<p>Explore Martex Premium for 14 days. If it’s not a perfect fit, receive a full refund.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Payment Encrypted */}
|
||||
<div className="col col-lg-3">
|
||||
<div id="pbox-3" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">SSL Encrypted Payment</h6>
|
||||
{/* Text */}
|
||||
<p>Your information is protected by 256-bit SSL encryption.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PRICING COMPARE PAYMENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PRICING COMPARE */}
|
||||
{/* FAQs-3
|
||||
============================================= */}
|
||||
<section id="faqs-3" className="gr--whitesmoke pt-100 faqs-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Questions & Answers</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FAQs-3 QUESTIONS */}
|
||||
<div className="faqs-3-questions">
|
||||
<div className="row">
|
||||
{/* QUESTIONS HOLDER */}
|
||||
<div className="col-lg-6">
|
||||
<div className="questions-holder">
|
||||
{/* QUESTION #1 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
|
||||
and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
|
||||
suscipit luctus blandit and laoreet
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #2 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>2.</span> How do I choose a plan?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||||
augue pretium purus pretium ligula
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #3 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>3.</span> Do I need a credit card to sign up?</h5>
|
||||
{/* Answer */}
|
||||
<ul className="simple-list color--grey">
|
||||
<li className="list-item">
|
||||
<p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
|
||||
purus pretium rutrum tempor sapien
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
|
||||
quaerat sodales pretium a purus
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END QUESTIONS HOLDER */}
|
||||
{/* QUESTIONS WRAPPER */}
|
||||
<div className="col-lg-6">
|
||||
<div className="questions-holder">
|
||||
{/* QUESTION #4 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>4.</span> Discounts for annual plans</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
|
||||
ipsum primis in cubilia laoreet augue luctus dolor luctus
|
||||
</p>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
|
||||
Vitae arcu mollis blandit integer nemo volute velna
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #5 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
|
||||
diam vitae dapibus libero and quisque gravida donec neque blandit justo
|
||||
aliquam molestie nunc sapien justo
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #6 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||||
augue pretium purus pretium ligula
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END QUESTIONS HOLDER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FAQs-3 QUESTIONS */}
|
||||
{/* MORE QUESTIONS LINK */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="more-questions mt-40">
|
||||
<div className="more-questions-txt bg--white-400 r-100">
|
||||
<p className="p-lg">Have any questions?
|
||||
<Link href="/contacts" className="color--theme">Get in Touch</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FAQs-3 */}
|
||||
{/* BANNER-1
|
||||
============================================= */}
|
||||
<section id="banner-1" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-1 WRAPPER */}
|
||||
<div className="banner-1-wrapper r-16">
|
||||
<div className="banner-overlay bg--05 bg--fixed">
|
||||
<div className="row">
|
||||
{/* BANNER-1 TEXT */}
|
||||
<div className="col">
|
||||
<div className="banner-1-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-45 w-700">Give it a try, it's free!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">It only takes a few clicks to get started</p>
|
||||
{/* Button */}
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free
|
||||
</Link>
|
||||
{/* Button Text */}
|
||||
<p className="p-sm btn-txt ico-15 o-85">
|
||||
<span className="flaticon-check" /> Free for 14 days, no credit card required.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END BANNER-1 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,450 +0,0 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import BrandSlider2 from "@/components/slider/BrandSlider2"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Home() {
|
||||
const [isPricing, setPricing] = useState(false)
|
||||
const handlePricing = () => setPricing(!isPricing)
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="pricing-3" className="gr--whitesmoke inner-page-hero pb-60 pricing-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-8">
|
||||
<div className="section-title text-center mb-60">
|
||||
<h2 className="s-52 w-700">Simple, Flexible Pricing</h2>
|
||||
{/* TOGGLE BUTTON */}
|
||||
<div className="toggle-btn ext-toggle-btn toggle-btn-md mt-30">
|
||||
<span className="toggler-txt">Billed monthly</span>
|
||||
<label className="switch-wrap">
|
||||
<input type="checkbox" id="checbox" onClick={handlePricing} />
|
||||
<span className="switcher bg--grey switcher--theme">
|
||||
<span className="show-annual" />
|
||||
<span className="show-monthly" />
|
||||
</span>
|
||||
</label>
|
||||
<span className="toggler-txt">Billed yearly</span>
|
||||
{/* Text */}
|
||||
<p className="color--theme">Save up to 25% with yearly billing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION TITLE */}
|
||||
{/* PRICING TABLES */}
|
||||
<div className="pricing-3-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* FREE PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-3-1" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h4 className="s-32">Free</h4>
|
||||
{/* Text */}
|
||||
<p className="color--grey">For anyone getting started with smaller projects.</p>
|
||||
{/* Price */}
|
||||
<div className="price mt-25">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">0</span>
|
||||
<sup className="validity color--grey">forever</sup>
|
||||
</div>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* BUTTON */}
|
||||
<Link href="#" className="pt-btn btn btn--theme hover--theme">Get srarted - it's free</Link>
|
||||
<p className="p-sm btn-txt color--grey">No credit card required</p>
|
||||
</div>
|
||||
</div> {/* END FREE PLAN */}
|
||||
{/* PLUS PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-3-2" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h4 className="s-32">Plus</h4>
|
||||
{/* Text */}
|
||||
<p className="color--grey">For personal use or small teams with simple workflows.</p>
|
||||
{/* Price */}
|
||||
<div className="price mt-25">
|
||||
{/* Monthly Price */}
|
||||
|
||||
{isPricing ? <div className="price1">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">35</span>
|
||||
<sup className="coins color--black">99</sup>
|
||||
<sup className="validity color--grey">per year</sup>
|
||||
</div> : <div className="price2">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">3</span>
|
||||
<sup className="coins color--black">99</sup>
|
||||
<sup className="validity color--grey">per month</sup>
|
||||
</div>}
|
||||
|
||||
{/* Yearly Price */}
|
||||
|
||||
</div>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* BUTTON */}
|
||||
<Link href="#" className="pt-btn btn btn--theme hover--theme">Start 14-day trial</Link>
|
||||
<p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
|
||||
</div>
|
||||
</div> {/* END PLUS PLAN */}
|
||||
{/* PRO PLAN */}
|
||||
<div className="col">
|
||||
<div id="pt-3-3" className="p-table pricing-3-table bg--white-100 block-shadow r-12 wow fadeInUp">
|
||||
{/* TABLE HEADER */}
|
||||
<div className="pricing-table-header">
|
||||
{/* Title */}
|
||||
<h4 className="s-32">Pro</h4>
|
||||
{/* Text */}
|
||||
<p className="color--grey">For growing teams that need more services and flexibility.</p>
|
||||
{/* Price */}
|
||||
<div className="price mt-25">
|
||||
{/* Monthly Price */}
|
||||
{isPricing ? <div className="price1">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">62</span>
|
||||
<sup className="coins color--black">99</sup>
|
||||
<sup className="validity color--grey">per year</sup>
|
||||
</div> : <div className="price2">
|
||||
<sup className="color--black">$</sup>
|
||||
<span className="color--black">6</span>
|
||||
<sup className="coins color--black">99</sup>
|
||||
<sup className="validity color--grey">per month</sup>
|
||||
</div>}
|
||||
|
||||
{/* Yearly Price */}
|
||||
|
||||
</div>
|
||||
</div> {/* END TABLE HEADER */}
|
||||
{/* BUTTON */}
|
||||
<Link href="#" className="pt-btn btn btn--theme hover--theme">Upgrade to PRO</Link>
|
||||
<p className="p-sm btn-txt">7-Day Money Back Guarantee</p>
|
||||
</div>
|
||||
</div> {/* END PRO PLAN */}
|
||||
</div>
|
||||
</div> {/* PRICING TABLES */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PRICING-3 */}
|
||||
{/* PRICING COMPARE
|
||||
============================================= */}
|
||||
<section id="comp-table" className="pb-60 pricing-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-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Compare Our Plans</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Complete list of features available in our pricing plans</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* PRICING COMPARE */}
|
||||
<div className="comp-table wow fadeInUp">
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
{/* Table */}
|
||||
<div className="table-responsive mb-50">
|
||||
<table className="table text-center">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style={{ width: '34%' }} />
|
||||
<th style={{ width: '22%' }}>Starter</th>
|
||||
<th style={{ width: '22%' }}>Basic</th>
|
||||
<th style={{ width: '22%' }}>Premium</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Available Projects</th>
|
||||
<td className="color--black">Up to 2</td>
|
||||
<td className="color--black">Up to 250</td>
|
||||
<td className="color--black">Unlimited</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Available Storage</th>
|
||||
<td className="color--black">2Gb</td>
|
||||
<td className="color--black">50Gb</td>
|
||||
<td className="color--black">350Gb</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Private Cloud Hosting</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">User Permissions</th>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Direct Integrations</th>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Reusable Components</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Data Backup</th>
|
||||
<td className="color--black">Weekly</td>
|
||||
<td className="color--black">Daily</td>
|
||||
<td className="color--black">Daily</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">No Ads. No Trackers</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Advanced Security</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Shared Team Workspace</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" className="text-start">Team Management</th>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-15 disabled-option"><span className="flaticon-cancel" /></td>
|
||||
<td className="ico-20 color--theme"><span className="flaticon-check" /></td>
|
||||
</tr>
|
||||
<tr className="table-last-tr">
|
||||
<th scope="row" className="text-start">Customer Support</th>
|
||||
<td className="color--black">Limited</td>
|
||||
<td className="color--black">Basic</td>
|
||||
<td className="color--black">Priority</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> {/* End Table */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PRICING COMPARE */}
|
||||
{/* PRICING COMPARE PAYMENT */}
|
||||
<div className="comp-table-payment">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* Payment Methods */}
|
||||
<div className="col col-lg-5">
|
||||
<div id="pbox-1" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">Accepted Payment Methods</h6>
|
||||
{/* Payment Icons */}
|
||||
<ul className="payment-icons ico-45 mt-25">
|
||||
<li><img src="/images/png_icons/visa.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/am.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/discover.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/paypal.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/jcb.png" alt="payment-icon" /></li>
|
||||
<li><img src="/images/png_icons/shopify.png" alt="payment-icon" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Payment Guarantee */}
|
||||
<div className="col col-lg-4">
|
||||
<div id="pbox-2" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">Money Back Guarantee</h6>
|
||||
{/* Text */}
|
||||
<p>Explore Martex Premium for 14 days. If it’s not a perfect fit, receive a full refund.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Payment Encrypted */}
|
||||
<div className="col col-lg-3">
|
||||
<div id="pbox-3" className="pbox mb-40 wow fadeInUp">
|
||||
{/* Title */}
|
||||
<h6 className="s-18 w-700">SSL Encrypted Payment</h6>
|
||||
{/* Text */}
|
||||
<p>Your information is protected by 256-bit SSL encryption.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PRICING COMPARE PAYMENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PRICING COMPARE */}
|
||||
{/* BRANDS-1
|
||||
============================================= */}
|
||||
<div id="brands-1" className="bg--white-400 py-80 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="brands-title mb-50">
|
||||
<h5 className="s-17">Trusted and used by over 3,400 companies</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END BRANDS-1 */}
|
||||
{/* FAQs-3
|
||||
============================================= */}
|
||||
<section id="faqs-3" className="pt-100 faqs-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Questions & Answers</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FAQs-3 QUESTIONS */}
|
||||
<div className="faqs-3-questions">
|
||||
<div className="row">
|
||||
{/* QUESTIONS HOLDER */}
|
||||
<div className="col-lg-6">
|
||||
<div className="questions-holder">
|
||||
{/* QUESTION #1 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Etiam amet mauris suscipit in odio integer congue metus
|
||||
and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
|
||||
suscipit luctus blandit and laoreet
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #2 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>2.</span> How do I choose a plan?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||||
augue pretium purus pretium ligula
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #3 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>3.</span> Do I need a credit card to sign up?</h5>
|
||||
{/* Answer */}
|
||||
<ul className="simple-list color--grey">
|
||||
<li className="list-item">
|
||||
<p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
|
||||
purus pretium rutrum tempor sapien
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
|
||||
quaerat sodales pretium a purus
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END QUESTIONS HOLDER */}
|
||||
{/* QUESTIONS WRAPPER */}
|
||||
<div className="col-lg-6">
|
||||
<div className="questions-holder">
|
||||
{/* QUESTION #4 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>4.</span> Discounts for annual plans</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Quaerat sodales sapien euismod blandit purus a purus
|
||||
ipsum primis in cubilia laoreet augue luctus dolor luctus
|
||||
</p>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec congue metus.
|
||||
Vitae arcu mollis blandit integer nemo volute velna
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #5 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
|
||||
diam vitae dapibus libero and quisque gravida donec neque blandit justo
|
||||
aliquam molestie nunc sapien justo
|
||||
</p>
|
||||
</div>
|
||||
{/* QUESTION #6 */}
|
||||
<div className="question mb-35 wow fadeInUp">
|
||||
{/* Question */}
|
||||
<h5 className="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
|
||||
{/* Answer */}
|
||||
<p className="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||||
augue pretium purus pretium ligula
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END QUESTIONS HOLDER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FAQs-3 QUESTIONS */}
|
||||
{/* MORE QUESTIONS LINK */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="more-questions mt-40">
|
||||
<div className="more-questions-txt bg--white-400 r-100">
|
||||
<p className="p-lg">Have any questions?
|
||||
<Link href="/contacts" className="color--theme">Get in Touch</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FAQs-3 */}
|
||||
{/* BANNER-1
|
||||
============================================= */}
|
||||
<section id="banner-1" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-1 WRAPPER */}
|
||||
<div className="banner-1-wrapper r-16">
|
||||
<div className="banner-overlay bg--05 bg--scroll">
|
||||
<div className="row">
|
||||
{/* BANNER-1 TEXT */}
|
||||
<div className="col">
|
||||
<div className="banner-1-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-45 w-700">Give it a try, it's free!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">It only takes a few clicks to get started</p>
|
||||
{/* Button */}
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free
|
||||
</Link>
|
||||
{/* Button Text */}
|
||||
<p className="p-sm btn-txt ico-15 o-85">
|
||||
<span className="flaticon-check" /> Free for 14 days, no credit card required.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END BANNER-1 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,74 +0,0 @@
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div id="page" className="page font--jakarta">
|
||||
{/* SIGN UP PAGE
|
||||
============================================= */}
|
||||
<div id="signup" className="bg--fixed signup-1 login-section division">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
|
||||
<div className="register-page-form">
|
||||
{/* TITLE */}
|
||||
<div className="col-md-12">
|
||||
<div className="register-form-title">
|
||||
<h3 className="s-32 w-700">Create Account</h3>
|
||||
<p className="p-md">Already have an account? <Link href="/login-1" className="color--theme">Log In</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* SIGN UP FORM */}
|
||||
<form name="signupform" className="row sign-up-form">
|
||||
{/* Google Button */}
|
||||
<div className="col-md-12">
|
||||
<Link href="#" className="btn btn-google ico-left">
|
||||
<img src="/images/png_icons/google.png" alt="google-icon" /> Sign up with Google
|
||||
</Link>
|
||||
</div>
|
||||
{/* Login Separator */}
|
||||
<div className="col-md-12 text-center">
|
||||
<div className="separator-line">Or, sign up with your email</div>
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Full name</p>
|
||||
<input className="form-control name" type="text" name="name" placeholder="John Doe" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Email address</p>
|
||||
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Password</p>
|
||||
<div className="wrap-input">
|
||||
<span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
|
||||
<input className="form-control password" type="password" name="password" placeholder="min 8 characters" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Checkbox */}
|
||||
<div className="col-md-12">
|
||||
<div className="form-data">
|
||||
<span>By clicking “Create Account”, you agree to our
|
||||
<Link href="/terms">Terms</Link> and that you have read our
|
||||
<Link href="/privacy"> Privacy Policy</Link>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Submit Button */}
|
||||
<div className="col-md-12">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Create Account</button>
|
||||
</div>
|
||||
</form> {/* END SIGN UP FORM */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END SIGN UP PAGE */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,100 +0,0 @@
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div id="page" className="page font--jakarta">
|
||||
{/* SIGN UP PAGE
|
||||
============================================= */}
|
||||
<div id="signup" className="bg--scroll login-section division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* REGISTER PAGE WRAPPER */}
|
||||
<div className="col-lg-11">
|
||||
<div className="register-page-wrapper r-16 bg--fixed">
|
||||
<div className="row">
|
||||
{/* SIGN UP FORM */}
|
||||
<div className="col-md-6">
|
||||
<div className="register-page-form">
|
||||
<form name="signupform" className="row sign-up-form">
|
||||
{/* Google Button */}
|
||||
<div className="col-md-12">
|
||||
<Link href="#" className="btn btn-google ico-left">
|
||||
<img src="/images/png_icons/google.png" alt="google-icon" /> Sign up with Google
|
||||
</Link>
|
||||
</div>
|
||||
{/* Login Separator */}
|
||||
<div className="col-md-12 text-center">
|
||||
<div className="separator-line">Or, sign up with your email</div>
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Full name</p>
|
||||
<input className="form-control name" type="text" name="name" placeholder="John Doe" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Email address</p>
|
||||
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-sm input-header">Password</p>
|
||||
<div className="wrap-input">
|
||||
<span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
|
||||
<input className="form-control password" type="password" name="password" placeholder="min 8 characters" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Checkbox */}
|
||||
<div className="col-md-12">
|
||||
<div className="form-data">
|
||||
<span>By clicking “Create Account”, you agree to our
|
||||
<Link href="/terms">Terms</Link> and that you have read our
|
||||
<Link href="/privacy"> Privacy Policy</Link>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Submit Button */}
|
||||
<div className="col-md-12">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Create Account</button>
|
||||
</div>
|
||||
{/* Log In Link */}
|
||||
<div className="col-md-12">
|
||||
<p className="create-account text-center">
|
||||
Already have an account? <Link href="/login-2" className="color--theme">Log in</Link>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div> {/* END SIGN UP FORM */}
|
||||
{/* SIGN UP PAGE TEXT */}
|
||||
<div className="col-md-6">
|
||||
<div className="register-page-txt color--white">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Start for free</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Create</h2>
|
||||
<h2 className="s-48 w-700">an account</h2>
|
||||
{/* Text */}
|
||||
<p className="p-md mt-25">Integer congue sagittis and velna augue egestas magna
|
||||
suscipit purus aliquam
|
||||
</p>
|
||||
{/* Copyright */}
|
||||
<div className="register-page-copyright">
|
||||
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SIGN UP PAGE TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End register-page-wrapper */}
|
||||
</div> {/* END REGISTER PAGE WRAPPER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END SIGN UP PAGE */}
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user