first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,40 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={2} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
{/* PAGE 404
|
||||
============================================= */}
|
||||
<section id="page-404" className="bg--white-300 division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* 404 PAGE TEXT */}
|
||||
<div className="col-md-9 col-lg-8">
|
||||
<div className="page-404-txt text-center">
|
||||
{/* Image */}
|
||||
<div className="rel page-404-img">
|
||||
<img className="img-fluid" src="/images/error-404.png" alt="error-404-img" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<h2 className="s-56 w-700 color--dark">Page Not Found</h2>
|
||||
<h6 className="s-22 color--grey">
|
||||
Oops! The page you are looking for might have been moved, renamed or might never existed
|
||||
</h6>
|
||||
{/* Button */}
|
||||
<Link href="/demo-1" className="btn btn--theme hover--theme">Back to home</Link>
|
||||
</div>
|
||||
</div> {/* END 404 PAGE TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PAGE 404 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider divider-light" />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
import Preloader from "../components/elements/Preloader"
|
||||
import { useEffect, useState } from "react"
|
||||
import 'swiper/css'
|
||||
import 'swiper/css/navigation'
|
||||
import 'swiper/css/pagination'
|
||||
|
||||
import "/public/css/demo.css"
|
||||
import "/public/css/bootstrap.min.css"
|
||||
import "/public/css/flaticon.css"
|
||||
import "/public/css/menu.css"
|
||||
import "/public/css/dropdown-effects/fade-down.css"
|
||||
import "/public/css/lunar.css"
|
||||
// import "/public/css/magnific-popup.css"
|
||||
// import "/public/css/owl.carousel.min.css"
|
||||
// import "/public/css/owl.theme.default.min.css"
|
||||
// import SmoothScroll from "@/components/elements/SmoothScroll"
|
||||
import "/public/css/animate.css"
|
||||
import "/public/css/pink-theme.css"
|
||||
import "/public/css/responsive.css"
|
||||
|
||||
function MyApp({ Component, pageProps }) {
|
||||
|
||||
const [loading, setLoading] = useState(true)
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setLoading(false)
|
||||
}, 1000)
|
||||
|
||||
}, [])
|
||||
return (<>
|
||||
{/* <SmoothScroll /> */}
|
||||
{!loading ? (
|
||||
<Component {...pageProps} />
|
||||
) : (
|
||||
<Preloader />
|
||||
)}
|
||||
</>)
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
@@ -0,0 +1,18 @@
|
||||
import { Head, Html, Main, NextScript } from 'next/document'
|
||||
|
||||
export default function Document() {
|
||||
return (
|
||||
<Html lang="en">
|
||||
<Head />
|
||||
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
||||
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
+1047
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,463 @@
|
||||
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={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="blog-page" className="pb-60 inner-page-hero blog-page-section">
|
||||
<div className="container">
|
||||
{/* WIDE BLOG POST */}
|
||||
<div className="blog-post wide-post wow fadeInUp">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="col-md-6">
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-11-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="col-md-6">
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--blue-400">Social Media Marketing</span>
|
||||
{/* Post Link */}
|
||||
<h3 className="s-38 w-700">
|
||||
<Link href="/single-post">Congue magna tempor and ipsum Martex sapien turpis
|
||||
laoreet augue
|
||||
</Link>
|
||||
</h3>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta undo
|
||||
velna dolor libero a risus aliquet tempus posuere a tempor velna tempus posuere dolor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-30">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p>Apr 28, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END WIDE BLOG POST */}
|
||||
{/* POSTS WRAPPER */}
|
||||
<div className="posts-wrapper">
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--red-400">Product News</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
|
||||
gravida
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
|
||||
congue diam ultrice laoreet sagittis
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 23, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
|
||||
magna sapien and suscipit ipsum
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 09, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div className="col-md-12 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Cubilia laoreet ipsum augue eget egestas Martex magna</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
||||
egets congue ultrice sagittis laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Helen J.</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 01, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div>
|
||||
</div> {/* END POSTS WRAPPER */}
|
||||
{/* BLOG POSTS CATEGORY */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="posts-category ico-20 wow fadeInUp">
|
||||
<h4 className="s-34 w-700">Latest News <span className="flaticon-next" /></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* POSTS WRAPPER */}
|
||||
<div className="posts-wrapper">
|
||||
<div className="row">
|
||||
{/* BLOG POST #4 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-4-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--pink-400">Tutorials</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Phasellus blandit justo undo aliquam vitae molestie
|
||||
nunc sapien augue justo aliquet
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Mar 20, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #4 */}
|
||||
{/* BLOG POST #5 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Blandit justo phasellus undo aliquam diam molestie
|
||||
vitae
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
||||
egets congue ultrice sagittis laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Mar 13, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #5 */}
|
||||
{/* BLOG POST #6 */}
|
||||
<div className="col-md-12 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-6-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--blue-400">Extensions</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Cursus porttitor fusce neque CEO egestas cursus magna
|
||||
sapien and ipsum suscipit
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Mullam ipsum aliqum vitae and blandit vitae tempor sapien and lipsum donec</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Feb 23, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #6 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END POSTS WRAPPER */}
|
||||
{/* SQUARE BLOG POST */}
|
||||
<div className="blog-post square-post">
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
{/* SQUARE BLOG POST WRAPPER */}
|
||||
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="blog-post-txt color--white">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--pink-400">Video Tutorials</span>
|
||||
{/* Post Link */}
|
||||
<h4 className="s-34 w-700 mb-20">
|
||||
<Link href="/single-post">Lipsum sodales sapien Martex aliquet blandit
|
||||
augue gravida posuere
|
||||
</Link>
|
||||
</h4>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
|
||||
undo velna dolor libero risus aliquet tempus posuere vitae tempor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-30">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p>Feb 12, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="blog-post-img video-preview">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={1}/>
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END SQUARE BLOG POST WRAPPER */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END SQUARE BLOG POST */}
|
||||
{/* BLOG POSTS CATEGORY */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="posts-category ico-20 wow fadeInUp">
|
||||
<h4 className="s-34 w-700">All Stories <span className="flaticon-next" /></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* POSTS WRAPPER */}
|
||||
<div className="posts-wrapper">
|
||||
<div className="row">
|
||||
{/* BLOG POST #7 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-7-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--red-400">Product News</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Phasellus blandit justo undo aliquam diam vitae
|
||||
molestie
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
|
||||
congue diam ultrice laoreet sagittis
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Feb 02, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #7 */}
|
||||
{/* BLOG POST #8 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
|
||||
magna sapien and suscipit ipsum
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Jan 26, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #8 */}
|
||||
{/* BLOG POST #9 */}
|
||||
<div className="col-md-12 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-9-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
|
||||
gravida
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
||||
egets congue ultrice sagittis laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Jan 12, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #9 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END POSTS WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BLOG POSTS LISTING */}
|
||||
{/* PAGE PAGINATION
|
||||
============================================= */}
|
||||
<div className="pb-100 page-pagination theme-pagination">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<nav aria-label="Page navigation">
|
||||
<ul className="pagination ico-20 justify-content-center">
|
||||
<li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
|
||||
</li>
|
||||
<li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">3</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END PAGE PAGINATION */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* NEWSLETTER-1
|
||||
============================================= */}
|
||||
<section id="newsletter-1" className="newsletter-section">
|
||||
<div className="newsletter-overlay">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
|
||||
{/* NEWSLETTER TEXT */}
|
||||
<div className="col">
|
||||
<div className="newsletter-txt">
|
||||
<h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
<div className="col">
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div> {/* END NEWSLETTER FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End newsletter-overlay */}
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,249 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,468 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="contacts-1" className="pb-50 inner-page-hero contacts-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 text-center mb-80">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Questions? Let's Talk</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Want to learn more about Martex, get a quote, or speak with an expert?
|
||||
Let us know what you are looking for and we’ll get back to you right away
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTACT FORM */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-11 col-lg-10 col-xl-8">
|
||||
<div className="form-holder">
|
||||
<form name="contactform" className="row contact-form">
|
||||
{/* Form Select */}
|
||||
<div className="col-md-12 input-subject">
|
||||
<p className="p-lg">This question is about: </p>
|
||||
<span>Choose a topic, so we know who to send your request to: </span>
|
||||
<select className="form-select subject" aria-label="Default select example">
|
||||
<option>This question is about...</option>
|
||||
<option>Registering/Authorising</option>
|
||||
<option>Using Application</option>
|
||||
<option>Troubleshooting</option>
|
||||
<option>Backup/Restore</option>
|
||||
<option>Other</option>
|
||||
</select>
|
||||
</div>
|
||||
{/* Contact Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Name: </p>
|
||||
<span>Please enter your real name: </span>
|
||||
<input type="text" name="name" className="form-control name" placeholder="Your Name*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Email Address: </p>
|
||||
<span>Please carefully check your email address for accuracy</span>
|
||||
<input type="text" name="email" className="form-control email" placeholder="Email Address*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Explain your question in details: </p>
|
||||
<span>Your OS version, Martex version & build, steps you did. Be VERY precise!</span>
|
||||
<textarea className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
|
||||
</div>
|
||||
{/* Contact Form Button */}
|
||||
<div className="col-md-12 mt-15 form-btn text-right">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Submit Request</button>
|
||||
</div>
|
||||
<div className="contact-form-notice">
|
||||
<p className="p-sm">We are committed to your privacy. Martex uses the information you
|
||||
provide us to contact you about our relevant content, products, and services.
|
||||
You may unsubscribe from these communications at any time. For more information,
|
||||
check out our <Link href="/privacy">Privacy Policy</Link>.
|
||||
</p>
|
||||
</div>
|
||||
{/* Contact Form Message */}
|
||||
<div className="col-lg-12 contact-form-msg">
|
||||
<span className="loading" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END CONTACT FORM */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTACTS-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* NEWSLETTER-1
|
||||
============================================= */}
|
||||
<section id="newsletter-1" className="newsletter-section">
|
||||
<div className="newsletter-overlay">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
|
||||
{/* NEWSLETTER TEXT */}
|
||||
<div className="col">
|
||||
<div className="newsletter-txt">
|
||||
<h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
<div className="col">
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div> {/* END NEWSLETTER FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End newsletter-overlay */}
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,228 @@
|
||||
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="cookies-page" className="gr--whitesmoke 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">
|
||||
<h2 className="s-52 w-700">Cookies Policy</h2>
|
||||
<p className="p-lg">This policy is effective as of 2th March 2022</p>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="txt-block legal-info">
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas <Link href="#" className="color--theme">Global Privacy
|
||||
Policy</Link> nec suscipit egestas magna undo aliquam ipsum vitae purus justo lacus ligula
|
||||
ipsum primis cubilia donec undo augue luctus vitae egestas a molestie donec libero
|
||||
<Link href="/privacy" className="color--theme">Privacy Policy</Link> tempor undo quisque fusce
|
||||
a cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie cursus quaerat
|
||||
</p>
|
||||
{/* 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 <Link href="#" className="color--theme">https://martex.com/software</Link> undo quisque fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie
|
||||
blandit justo diam aliquet tortor non molestie sagittis lacinia
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> What is a Cookie?</h4>
|
||||
{/* 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 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 an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> What Types of Cookies Are There?</h4>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.1.</span> Essential cookies</h5>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
augue egestas sagittis massa lorem fusce cursus fusce nulla vitae massa placerat
|
||||
vulputate purus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sapien sodales quaerat undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum pulvinar
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.2.</span> Performance cookies</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>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 an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.3.</span> Functionality cookies</h5>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.4.</span> Targeting/advertising cookies</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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Third-Party Cookies on Our Site</h4>
|
||||
{/* 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 rimis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>3.1.</span> Targeting/advertising cookies</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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> Cookies and Your Personal Information</h4>
|
||||
{/* 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>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> How to Configure and Disable Cookies</h4>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor pulvinar
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Augue congue 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 donec and ipsum porta diam lorem sodales an aliquam lacinia justo
|
||||
sapien congue aliquet and sodales a quaerat tortor lacinia egestas
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> How to Contact Us</h4>
|
||||
{/* 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>If you have any questions or suggestions about this Terms of Service, do not hesitate to
|
||||
contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
|
||||
</p>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner3_1 from "../components/sections/Banner3_1"
|
||||
import Brands1_1 from "../components/sections/Brands1_1"
|
||||
import Ct01_1 from "../components/sections/Ct01_1"
|
||||
import Ct01_2 from "../components/sections/Ct01_2"
|
||||
import Ct02_1 from "../components/sections/Ct02_1"
|
||||
import Ct02_2 from "../components/sections/Ct02_2"
|
||||
import Ct08_1 from "../components/sections/Ct08_1"
|
||||
import Faqs3_1 from "../components/sections/Faqs3_1"
|
||||
import Features12_1 from "../components/sections/Features12_1"
|
||||
import Features2_1 from "../components/sections/Features2_1"
|
||||
import Features5_1 from "../components/sections/Features5_1"
|
||||
import Features6_1 from "../components/sections/Features6_1"
|
||||
import Hero1 from "../components/sections/Hero1"
|
||||
import Integrations2_1 from "../components/sections/Integrations2_1"
|
||||
import Lnk1_1 from "../components/sections/Lnk1_1"
|
||||
import Lnk2_1 from "../components/sections/Lnk2_1"
|
||||
import Lnk3_1 from "../components/sections/Lnk3_1"
|
||||
import Rating1_1 from "../components/sections/Rating1_1"
|
||||
import Reviews1_1 from "../components/sections/Reviews1_1"
|
||||
import Statistic1_1 from "../components/sections/Statistic1_1"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-light">
|
||||
<Hero1 />
|
||||
<Features6_1 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_1 />
|
||||
<Ct01_1 />
|
||||
<Features5_1 />
|
||||
<Statistic1_1 />
|
||||
<hr className="divider" />
|
||||
<Lnk2_1 />
|
||||
<Features12_1 />
|
||||
<Ct02_1 />
|
||||
<Lnk3_1 />
|
||||
<Brands1_1 />
|
||||
<hr className="divider" />
|
||||
<Features2_1 />
|
||||
<hr className="divider" />
|
||||
<Ct01_2 />
|
||||
<Ct08_1 />
|
||||
<Ct02_2 />
|
||||
<Reviews1_1 />
|
||||
<Rating1_1 />
|
||||
<Integrations2_1 />
|
||||
<Faqs3_1 />
|
||||
<Banner3_1 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_3 from "../components/sections/Banner13_3"
|
||||
import Blog1_2 from "../components/sections/Blog1_2"
|
||||
import Brands1_8 from "../components/sections/Brands1_8"
|
||||
import Ct01_12 from "../components/sections/Ct01_12"
|
||||
import Ct02_19 from "../components/sections/Ct02_19"
|
||||
import Ct02_20 from "../components/sections/Ct02_20"
|
||||
import Ct02_21 from "../components/sections/Ct02_21"
|
||||
import Ct02_22 from "../components/sections/Ct02_22"
|
||||
import Ct03_4 from "../components/sections/Ct03_4"
|
||||
import Features11_15 from "../components/sections/Features11_15"
|
||||
import Features12_5 from "../components/sections/Features12_5"
|
||||
import Features2_9 from "../components/sections/Features2_9"
|
||||
import Hero10 from "../components/sections/Hero10"
|
||||
import Lnk1_10 from "../components/sections/Lnk1_10"
|
||||
import Lnk2_10 from "../components/sections/Lnk2_10"
|
||||
import Lnk3_8 from "../components/sections/Lnk3_8"
|
||||
import Newsletter1_2 from "../components/sections/Newsletter1_2"
|
||||
import Reviews1_6 from "../components/sections/Reviews1_6"
|
||||
import Statistic1_10 from "../components/sections/Statistic1_10"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header white-menu">
|
||||
<Hero10 />
|
||||
<Features11_15 />
|
||||
<Lnk1_10 />
|
||||
<Ct02_19 />
|
||||
<Statistic1_10 />
|
||||
<hr className="divider" />
|
||||
<Features2_9 />
|
||||
<Ct02_20 />
|
||||
{/* <Wswrapper_4 /> */}
|
||||
<Lnk2_10 />
|
||||
<Ct02_21 />
|
||||
<Features12_5 />
|
||||
<Ct02_22 />
|
||||
<Lnk3_8 />
|
||||
<Brands1_8 />
|
||||
<hr className="divider" />
|
||||
<Ct01_12 />
|
||||
<Ct03_4 />
|
||||
<Reviews1_6 />
|
||||
<Banner13_3 />
|
||||
<Blog1_2 />
|
||||
<hr className="divider" />
|
||||
<Newsletter1_2 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner3_3 from "@/components/sections/Banner3_3"
|
||||
import Blog1_3 from "@/components/sections/Blog1_3"
|
||||
import Brands1_9 from "@/components/sections/Brands1_9"
|
||||
import Ct01_13 from "@/components/sections/Ct01_13"
|
||||
import Ct02_23 from "@/components/sections/Ct02_23"
|
||||
import Ct02_24 from "@/components/sections/Ct02_24"
|
||||
import Ct03_5 from "@/components/sections/Ct03_5"
|
||||
import Ct04_6 from "@/components/sections/Ct04_6"
|
||||
import Features13_4 from "@/components/sections/Features13_4"
|
||||
import Features2_10 from "@/components/sections/Features2_10"
|
||||
import Features7_1 from "@/components/sections/Features7_1"
|
||||
import Hero11 from "@/components/sections/Hero11"
|
||||
import Lnk1_11 from "@/components/sections/Lnk1_11"
|
||||
import Lnk2_11 from "@/components/sections/Lnk2_11"
|
||||
import Lnk3_9 from "@/components/sections/Lnk3_9"
|
||||
import Newsletter1_3 from "@/components/sections/Newsletter1_3"
|
||||
import Projects1_1 from "@/components/sections/Projects1_1"
|
||||
import Rating1_3 from "@/components/sections/Rating1_3"
|
||||
import Reviews1_7 from "@/components/sections/Reviews1_7"
|
||||
import Statistic5_1 from "@/components/sections/Statistic5_1"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark white-menu">
|
||||
<Hero11 />
|
||||
<Brands1_9 />
|
||||
<hr className="divider" />
|
||||
<Features13_4 />
|
||||
<Statistic5_1 />
|
||||
<Lnk1_11 />
|
||||
<Ct02_23 />
|
||||
<Lnk2_11 />
|
||||
<Features2_10 />
|
||||
<Lnk3_9 />
|
||||
<Ct02_24 />
|
||||
<Ct04_6 />
|
||||
<Features7_1 />
|
||||
<Ct03_5 />
|
||||
<Ct01_13 />
|
||||
<Projects1_1 />
|
||||
<Reviews1_7 />
|
||||
<Rating1_3 />
|
||||
<Banner3_3 />
|
||||
<Blog1_3 />
|
||||
<Newsletter1_3 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_4 from "@/components/sections/Banner13_4"
|
||||
import Blog1_4 from "@/components/sections/Blog1_4"
|
||||
import Brands1_10 from "@/components/sections/Brands1_10"
|
||||
import Ct01_14 from "@/components/sections/Ct01_14"
|
||||
import Ct02_25 from "@/components/sections/Ct02_25"
|
||||
import Ct02_26 from "@/components/sections/Ct02_26"
|
||||
import Ct02_53 from "@/components/sections/Ct02_53"
|
||||
import Features11_1 from "@/components/sections/Features11_1"
|
||||
import Features12_6 from "@/components/sections/Features12_6"
|
||||
import Features2_11 from "@/components/sections/Features2_11"
|
||||
import Hero12 from "@/components/sections/Hero12"
|
||||
import Lnk1_12 from "@/components/sections/Lnk1_12"
|
||||
import Lnk2_12 from "@/components/sections/Lnk2_12"
|
||||
import Newsletter1_4 from "@/components/sections/Newsletter1_4"
|
||||
import Projects1_2 from "@/components/sections/Projects1_2"
|
||||
import Rating1_4 from "@/components/sections/Rating1_4"
|
||||
import Reviews3_2 from "@/components/sections/Reviews3_2"
|
||||
import Statistic5_2 from "@/components/sections/Statistic5_2"
|
||||
import Wswrapper_5 from "@/components/sections/Wswrapper_5"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero12 />
|
||||
<Features11_1 />
|
||||
<Lnk1_12 />
|
||||
<Ct02_25 />
|
||||
<Features2_11 />
|
||||
<hr className="divider" />
|
||||
<Ct02_53 />
|
||||
<Features12_6 />
|
||||
<Ct02_26 />
|
||||
<Lnk2_12 />
|
||||
<Statistic5_2 />
|
||||
<Ct01_14 />
|
||||
<Reviews3_2 />
|
||||
<Rating1_4 />
|
||||
<Wswrapper_5 />
|
||||
<Projects1_2 />
|
||||
<Brands1_10 />
|
||||
<Banner13_4 />
|
||||
<Blog1_4 />
|
||||
<Newsletter1_4 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_5 from "../components/sections/Banner13_5"
|
||||
import Brands1_11 from "../components/sections/Brands1_11"
|
||||
import Ct01_15 from "../components/sections/Ct01_15"
|
||||
import Ct01_16 from "../components/sections/Ct01_16"
|
||||
import Ct02_27 from "../components/sections/Ct02_27"
|
||||
import Ct03_6 from "../components/sections/Ct03_6"
|
||||
import Ct04_7 from "../components/sections/Ct04_7"
|
||||
import Faqs3_9 from "../components/sections/Faqs3_9"
|
||||
import Features13_5 from "../components/sections/Features13_5"
|
||||
import Features1_2 from "../components/sections/Features1_2"
|
||||
import Features5_8 from "../components/sections/Features5_8"
|
||||
import Hero13 from "../components/sections/Hero13"
|
||||
import Integrations2_6 from "../components/sections/Integrations2_6"
|
||||
import Lnk1_13 from "../components/sections/Lnk1_13"
|
||||
import Lnk2_13 from "../components/sections/Lnk2_13"
|
||||
import Reviews2_3 from "../components/sections/Reviews2_3"
|
||||
import Statistic5_3 from "../components/sections/Statistic5_3"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero13 />
|
||||
<Statistic5_3 />
|
||||
<hr className="divider" />
|
||||
<Features13_5 />
|
||||
<Lnk1_13 />
|
||||
<Ct02_27 />
|
||||
<Lnk2_13 />
|
||||
<Ct01_15 />
|
||||
<Ct03_6 />
|
||||
<Features1_2 />
|
||||
<Integrations2_6 />
|
||||
<Ct01_16 />
|
||||
<Features5_8 />
|
||||
<Reviews2_3 />
|
||||
<Brands1_11 />
|
||||
<Ct04_7 />
|
||||
<Faqs3_9 />
|
||||
<Banner13_5 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner7_4 from "../components/sections/Banner7_4"
|
||||
import Brands1_12 from "../components/sections/Brands1_12"
|
||||
import Ct01_17 from "../components/sections/Ct01_17"
|
||||
import Ct01_18 from "../components/sections/Ct01_18"
|
||||
import Ct02_28 from "../components/sections/Ct02_28"
|
||||
import Ct02_29 from "../components/sections/Ct02_29"
|
||||
import Ct04_8 from "../components/sections/Ct04_8"
|
||||
import Faqs3_10 from "../components/sections/Faqs3_10"
|
||||
import Features11_2 from "../components/sections/Features11_2"
|
||||
import Features13_6 from "../components/sections/Features13_6"
|
||||
import Features2_12 from "../components/sections/Features2_12"
|
||||
import Hero14 from "../components/sections/Hero14"
|
||||
import Integrations1_4 from "../components/sections/Integrations1_4"
|
||||
import Lnk1_14 from "../components/sections/Lnk1_14"
|
||||
import Lnk2_14 from "../components/sections/Lnk2_14"
|
||||
import Lnk3_10 from "../components/sections/Lnk3_10"
|
||||
import Pricing3 from "../components/sections/Pricing3"
|
||||
import Reviews2_4 from "../components/sections/Reviews2_4"
|
||||
import Statistic1_11 from "../components/sections/Statistic1_11"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero14 />
|
||||
<Statistic1_11 />
|
||||
<hr className="divider" />
|
||||
<Features11_2 />
|
||||
<Lnk1_14 />
|
||||
<Ct02_28 />
|
||||
<Ct01_17 />
|
||||
<Features2_12 />
|
||||
<Lnk2_14 />
|
||||
<Lnk3_10 />
|
||||
<Features13_6 />
|
||||
<Ct01_18 />
|
||||
<Ct02_29 />
|
||||
<Reviews2_4 />
|
||||
<Brands1_12 />
|
||||
<Pricing3 />
|
||||
<Ct04_8 />
|
||||
<Integrations1_4 />
|
||||
<Faqs3_10 />
|
||||
<Banner7_4 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner7_5 from "@/components/sections/Banner7_5"
|
||||
import Brands1_13 from "@/components/sections/Brands1_13"
|
||||
import Ct01_19 from "@/components/sections/Ct01_19"
|
||||
import Ct02_30 from "@/components/sections/Ct02_30"
|
||||
import Ct02_31 from "@/components/sections/Ct02_31"
|
||||
import Ct04_9 from "@/components/sections/Ct04_9"
|
||||
import Faqs3_11 from "@/components/sections/Faqs3_11"
|
||||
import Features11_3 from "@/components/sections/Features11_3"
|
||||
import Features2_13 from "@/components/sections/Features2_13"
|
||||
import Hero15 from "@/components/sections/Hero15"
|
||||
import Integrations2_7 from "@/components/sections/Integrations2_7"
|
||||
import Lnk1_15 from "@/components/sections/Lnk1_15"
|
||||
import Lnk2_15 from "@/components/sections/Lnk2_15"
|
||||
import Lnk3_11 from "@/components/sections/Lnk3_11"
|
||||
import Lnk4_2 from "@/components/sections/Lnk4_2"
|
||||
import Reviews2_5 from "@/components/sections/Reviews2_5"
|
||||
import Statistic1_12 from "@/components/sections/Statistic1_12"
|
||||
import Wswrapper_6 from "@/components/sections/Wswrapper_6"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero15 />
|
||||
<Statistic1_12 />
|
||||
<hr className="divider" />
|
||||
<Features2_13 />
|
||||
<Wswrapper_6 />
|
||||
<Ct01_19 />
|
||||
<Features11_3 />
|
||||
<Lnk1_15 />
|
||||
<Ct02_30 />
|
||||
<Lnk2_15 />
|
||||
<Lnk3_11 />
|
||||
<Integrations2_7 />
|
||||
<Ct02_31 />
|
||||
<Ct04_9 />
|
||||
<Reviews2_5 />
|
||||
<Brands1_13 />
|
||||
<hr className="divider" />
|
||||
<Faqs3_11 />
|
||||
<Lnk4_2 />
|
||||
<Banner7_5 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_6 from "../components/sections/Banner13_6"
|
||||
import Blog1_5 from "../components/sections/Blog1_5"
|
||||
import Brands1_14 from "../components/sections/Brands1_14"
|
||||
import Ct02_32 from "../components/sections/Ct02_32"
|
||||
import Ct02_33 from "../components/sections/Ct02_33"
|
||||
import Ct04_10 from "../components/sections/Ct04_10"
|
||||
import Features11_4 from "../components/sections/Features11_4"
|
||||
import Features12_7 from "../components/sections/Features12_7"
|
||||
import Features2_14 from "../components/sections/Features2_14"
|
||||
import Hero16 from "../components/sections/Hero16"
|
||||
import Lnk1_16 from "../components/sections/Lnk1_16"
|
||||
import Lnk2_16 from "../components/sections/Lnk2_16"
|
||||
import Lnk3_12 from "../components/sections/Lnk3_12"
|
||||
import Lnk4_3 from "../components/sections/Lnk4_3"
|
||||
import Newsletter1_5 from "../components/sections/Newsletter1_5"
|
||||
import Rating1_5 from "../components/sections/Rating1_5"
|
||||
import Reviews2_6 from "../components/sections/Reviews2_6"
|
||||
import Statistic1_13 from "../components/sections/Statistic1_13"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero16 />
|
||||
<Rating1_5 />
|
||||
<hr className="divider" />
|
||||
<Features11_4 />
|
||||
<Lnk1_16 />
|
||||
<Statistic1_13 />
|
||||
<hr className="divider" />
|
||||
<Ct02_32 />
|
||||
<Ct04_10 />
|
||||
<Features2_14 />
|
||||
<Lnk2_16 />
|
||||
<Ct02_33 />
|
||||
<Features12_7 />
|
||||
<Lnk3_12 />
|
||||
<Brands1_14 />
|
||||
<Lnk4_3 />
|
||||
<Reviews2_6 />
|
||||
<Banner13_6 />
|
||||
<Blog1_5 />
|
||||
<hr className="divider" />
|
||||
<Newsletter1_5 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_7 from "../components/sections/Banner13_7"
|
||||
import Blog1_6 from "../components/sections/Blog1_6"
|
||||
import Ct01_20 from "../components/sections/Ct01_20"
|
||||
import Ct01_21 from "../components/sections/Ct01_21"
|
||||
import Ct02_34 from "../components/sections/Ct02_34"
|
||||
import Ct03_7 from "../components/sections/Ct03_7"
|
||||
import Ct04_11 from "../components/sections/Ct04_11"
|
||||
import Features11_5 from "../components/sections/Features11_5"
|
||||
import Features2_15 from "../components/sections/Features2_15"
|
||||
import Hero17 from "../components/sections/Hero17"
|
||||
import Integrations1_5 from "../components/sections/Integrations1_5"
|
||||
import Lnk1_17 from "../components/sections/Lnk1_17"
|
||||
import Lnk2_17 from "../components/sections/Lnk2_17"
|
||||
import Lnk3_13 from "../components/sections/Lnk3_13"
|
||||
import Newsletter1_6 from "../components/sections/Newsletter1_6"
|
||||
import Projects1_3 from "../components/sections/Projects1_3"
|
||||
import Rating1_6 from "../components/sections/Rating1_6"
|
||||
import Reviews2_7 from "../components/sections/Reviews2_7"
|
||||
import Statistic5_4 from "../components/sections/Statistic5_4"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero17 />
|
||||
<Features2_15 />
|
||||
<Lnk1_17 />
|
||||
<Features11_5 />
|
||||
<Lnk2_17 />
|
||||
<Ct01_20 />
|
||||
<Statistic5_4 />
|
||||
<Ct02_34 />
|
||||
<Ct01_21 />
|
||||
<Lnk3_13 />
|
||||
<Ct04_11 />
|
||||
<Integrations1_5 />
|
||||
<Ct03_7 />
|
||||
<Projects1_3 />
|
||||
<Reviews2_7 />
|
||||
<Rating1_6 />
|
||||
<Banner13_7 />
|
||||
<Blog1_6 />
|
||||
<Newsletter1_6 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_8 from "../components/sections/Banner13_8"
|
||||
import Brands1_15 from "../components/sections/Brands1_15"
|
||||
import Ct01_22 from "../components/sections/Ct01_22"
|
||||
import Ct01_23 from "../components/sections/Ct01_23"
|
||||
import Ct02_35 from "../components/sections/Ct02_35"
|
||||
import Ct04_12 from "../components/sections/Ct04_12"
|
||||
import Ct08_4 from "../components/sections/Ct08_4"
|
||||
import Faqs3_12 from "../components/sections/Faqs3_12"
|
||||
import Features11_6 from "../components/sections/Features11_6"
|
||||
import Features13_7 from "../components/sections/Features13_7"
|
||||
import Features2_16 from "../components/sections/Features2_16"
|
||||
import Hero18 from "../components/sections/Hero18"
|
||||
import Integrations1_6 from "../components/sections/Integrations1_6"
|
||||
import Lnk1_18 from "../components/sections/Lnk1_18"
|
||||
import Lnk2_18 from "../components/sections/Lnk2_18"
|
||||
import Lnk3_14 from "../components/sections/Lnk3_14"
|
||||
import Reviews1_8 from "../components/sections/Reviews1_8"
|
||||
import Statistic1_14 from "../components/sections/Statistic1_14"
|
||||
import Wswrapper_7 from "../components/sections/Wswrapper_7"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero18 />
|
||||
<Brands1_15 />
|
||||
<hr className="divider" />
|
||||
<Features2_16 />
|
||||
<Wswrapper_7 />
|
||||
<Features11_6 />
|
||||
<Lnk1_18 />
|
||||
<Ct01_22 />
|
||||
<Lnk2_18 />
|
||||
<Lnk3_14 />
|
||||
<Features13_7 />
|
||||
<Statistic1_14 />
|
||||
<hr className="divider" />
|
||||
<Ct01_23 />
|
||||
<Ct08_4 />
|
||||
<Ct02_35 />
|
||||
<Integrations1_6 />
|
||||
<Ct04_12 />
|
||||
<Reviews1_8 />
|
||||
<Faqs3_12 />
|
||||
<Banner13_8 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner7_6 from "../components/sections/Banner7_6"
|
||||
import Ct01_24 from "../components/sections/Ct01_24"
|
||||
import Ct02_36 from "../components/sections/Ct02_36"
|
||||
import Ct04_13 from "../components/sections/Ct04_13"
|
||||
import Ct08_5 from "../components/sections/Ct08_5"
|
||||
import Features11_7 from "../components/sections/Features11_7"
|
||||
import Features2_17 from "../components/sections/Features2_17"
|
||||
import Features5_9 from "../components/sections/Features5_9"
|
||||
import Hero19 from "../components/sections/Hero19"
|
||||
import Integrations1_7 from "../components/sections/Integrations1_7"
|
||||
import Lnk1_19 from "../components/sections/Lnk1_19"
|
||||
import Lnk2_19 from "../components/sections/Lnk2_19"
|
||||
import Rating1_7 from "../components/sections/Rating1_7"
|
||||
import Reviews1_9 from "../components/sections/Reviews1_9"
|
||||
import Statistic1_15 from "../components/sections/Statistic1_15"
|
||||
import Wswrapper_8 from "../components/sections/Wswrapper_8"
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero19 />
|
||||
<Rating1_7 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_19 />
|
||||
<Wswrapper_8 />
|
||||
<Features11_7 />
|
||||
<hr className="divider" />
|
||||
<Lnk2_19 />
|
||||
<Ct02_36 />
|
||||
<Ct01_24 />
|
||||
<Features2_17 />
|
||||
<hr className="divider" />
|
||||
<Ct04_13 />
|
||||
<Features5_9 />
|
||||
<Statistic1_15 />
|
||||
<hr className="divider" />
|
||||
<Ct08_5 />
|
||||
<Integrations1_7 />
|
||||
<Reviews1_9 />
|
||||
<hr className="divider" />
|
||||
<Banner7_6 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner3_2 from "../components/sections/Banner3_2"
|
||||
import Brands1_2 from "../components/sections/Brands1_2"
|
||||
import Ct01_3 from "../components/sections/Ct01_3"
|
||||
import Ct02_3 from "../components/sections/Ct02_3"
|
||||
import Ct02_4 from "../components/sections/Ct02_4"
|
||||
import Ct03_1 from "../components/sections/Ct03_1"
|
||||
import Faqs3_2 from "../components/sections/Faqs3_2"
|
||||
import Features12_2 from "../components/sections/Features12_2"
|
||||
import Features2_2 from "../components/sections/Features2_2"
|
||||
import Features5_2 from "../components/sections/Features5_2"
|
||||
import Hero2 from "../components/sections/Hero2"
|
||||
import Integrations1_10 from "../components/sections/Integrations1_10"
|
||||
import Lnk1_2 from "../components/sections/Lnk1_2"
|
||||
import Lnk2_2 from "../components/sections/Lnk2_2"
|
||||
import Lnk3_2 from "../components/sections/Lnk3_2"
|
||||
import Lnk4_1 from "../components/sections/Lnk4_1"
|
||||
import Reviews1_2 from "../components/sections/Reviews1_2"
|
||||
import Statistic1_2 from "../components/sections/Statistic1_2"
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero2 />
|
||||
<Brands1_2 />
|
||||
<hr className="divider" />
|
||||
<Features2_2 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_2 />
|
||||
<Features12_2 />
|
||||
<Ct02_3 />
|
||||
<Lnk2_2 />
|
||||
<Ct02_4 />
|
||||
<Ct01_3 />
|
||||
<Lnk3_2 />
|
||||
<Statistic1_2 />
|
||||
<hr className="divider" />
|
||||
<Features5_2 />
|
||||
<Lnk4_1 />
|
||||
<Ct03_1 />
|
||||
<Integrations1_10 />
|
||||
<Reviews1_2 />
|
||||
<Faqs3_2 />
|
||||
<Banner3_2 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner3_4 from "@/components/sections/Banner3_4"
|
||||
import Blog1_7 from "@/components/sections/Blog1_7"
|
||||
import Brands1_16 from "@/components/sections/Brands1_16"
|
||||
import Ct01_25 from "@/components/sections/Ct01_25"
|
||||
import Ct01_26 from "@/components/sections/Ct01_26"
|
||||
import Ct02_37 from "@/components/sections/Ct02_37"
|
||||
import Ct03_8 from "@/components/sections/Ct03_8"
|
||||
import Ct04_14 from "@/components/sections/Ct04_14"
|
||||
import Features13_8 from "@/components/sections/Features13_8"
|
||||
import Features2_18 from "@/components/sections/Features2_18"
|
||||
import Features7_2 from "@/components/sections/Features7_2"
|
||||
import Hero20 from "@/components/sections/Hero20"
|
||||
import Integrations1_8 from "@/components/sections/Integrations1_8"
|
||||
import Lnk1_20 from "@/components/sections/Lnk1_20"
|
||||
import Lnk2_20 from "@/components/sections/Lnk2_20"
|
||||
import Reviews1_10 from "@/components/sections/Reviews1_10"
|
||||
import Statistic1_16 from "@/components/sections/Statistic1_16"
|
||||
import Wswrapper_9 from "@/components/sections/Wswrapper_9"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero20 />
|
||||
<Statistic1_16 />
|
||||
<hr className="divider" />
|
||||
<Features13_8 />
|
||||
<Wswrapper_9 />
|
||||
<Lnk1_20 />
|
||||
<Ct01_25 />
|
||||
<Lnk2_20 />
|
||||
<Brands1_16 />
|
||||
<hr className="divider" />
|
||||
<Features2_18 />
|
||||
<Ct03_8 />
|
||||
<Ct01_26 />
|
||||
<Ct02_37 />
|
||||
<Features7_2 />
|
||||
<Ct04_14 />
|
||||
<Integrations1_8 />
|
||||
<Reviews1_10 />
|
||||
<Blog1_7 />
|
||||
<Banner3_4 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_9 from "@/components/sections/Banner13_9"
|
||||
import Brands1_17 from "@/components/sections/Brands1_17"
|
||||
import Ct02_38 from "@/components/sections/Ct02_38"
|
||||
import Ct02_39 from "@/components/sections/Ct02_39"
|
||||
import Ct02_40 from "@/components/sections/Ct02_40"
|
||||
import Ct04_15 from "@/components/sections/Ct04_15"
|
||||
import Faqs3_13 from "@/components/sections/Faqs3_13"
|
||||
import Features11_8 from "@/components/sections/Features11_8"
|
||||
import Features12_8 from "@/components/sections/Features12_8"
|
||||
import Features2_19 from "@/components/sections/Features2_19"
|
||||
import Features5_10 from "@/components/sections/Features5_10"
|
||||
import Hero21 from "@/components/sections/Hero21"
|
||||
import Integrations1_9 from "@/components/sections/Integrations1_9"
|
||||
import Lnk1_21 from "@/components/sections/Lnk1_21"
|
||||
import Reviews1_11 from "@/components/sections/Reviews1_11"
|
||||
import Statistic1_17 from "@/components/sections/Statistic1_17"
|
||||
import Statistic5_5 from "@/components/sections/Statistic5_5"
|
||||
import Wswrapper_10 from "@/components/sections/Wswrapper_10"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero21 />
|
||||
<Statistic5_5 />
|
||||
<Lnk1_21 />
|
||||
<Ct02_38 />
|
||||
<Features2_19 />
|
||||
<Wswrapper_10 />
|
||||
<Brands1_17 />
|
||||
<hr className="divider" />
|
||||
<Features11_8 />
|
||||
<Ct02_39 />
|
||||
<Features12_8 />
|
||||
<Ct02_40 />
|
||||
<Features5_10 />
|
||||
<Statistic1_17 />
|
||||
<hr className="divider" />
|
||||
<Ct04_15 />
|
||||
<Integrations1_9 />
|
||||
<Reviews1_11 />
|
||||
<Faqs3_13 />
|
||||
<Banner13_9 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_10 from "@/components/sections/Banner13_10"
|
||||
import Blog1_8 from "@/components/sections/Blog1_8"
|
||||
import Ct01_27 from "@/components/sections/Ct01_27"
|
||||
import Ct02_41 from "@/components/sections/Ct02_41"
|
||||
import Ct02_42 from "@/components/sections/Ct02_42"
|
||||
import Ct02_43 from "@/components/sections/Ct02_43"
|
||||
import Ct03_9 from "@/components/sections/Ct03_9"
|
||||
import Features11_9 from "@/components/sections/Features11_9"
|
||||
import Features12_9 from "@/components/sections/Features12_9"
|
||||
import Features2_20 from "@/components/sections/Features2_20"
|
||||
import Features5_11 from "@/components/sections/Features5_11"
|
||||
import Hero22 from "@/components/sections/Hero22"
|
||||
import Integrations2_8 from "@/components/sections/Integrations2_8"
|
||||
import Lnk1_22 from "@/components/sections/Lnk1_22"
|
||||
import Lnk2_21 from "@/components/sections/Lnk2_21"
|
||||
import Lnk3_15 from "@/components/sections/Lnk3_15"
|
||||
import Lnk4_4 from "@/components/sections/Lnk4_4"
|
||||
import Newsletter1_7 from "@/components/sections/Newsletter1_7"
|
||||
import Reviews1_12 from "@/components/sections/Reviews1_12"
|
||||
import Statistic1_18 from "@/components/sections/Statistic1_18"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero22 />
|
||||
<Features2_20 />
|
||||
<Lnk1_22 />
|
||||
<Ct02_41 />
|
||||
<Features11_9 />
|
||||
<Ct01_27 />
|
||||
<Lnk2_21 />
|
||||
<Statistic1_18 />
|
||||
<hr className="divider" />
|
||||
<Features5_11 />
|
||||
<Lnk3_15 />
|
||||
<hr className="divider" />
|
||||
<Features12_9 />
|
||||
<Ct02_42 />
|
||||
<Integrations2_8 />
|
||||
<Ct03_9 />
|
||||
<Ct02_43 />
|
||||
<Reviews1_12 />
|
||||
<Lnk4_4 />
|
||||
<Banner13_10 />
|
||||
<Blog1_8 />
|
||||
<hr className="divider" />
|
||||
<Newsletter1_7 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner16_2 from "@/components/sections/Banner16_2"
|
||||
import Banner7_7 from "@/components/sections/Banner7_7"
|
||||
import Brands1_18 from "@/components/sections/Brands1_18"
|
||||
import Ct01_28 from "@/components/sections/Ct01_28"
|
||||
import Ct01_29 from "@/components/sections/Ct01_29"
|
||||
import Ct02_44 from "@/components/sections/Ct02_44"
|
||||
import Ct02_45 from "@/components/sections/Ct02_45"
|
||||
import Ct03_10 from "@/components/sections/Ct03_10"
|
||||
import Ct04_16 from "@/components/sections/Ct04_16"
|
||||
import Features11_10 from "@/components/sections/Features11_10"
|
||||
import Features12_10 from "@/components/sections/Features12_10"
|
||||
import Features2_21 from "@/components/sections/Features2_21"
|
||||
import Features5_12 from "@/components/sections/Features5_12"
|
||||
import Hero23 from "@/components/sections/Hero23"
|
||||
import Integrations2_9 from "@/components/sections/Integrations2_9"
|
||||
import Lnk1_23 from "@/components/sections/Lnk1_23"
|
||||
import Lnk2_22 from "@/components/sections/Lnk2_22"
|
||||
import Reviews2_8 from "@/components/sections/Reviews2_8"
|
||||
import Statistic1_19 from "@/components/sections/Statistic1_19"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero23 />
|
||||
<Brands1_18 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_23 />
|
||||
<Ct01_28 />
|
||||
<Ct02_44 />
|
||||
<Features12_10 />
|
||||
<Ct01_29 />
|
||||
<Features5_12 />
|
||||
<Statistic1_19 />
|
||||
<hr className="divider" />
|
||||
<Lnk2_22 />
|
||||
<Features11_10 />
|
||||
<Ct03_10 />
|
||||
<Features2_21 />
|
||||
<hr className="divider" />
|
||||
<Ct04_16 />
|
||||
<Integrations2_9 />
|
||||
<Ct02_45 />
|
||||
<Banner16_2 />
|
||||
<Reviews2_8 />
|
||||
<Banner7_7 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_11 from "@/components/sections/Banner13_11"
|
||||
import Brands1_19 from "@/components/sections/Brands1_19"
|
||||
import Ct01_30 from "@/components/sections/Ct01_30"
|
||||
import Ct02_46 from "@/components/sections/Ct02_46"
|
||||
import Ct02_47 from "@/components/sections/Ct02_47"
|
||||
import Ct02_48 from "@/components/sections/Ct02_48"
|
||||
import Ct04_17 from "@/components/sections/Ct04_17"
|
||||
import Faqs3_14 from "@/components/sections/Faqs3_14"
|
||||
import Features11_11 from "@/components/sections/Features11_11"
|
||||
import Features2_22 from "@/components/sections/Features2_22"
|
||||
import Features7_3 from "@/components/sections/Features7_3"
|
||||
import Hero24 from "@/components/sections/Hero24"
|
||||
import Integrations2_10 from "@/components/sections/Integrations2_10"
|
||||
import Lnk1_24 from "@/components/sections/Lnk1_24"
|
||||
import Lnk2_23 from "@/components/sections/Lnk2_23"
|
||||
import Lnk3_16 from "@/components/sections/Lnk3_16"
|
||||
import Pricing3 from "@/components/sections/Pricing3"
|
||||
import Rating1_8 from "@/components/sections/Rating1_8"
|
||||
import Reviews2_9 from "@/components/sections/Reviews2_9"
|
||||
import Statistic1_20 from "@/components/sections/Statistic1_20"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero24 />
|
||||
<Brands1_19 />
|
||||
<Lnk1_24 />
|
||||
<Features7_3 />
|
||||
<Ct02_46 />
|
||||
<Features2_22 />
|
||||
<Lnk2_23 />
|
||||
<Features11_11 />
|
||||
<hr className="divider" />
|
||||
<Statistic1_20 />
|
||||
<hr className="divider" />
|
||||
<Ct02_47 />
|
||||
<Ct04_17 />
|
||||
<Lnk3_16 />
|
||||
<Ct01_30 />
|
||||
<Integrations2_10 />
|
||||
<Ct02_48 />
|
||||
<Reviews2_9 />
|
||||
<Rating1_8 />
|
||||
<hr className="divider" />
|
||||
<Pricing3 />
|
||||
<Faqs3_14 />
|
||||
<Banner13_11 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner3_5 from "@/components/sections/Banner3_5"
|
||||
import Brands1_20 from "@/components/sections/Brands1_20"
|
||||
import Ct01_31 from "@/components/sections/Ct01_31"
|
||||
import Ct01_32 from "@/components/sections/Ct01_32"
|
||||
import Ct01_33 from "@/components/sections/Ct01_33"
|
||||
import Ct03_11 from "@/components/sections/Ct03_11"
|
||||
import Ct04_18 from "@/components/sections/Ct04_18"
|
||||
import Faqs3_15 from "@/components/sections/Faqs3_15"
|
||||
import Features13_9 from "@/components/sections/Features13_9"
|
||||
import Features2_23 from "@/components/sections/Features2_23"
|
||||
import Features5_13 from "@/components/sections/Features5_13"
|
||||
import Hero25 from "@/components/sections/Hero25"
|
||||
import Integrations2_11 from "@/components/sections/Integrations2_11"
|
||||
import Lnk1_25 from "@/components/sections/Lnk1_25"
|
||||
import Lnk2_24 from "@/components/sections/Lnk2_24"
|
||||
import Lnk3_17 from "@/components/sections/Lnk3_17"
|
||||
import Rating1_9 from "@/components/sections/Rating1_9"
|
||||
import Reviews2_10 from "@/components/sections/Reviews2_10"
|
||||
import Statistic1_21 from "@/components/sections/Statistic1_21"
|
||||
import Wswrapper_11 from "@/components/sections/Wswrapper_11"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero25 />
|
||||
<Brands1_20 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_25 />
|
||||
<Ct01_31 />
|
||||
<Lnk2_24 />
|
||||
<Statistic1_21 />
|
||||
<hr className="divider" />
|
||||
<Ct01_32 />
|
||||
<Features13_9 />
|
||||
<Ct04_18 />
|
||||
<Wswrapper_11 />
|
||||
<Features2_23 />
|
||||
<hr className="divider" />
|
||||
<Lnk3_17 />
|
||||
<hr className="divider" />
|
||||
<Features5_13 />
|
||||
<Reviews2_10 />
|
||||
<Rating1_9 />
|
||||
<hr className="divider" />
|
||||
<Ct03_11 />
|
||||
<Integrations2_11 />
|
||||
<Ct01_33 />
|
||||
<Faqs3_15 />
|
||||
<Banner3_5 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_12 from "@/components/sections/Banner13_12"
|
||||
import Blog1_9 from "@/components/sections/Blog1_9"
|
||||
import Brands1_21 from "@/components/sections/Brands1_21"
|
||||
import Ct01_34 from "@/components/sections/Ct01_34"
|
||||
import Ct01_35 from "@/components/sections/Ct01_35"
|
||||
import Ct02_49 from "@/components/sections/Ct02_49"
|
||||
import Ct03_12 from "@/components/sections/Ct03_12"
|
||||
import Features11_12 from "@/components/sections/Features11_12"
|
||||
import Features2_24 from "@/components/sections/Features2_24"
|
||||
import Features7_4 from "@/components/sections/Features7_4"
|
||||
import Hero26 from "@/components/sections/Hero26"
|
||||
import Lnk1_26 from "@/components/sections/Lnk1_26"
|
||||
import Lnk2_25 from "@/components/sections/Lnk2_25"
|
||||
import Lnk3_18 from "@/components/sections/Lnk3_18"
|
||||
import Newsletter1_8 from "@/components/sections/Newsletter1_8"
|
||||
import Projects1_4 from "@/components/sections/Projects1_4"
|
||||
import Rating1_10 from "@/components/sections/Rating1_10"
|
||||
import Reviews2_11 from "@/components/sections/Reviews2_11"
|
||||
import Statistic5_6 from "@/components/sections/Statistic5_6"
|
||||
import Wswrapper_12 from "@/components/sections/Wswrapper_12"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero26 />
|
||||
<Features11_12 />
|
||||
<Lnk1_26 />
|
||||
<Ct01_34 />
|
||||
<Statistic5_6 />
|
||||
<Features2_24 />
|
||||
<Lnk2_25 />
|
||||
<Rating1_10 />
|
||||
<hr className="divider" />
|
||||
<Lnk3_18 />
|
||||
<Features7_4 />
|
||||
<Ct03_12 />
|
||||
<Ct01_35 />
|
||||
<Ct02_49 />
|
||||
<Projects1_4 />
|
||||
<Wswrapper_12 />
|
||||
<Reviews2_11 />
|
||||
<hr className="divider" />
|
||||
<Brands1_21 />
|
||||
<hr className="divider" />
|
||||
<Banner13_12 />
|
||||
<Blog1_9 />
|
||||
<hr className="divider" />
|
||||
<Newsletter1_8 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner3_6 from "../components/sections/Banner3_6"
|
||||
import Brands1_22 from "../components/sections/Brands1_22"
|
||||
import Ct01_36 from "../components/sections/Ct01_36"
|
||||
import Ct01_37 from "../components/sections/Ct01_37"
|
||||
import Ct02_50 from "../components/sections/Ct02_50"
|
||||
import Ct02_51 from "../components/sections/Ct02_51"
|
||||
import Ct02_52 from "../components/sections/Ct02_52"
|
||||
import Ct08_6 from "../components/sections/Ct08_6"
|
||||
import Faqs3_16 from "../components/sections/Faqs3_16"
|
||||
import Features12_11 from "../components/sections/Features12_11"
|
||||
import Features2_25 from "../components/sections/Features2_25"
|
||||
import Features5_14 from "../components/sections/Features5_14"
|
||||
import Features7_5 from "../components/sections/Features7_5"
|
||||
import Hero27 from "../components/sections/Hero27"
|
||||
import Integrations2_12 from "../components/sections/Integrations2_12"
|
||||
import Lnk1_27 from "../components/sections/Lnk1_27"
|
||||
import Lnk2_26 from "../components/sections/Lnk2_26"
|
||||
import Lnk3_19 from "../components/sections/Lnk3_19"
|
||||
import Rating1_11 from "../components/sections/Rating1_11"
|
||||
import Reviews1_13 from "../components/sections/Reviews1_13"
|
||||
import Statistic1_22 from "../components/sections/Statistic1_22"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero27 />
|
||||
<Lnk1_27 />
|
||||
<Ct02_50 />
|
||||
<Ct01_36 />
|
||||
<Features7_5 />
|
||||
<Ct02_51 />
|
||||
<Lnk2_26 />
|
||||
<Brands1_22 />
|
||||
<hr className="divider" />
|
||||
<Lnk3_19 />
|
||||
<Features12_11 />
|
||||
<Ct02_52 />
|
||||
<Features5_14 />
|
||||
<Statistic1_22 />
|
||||
<hr className="divider" />
|
||||
<Ct08_6 />
|
||||
<Ct01_37 />
|
||||
<Features2_25 />
|
||||
<Integrations2_12 />
|
||||
<Faqs3_16 />
|
||||
<Reviews1_13 />
|
||||
<Rating1_11 />
|
||||
<Banner3_6 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_13 from "@/components/sections/Banner13_13"
|
||||
import Brands1_23 from "@/components/sections/Brands1_23"
|
||||
import Ct01_4 from "@/components/sections/Ct01_4"
|
||||
import Ct02_5 from "@/components/sections/Ct02_5"
|
||||
import Ct02_6 from "@/components/sections/Ct02_6"
|
||||
import Ct02_7 from "@/components/sections/Ct02_7"
|
||||
import Ct04_1 from "@/components/sections/Ct04_1"
|
||||
import Faqs3_3 from "@/components/sections/Faqs3_3"
|
||||
import Features11_13 from "@/components/sections/Features11_13"
|
||||
import Features12_3 from "@/components/sections/Features12_3"
|
||||
import Features2_3 from "@/components/sections/Features2_3"
|
||||
import Features5_3 from "@/components/sections/Features5_3"
|
||||
import Hero3 from "@/components/sections/Hero3"
|
||||
import Integrations2_2 from "@/components/sections/Integrations2_2"
|
||||
import Lnk1_3 from "@/components/sections/Lnk1_3"
|
||||
import Lnk2_3 from "@/components/sections/Lnk2_3"
|
||||
import Lnk3_3 from "@/components/sections/Lnk3_3"
|
||||
import Reviews2_1 from "@/components/sections/Reviews2_1"
|
||||
import Statistic1_3 from "@/components/sections/Statistic1_3"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero3 />
|
||||
<Features11_13 />
|
||||
<Lnk1_3 />
|
||||
<Ct02_5 />
|
||||
<Features2_3 />
|
||||
<Lnk2_3 />
|
||||
<Statistic1_3 />
|
||||
<hr className="divider" />
|
||||
<Features12_3 />
|
||||
<Ct02_6 />
|
||||
<Ct04_1 />
|
||||
<Lnk3_3 />
|
||||
<Features5_3 />
|
||||
<Reviews2_1 />
|
||||
<Brands1_23 />
|
||||
<Integrations2_2 />
|
||||
<Ct01_4 />
|
||||
<Ct02_7 />
|
||||
<Faqs3_3 />
|
||||
<Banner13_13 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_1 from "../components/sections/Banner13_1"
|
||||
import Blog1_1 from "../components/sections/Blog1_1"
|
||||
import Brands1_3 from "../components/sections/Brands1_3"
|
||||
import Ct01_5 from "../components/sections/Ct01_5"
|
||||
import Ct01_6 from "../components/sections/Ct01_6"
|
||||
import Ct02_8 from "../components/sections/Ct02_8"
|
||||
import Ct02_9 from "../components/sections/Ct02_9"
|
||||
import Ct03_2 from "../components/sections/Ct03_2"
|
||||
import Faqs3_4 from "../components/sections/Faqs3_4"
|
||||
import Features2_4 from "../components/sections/Features2_4"
|
||||
import Features6_2 from "../components/sections/Features6_2"
|
||||
import Features7_6 from "../components/sections/Features7_6"
|
||||
import Hero4 from "../components/sections/Hero4"
|
||||
import Integrations2_3 from "../components/sections/Integrations2_3"
|
||||
import Lnk1_4 from "../components/sections/Lnk1_4"
|
||||
import Lnk2_4 from "../components/sections/Lnk2_4"
|
||||
import Newsletter1_1 from "../components/sections/Newsletter1_1"
|
||||
import Rating1_2 from "../components/sections/Rating1_2"
|
||||
import Reviews3_3 from "../components/sections/Reviews3_3"
|
||||
import Statistic1_4 from "../components/sections/Statistic1_4"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero4 />
|
||||
<Brands1_3 />
|
||||
<hr className="divider" />
|
||||
<Features6_2 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_4 />
|
||||
<Features2_4 />
|
||||
<Lnk2_4 />
|
||||
<Statistic1_4 />
|
||||
<hr className="divider" />
|
||||
<Ct02_8 />
|
||||
<Features7_6 />
|
||||
<Ct01_5 />
|
||||
<Ct03_2 />
|
||||
<Integrations2_3 />
|
||||
<Ct02_9 />
|
||||
<Ct01_6 />
|
||||
<Reviews3_3 />
|
||||
<Rating1_2 />
|
||||
<hr className="divider" />
|
||||
<Faqs3_4 />
|
||||
<Banner13_1 />
|
||||
<Blog1_1 />
|
||||
<hr className="divider" />
|
||||
<Newsletter1_1 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner7_1 from "../components/sections/Banner7_1"
|
||||
import Ct01_7 from "../components/sections/Ct01_7"
|
||||
import Ct01_8 from "../components/sections/Ct01_8"
|
||||
import Ct02_10 from "../components/sections/Ct02_10"
|
||||
import Ct02_11 from "../components/sections/Ct02_11"
|
||||
import Ct03_3 from "../components/sections/Ct03_3"
|
||||
import Ct08_2 from "../components/sections/Ct08_2"
|
||||
import Features11_14 from "../components/sections/Features11_14"
|
||||
import Features13_1 from "../components/sections/Features13_1"
|
||||
import Features2_5 from "../components/sections/Features2_5"
|
||||
import Features5_4 from "../components/sections/Features5_4"
|
||||
import Hero5 from "../components/sections/Hero5"
|
||||
import Integrations1_1 from "../components/sections/Integrations1_1"
|
||||
import Lnk1_5 from "../components/sections/Lnk1_5"
|
||||
import Lnk2_5 from "../components/sections/Lnk2_5"
|
||||
import Reviews1_3 from "../components/sections/Reviews1_3"
|
||||
import Statistic1_5 from "../components/sections/Statistic1_5"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero5 />
|
||||
<Statistic1_5 />
|
||||
<hr className="divider" />
|
||||
<Features11_14 />
|
||||
<Lnk1_5 />
|
||||
<Features2_5 />
|
||||
<hr className="divider" />
|
||||
<Lnk2_5 />
|
||||
<Ct01_7 />
|
||||
<Ct02_10 />
|
||||
<Ct01_8 />
|
||||
<Features13_1 />
|
||||
<Features5_4 />
|
||||
<Ct02_11 />
|
||||
<Ct08_2 />
|
||||
<Ct03_3 />
|
||||
<Integrations1_1 />
|
||||
<Reviews1_3 />
|
||||
<hr className="divider" />
|
||||
<Banner7_1 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner1 from "../components/sections/Banner1"
|
||||
import Brands1_4 from "../components/sections/Brands1_4"
|
||||
import Ct01_9 from "../components/sections/Ct01_9"
|
||||
import Ct02_12 from "../components/sections/Ct02_12"
|
||||
import Ct02_13 from "../components/sections/Ct02_13"
|
||||
import Ct04_2 from "../components/sections/Ct04_2"
|
||||
import Faqs3_5 from "../components/sections/Faqs3_5"
|
||||
import Features13_2 from "../components/sections/Features13_2"
|
||||
import Features2_6 from "../components/sections/Features2_6"
|
||||
import Features5_5 from "../components/sections/Features5_5"
|
||||
import Hero6 from "../components/sections/Hero6"
|
||||
import Integrations1_2 from "../components/sections/Integrations1_2"
|
||||
import Lnk1_6 from "../components/sections/Lnk1_6"
|
||||
import Lnk2_6 from "../components/sections/Lnk2_6"
|
||||
import Lnk3_4 from "../components/sections/Lnk3_4"
|
||||
import Reviews1_4 from "../components/sections/Reviews1_4"
|
||||
import Statistic1_6 from "../components/sections/Statistic1_6"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark light-hero-header">
|
||||
<Hero6 />
|
||||
<Statistic1_6 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_6 />
|
||||
<Ct04_2 />
|
||||
<Ct02_12 />
|
||||
<Features2_6 />
|
||||
<Lnk2_6 />
|
||||
<Brands1_4 />
|
||||
<hr className="divider" />
|
||||
<Lnk3_4 />
|
||||
<Features13_2 />
|
||||
<Features5_5 />
|
||||
<Ct02_13 />
|
||||
<Ct01_9 />
|
||||
<Integrations1_2 />
|
||||
<Reviews1_4 />
|
||||
<Faqs3_5 />
|
||||
<Banner1 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner7_2 from "../components/sections/Banner7_2"
|
||||
import Brands1_5 from "../components/sections/Brands1_5"
|
||||
import Ct01_10 from "../components/sections/Ct01_10"
|
||||
import Ct02_14 from "../components/sections/Ct02_14"
|
||||
import Ct04_3 from "../components/sections/Ct04_3"
|
||||
import Ct08_3 from "../components/sections/Ct08_3"
|
||||
import Faqs3_6 from "../components/sections/Faqs3_6"
|
||||
import Features13_3 from "../components/sections/Features13_3"
|
||||
import Features2_7 from "../components/sections/Features2_7"
|
||||
import Features6_3 from "../components/sections/Features6_3"
|
||||
import Hero7 from "../components/sections/Hero7"
|
||||
import Integrations2_4 from "../components/sections/Integrations2_4"
|
||||
import Lnk1_7 from "../components/sections/Lnk1_7"
|
||||
import Lnk2_7 from "../components/sections/Lnk2_7"
|
||||
import Lnk3_5 from "../components/sections/Lnk3_5"
|
||||
import Reviews2_2 from "../components/sections/Reviews2_2"
|
||||
import Statistic1_7 from "../components/sections/Statistic1_7"
|
||||
import Wswrapper_1 from "../components/sections/Wswrapper_1"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero7 />
|
||||
<Features6_3 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_7 />
|
||||
<Ct04_3 />
|
||||
<Features2_7 />
|
||||
<Wswrapper_1 />
|
||||
<Lnk2_7 />
|
||||
<Statistic1_7 />
|
||||
<hr className="divider" />
|
||||
<Features13_3 />
|
||||
<Ct01_10 />
|
||||
<Lnk3_5 />
|
||||
<Reviews2_2 />
|
||||
<Brands1_5 />
|
||||
<hr className="divider" />
|
||||
<Ct08_3 />
|
||||
<Ct02_14 />
|
||||
<Integrations2_4 />
|
||||
<Faqs3_6 />
|
||||
<hr className="divider" />
|
||||
<Banner7_2 />
|
||||
<hr className="divider" />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner13_2 from "@/components/sections/Banner13_2"
|
||||
import Brands1_6 from "@/components/sections/Brands1_6"
|
||||
import Ct02_15 from "@/components/sections/Ct02_15"
|
||||
import Ct02_16 from "@/components/sections/Ct02_16"
|
||||
import Ct02_17 from "@/components/sections/Ct02_17"
|
||||
import Ct04_4 from "@/components/sections/Ct04_4"
|
||||
import Faqs3_7 from "@/components/sections/Faqs3_7"
|
||||
import Features12_4 from "@/components/sections/Features12_4"
|
||||
import Features2_8 from "@/components/sections/Features2_8"
|
||||
import Features5_6 from "@/components/sections/Features5_6"
|
||||
import Features6_4 from "@/components/sections/Features6_4"
|
||||
import Hero8 from "@/components/sections/Hero8"
|
||||
import Integrations1_3 from "@/components/sections/Integrations1_3"
|
||||
import Lnk1_8 from "@/components/sections/Lnk1_8"
|
||||
import Lnk2_8 from "@/components/sections/Lnk2_8"
|
||||
import Lnk3_6 from "@/components/sections/Lnk3_6"
|
||||
import Reviews1_5 from "@/components/sections/Reviews1_5"
|
||||
import Statistic1_8 from "@/components/sections/Statistic1_8"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} headerCls="navbar-light">
|
||||
<Hero8 />
|
||||
<Brands1_6 />
|
||||
<Features2_8 />
|
||||
<Lnk1_8 />
|
||||
<Lnk2_8 />
|
||||
<Features12_4 />
|
||||
<Statistic1_8 />
|
||||
<hr className="divider" />
|
||||
<Ct02_15 />
|
||||
<Lnk3_6 />
|
||||
<Features6_4 />
|
||||
<hr className="divider" />
|
||||
<Ct02_16 />
|
||||
<Features5_6 />
|
||||
<Integrations1_3 />
|
||||
<Ct02_17 />
|
||||
<Ct04_4 />
|
||||
<Reviews1_5 />
|
||||
<Faqs3_7 />
|
||||
<Banner13_2 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner16_1 from "@/components/sections/Banner16_1"
|
||||
import Banner7_3 from "@/components/sections/Banner7_3"
|
||||
import Brands1_7 from "@/components/sections/Brands1_7"
|
||||
import Ct01_11 from "@/components/sections/Ct01_11"
|
||||
import Ct02_18 from "@/components/sections/Ct02_18"
|
||||
import Ct04_5 from "@/components/sections/Ct04_5"
|
||||
import Ct13 from "@/components/sections/Ct13"
|
||||
import Faqs3_8 from "@/components/sections/Faqs3_8"
|
||||
import Features1_1 from "@/components/sections/Features1_1"
|
||||
import Features5_7 from "@/components/sections/Features5_7"
|
||||
import Features6_5 from "@/components/sections/Features6_5"
|
||||
import Features7_7 from "@/components/sections/Features7_7"
|
||||
import Hero9 from "@/components/sections/Hero9"
|
||||
import Integrations2_5 from "@/components/sections/Integrations2_5"
|
||||
import Lnk1_9 from "@/components/sections/Lnk1_9"
|
||||
import Lnk2_9 from "@/components/sections/Lnk2_9"
|
||||
import Lnk3_7 from "@/components/sections/Lnk3_7"
|
||||
import Pricing1 from "@/components/sections/Pricing1"
|
||||
import Reviews3_1 from "@/components/sections/Reviews3_1"
|
||||
import Statistic1_9 from "@/components/sections/Statistic1_9"
|
||||
import Wswrapper_2 from "@/components/sections/Wswrapper_2"
|
||||
import Wswrapper_3 from "@/components/sections/Wswrapper_3"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<Hero9 />
|
||||
<Features6_5 />
|
||||
<hr className="divider" />
|
||||
<Lnk1_9 />
|
||||
<Features1_1 />
|
||||
<Wswrapper_2 />
|
||||
<Lnk2_9 />
|
||||
<Ct01_11 />
|
||||
<Features5_7 />
|
||||
<Statistic1_9 />
|
||||
<hr className="divider" />
|
||||
<Ct02_18 />
|
||||
<Features7_7 />
|
||||
<Lnk3_7 />
|
||||
<Ct13 />
|
||||
<Integrations2_5 />
|
||||
<Reviews3_1 />
|
||||
<Ct04_5 />
|
||||
<Brands1_7 />
|
||||
<Pricing1 />
|
||||
<Banner16_1 />
|
||||
<Faqs3_8 />
|
||||
<Wswrapper_3 />
|
||||
<Banner7_3 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,206 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="download-1" className="gr--whitesmoke inner-page-hero download-section division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-11 col-xl-10">
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
<h5 className="s-28 w-700">Latest Version</h5>
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.13.019</span>
|
||||
<span className="release-date">2023-05-31 <span>68.91 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.13.019
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item"><p><b>OS X</b> (10.7 or later is required)</p></li>
|
||||
<li className="list-item"><p><b>Windows</b> - also available as a portable version</p></li>
|
||||
<li className="list-item"><p><b>Windows 64 bit</b> - also available as a portable version</p></li>
|
||||
<li className="list-item"><p>Fixed Bug: "Euismod purus and blandit"</p></li>
|
||||
<li className="list-item"><p>Fixed Crash#4680682692</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
<h5 className="s-28 w-700">Older Versions</h5>
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.11.020</span>
|
||||
<span className="release-date">2023-05-18 <span>62.46 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.11.020
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod purus and blandit egestas magna on macOS 10.12.*</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod</p>
|
||||
</li>
|
||||
<li className="list-item"><p>Fixed Crash#8341682687</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.08.106</span>
|
||||
<span className="release-date">2023-04-12 <span>58.83 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.08.106
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed risus nec luctus mauris auctor integer an integera congue magna</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed cubilia laoreet magna at auctor integer congue egestas</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod purus
|
||||
pretium efficitur ipsum ligula undo cubilia laoreet magna and dolor suscipit
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes other minor bugs</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.0.018</span>
|
||||
<span className="release-date">2023-02-26 <span>64.95 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.0.018
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed Crash#8341689840</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes other minor bugs</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">3.76.231</span>
|
||||
<span className="release-date">2022-12-08 <span>57.39 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 3.76.231
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END DOWNLOAD-1 */}
|
||||
{/* BANNER-9
|
||||
============================================= */}
|
||||
<section id="banner-9" className="bg--02 py-70 x-border banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-9 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center d-flex align-items-center">
|
||||
{/* BANNER-9 TEXT */}
|
||||
<div className="col-md-7 col-xl-5">
|
||||
<div className="banner-9-txt">
|
||||
{/* Title */}
|
||||
<h3 className="s-40 w-700">Any questions?</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
|
||||
{/* Button */}
|
||||
<Link href="/faqs" className="btn r-04 btn--theme hover--theme">Read the FAQs</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* BANNER-9 IMAGE */}
|
||||
<div className="col-md-5 col-xl-5">
|
||||
<div className="banner-9-img text-end">
|
||||
<img className="img-fluid" src="images/help.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-9 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+598
@@ -0,0 +1,598 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Home() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<section id="faqs-2" className="gr--whitesmoke pb-30 inner-page-hero faqs-section division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-11 col-xl-10">
|
||||
{/* INNER PAGE TITLE */}
|
||||
<div className="inner-page-title">
|
||||
<h2 className="s-52 w-700">Questions & Answers</h2>
|
||||
<p className="p-lg">Some common questions we get about Martex</p>
|
||||
</div>
|
||||
{/* QUESTIONS ACCORDION */}
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTIONS CATEGORY #1 */}
|
||||
<li className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
|
||||
{/* CATEGORY HEADER */}
|
||||
<div className="accordion-thumb">
|
||||
<h4 className="s-28 w-700">Getting Started</h4>
|
||||
</div>
|
||||
{/* CATEGORY ANSWERS */}
|
||||
<div className="accordion-panel" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
{/* QUESTION #1 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>1.</span> What is Martex and how does it work?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus congue efficitur and ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas and magna ipsum vitae purus and efficitur ipsum primis in
|
||||
cubilia laoreet tempor gravida congue laoreet turpis neque auctor
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
undo lectus laoreet and gestas neque vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna impedit ligula congue maecenas
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>3.</span> Which languages does Martex support?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero quisque eu congue tristique
|
||||
neque. Phasellus blandit tristique justo aliquam quisque
|
||||
aliquam vitae and molestie sapien nunc justo, aliquet non
|
||||
molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum undo purus vitae efficitur ipsum primis in
|
||||
cubilia laoreet augue donec egestas luctus curabitur dapibus
|
||||
libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>4.</span> Automate testing with API</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
|
||||
purus ipsum primis and augue ultrice ligula egestas suscipit lectus
|
||||
gestas integer congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #4 */}
|
||||
</div> {/* END CATEGORY ANSWERS */}
|
||||
</li> {/* END QUESTIONS CATEGORY #1 */}
|
||||
{/* QUESTIONS CATEGORY #2 */}
|
||||
<li className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
|
||||
{/* CATEGORY HEADER */}
|
||||
<div className="accordion-thumb">
|
||||
<h4 className="s-28 w-700">Manage your account</h4>
|
||||
</div>
|
||||
{/* CATEGORY ANSWERS */}
|
||||
<div className="accordion-panel" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
{/* QUESTION #1 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>1.</span> Sign up and manage your account</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<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 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>
|
||||
</div>
|
||||
</div> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>2.</span> Manage account settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue and efficitur ipsum primis in cubilia
|
||||
laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>3.</span> Change language or location settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna nihil mpedit ligula congue.
|
||||
Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
|
||||
diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>4.</span> Troubleshoot account issues</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit
|
||||
egestas magna ipsum vitae efficitur purus congue ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>5.</span> Manage accessibility settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet at gestas neque cubilia vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna nihil mpedit ligula congue.
|
||||
Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis augue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum and vitae purus efficitur ipsum primis in cubilia
|
||||
laoreet tempor gravida sapien cursus congue magna purus quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #5 */}
|
||||
</div> {/* END CATEGORY ANSWERS */}
|
||||
</li> {/* END QUESTIONS CATEGORY #2 */}
|
||||
{/* QUESTIONS CATEGORY #3 */}
|
||||
<li className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
|
||||
{/* CATEGORY HEADER */}
|
||||
<div className="accordion-thumb">
|
||||
<h4 className="s-28 w-700">Purchase and License</h4>
|
||||
</div>
|
||||
{/* CATEGORY ANSWERS */}
|
||||
<div className="accordion-panel" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* QUESTION #1 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>1.</span> How much does Martex cost?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
|
||||
purus ipsum primis and augue ultrice ligula egestas suscipit lectus
|
||||
gestas integer congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>2.</span> Do you offer discounts for annual plans?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
|
||||
augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>3.</span> I didn't receive the license key after purchased</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique neque
|
||||
phasellus blandit tristique justo aliquam. Aliquam vitae undo
|
||||
molestie nunc. Quisque sapien justo, aliquet non molestie purus
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>4.</span> I can't activate Martex</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque pulvinar vitae auctor eros dolor luctus placerat a
|
||||
magna cursus congue magna nihil mpedit ligula congue. Maecenas gravida
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue augue eget, dictum tempor diam. Sed pulvinar a
|
||||
consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Congue tristique neque phasellus blandit tristique justo undo
|
||||
aliquam aliquam vitae molestie quisque sapien justo, aliquet non
|
||||
molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END QUESTION #5 */}
|
||||
</div> {/* END CATEGORY ANSWERS */}
|
||||
</li> {/* END QUESTIONS CATEGORY #3 */}
|
||||
{/* QUESTIONS CATEGORY #4 */}
|
||||
<li className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
|
||||
{/* CATEGORY HEADER */}
|
||||
<div className="accordion-thumb">
|
||||
<h4 className="s-28 w-700">Policy, Safety & Copyright</h4>
|
||||
</div>
|
||||
{/* CATEGORY ANSWERS */}
|
||||
<div className="accordion-panel" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
{/* QUESTION #1 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>1.</span> Copyright and rights management</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna nihil mpedit ligula congue.
|
||||
Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
|
||||
diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>2.</span> Manage privacy settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum and primis undo cubilia
|
||||
a laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>3.</span> Change your subscription privacy settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet and gestas neque vitae auctor eros dolor luctus placerat
|
||||
a magna cursus congue magna nihil mpedit ligula congue maecenas undo
|
||||
gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque
|
||||
vel laoreet turpis augue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Congue tristique neque phasellus blandit tristique justo
|
||||
undo aliquam aliquam vitae molestie quisque and sapien justo,
|
||||
aliquet non molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>4.</span> Protecting your identity</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna nihil mpedit ligula congue.
|
||||
Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
|
||||
diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia
|
||||
laoreet tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #4 */}
|
||||
</div> {/* END CATEGORY ANSWERS */}
|
||||
</li> {/* END QUESTIONS CATEGORY #4 */}
|
||||
{/* QUESTIONS CATEGORY #5 */}
|
||||
<li className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
|
||||
{/* CATEGORY HEADER */}
|
||||
<div className="accordion-thumb">
|
||||
<h4 className="s-28 w-700">Other Questions</h4>
|
||||
</div>
|
||||
{/* CATEGORY ANSWERS */}
|
||||
<div className="accordion-panel" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
|
||||
{/* QUESTION #1 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>1.</span> How do I get the error log?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit
|
||||
egestas and magna ipsum vitae purus congue efficitur ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>2.</span> I forgot my folder password, what should I do?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum and primis in cubilia
|
||||
laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>3.</span> Limitations of folder password protection</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
|
||||
placerat a magna cursus congue magna nihil mpedit ligula congue.
|
||||
Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
|
||||
diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<div className="accordion-panel-item mb-35">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>4.</span> Import existing library</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue an ipsum mauris
|
||||
lectus laoreet gestas neque vitae auctor eros dolor luctus placerat a
|
||||
magna cursus congue magna nihil mpedit ligula congue gravida tempor
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis augue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<div className="accordion-panel-item">
|
||||
{/* Question */}
|
||||
<div className="faqs-2-question">
|
||||
<h5 className="s-22 w-700"><span>5.</span> I lost my license. Can you send it to me?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="faqs-2-answer color--grey">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis augue ultrice ligula egestas suscipit lectus gestas integer
|
||||
congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END QUESTION #5 */}
|
||||
</div> {/* END CATEGORY ANSWERS */}
|
||||
</li> {/* END QUESTIONS CATEGORY #5 */}
|
||||
</ul>
|
||||
</div> {/* END QUESTIONS ACCORDION */}
|
||||
{/* MORE QUESTIONS LINK */}
|
||||
<div className="more-questions">
|
||||
<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> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+1135
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,583 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Home() {
|
||||
const [activeIndex, setActiveIndex] = useState(1)
|
||||
const handleOnClick = (index) => {
|
||||
setActiveIndex(index)
|
||||
}
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="faqs-4" className="gr--whitesmoke inner-page-hero pb-100 faqs-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-11 col-xl-10">
|
||||
<div className="inner-page-title">
|
||||
<h2 className="s-52 w-700">How Can We Help?</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TABS NAVIGATION */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="tabs-nav tabs--theme clearfix">
|
||||
<ul className="tabs-1">
|
||||
{/* TAB-1 LINK */}
|
||||
<li className={activeIndex === 1 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(1)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-mechanics" /></div>
|
||||
<p>Getting Started</p>
|
||||
</li>
|
||||
{/* TAB-2 LINK */}
|
||||
<li className={activeIndex === 2 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(2)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-suit" /></div>
|
||||
<p>My Account</p>
|
||||
</li>
|
||||
{/* TAB-3 LINK */}
|
||||
<li className={activeIndex === 3 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(3)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-price-label" /></div>
|
||||
<p>Pricing Plans</p>
|
||||
</li>
|
||||
{/* TAB-4 LINK */}
|
||||
<li className={activeIndex === 4 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(4)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-screenplay" /></div>
|
||||
<p>Other Questions</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TABS NAVIGATION */}
|
||||
{/* TABS CONTENT */}
|
||||
<div className="tabs-content">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* TAB-1 CONTENT */}
|
||||
<div id="tab-1" className={activeIndex === 1 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What is Martex and how does it work?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus congue efficitur and ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What's inside the package?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
tempor magna undo ipsum vitae purus and efficitur ipsum primis in
|
||||
cubilia laoreet tempor gravida luctus neque purus ipsum neque
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet and gestas neque vitae auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula undo congue. Maecenas
|
||||
agravida augue porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue, a augue tempor, dictum
|
||||
tempor diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">General settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet magna suscipit egestas magna ipsum purus
|
||||
ipsum a primis an augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna and vehicula
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit lipsum
|
||||
egestas magna ipsum vitae a purus ipsum congue efficitur ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Which languages does Martex support?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta tristique phasellus neque a blandit and
|
||||
tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem congue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Automate testing with API</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero quisque eu congue tristique egestas
|
||||
phasellus blandit tristique justo aliquam. Aliquam vitae molestie
|
||||
quisque sapien justo, aliquet aliquam molestie sed purus undo
|
||||
venenatis tempor gravida eget lacinia. Augue aliquam a suscipit
|
||||
tincidunt tincidunt massa
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non
|
||||
molestie sed purus, venenatis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae an efficitur purus undo ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec curabitur dapibus
|
||||
libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-1 CONTENT */}
|
||||
{/* TAB-2 CONTENT */}
|
||||
<div id="tab-2" className={activeIndex === 2 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 6 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(6)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Sign up and manage your account</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 6 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<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 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>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 7 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(7)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage account settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 8 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(8)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Change language or location settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 8 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 9 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(9)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Troubleshoot account issues</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis an augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta tristique phasellus neque a blandit and
|
||||
tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem congue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 10 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(10)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage accessibility settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 10 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-2 CONTENT */}
|
||||
{/* TAB-3 CONTENT */}
|
||||
<div id="tab-3" className={activeIndex === 3 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 11 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(11)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How much does Martex cost?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 11 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta neque blandit tristique
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 12 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(12)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I didn't receive the license key after purchased</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 12 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique neque.
|
||||
Phasellus blandit tristique aliquam justo undo. Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non molestie purus
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 13 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(13)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Do you offer discounts for annual plans?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 13 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue justo undo
|
||||
tristique neque phasellus and blandit tristique aliquam. Aliquam
|
||||
vitae molestie nunc. Quisque sapien justo, aliquet non molestie
|
||||
purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 14 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(14)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How safe is my data?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 14 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna an ipsum
|
||||
purus ipsum primis an augue ultrice ligula egestas suscipit lectus
|
||||
gestas integer congue a lectus porta tristique phasellus neque a blandit
|
||||
undo tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 15 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(15)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How to request a refund?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 15 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Congue tristique neque phasellus blandit tristique justo
|
||||
undo aliquam. Aliquam vitae molestie quisque sapien justo,
|
||||
aliquet non molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-3 CONTENT */}
|
||||
{/* TAB-4 CONTENT */}
|
||||
<div id="tab-4" className={activeIndex === 4 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 16 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(16)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How do I get the error log?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 16 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit an
|
||||
egestas magna ipsum vitae purus congue efficitur ipsum primis in cubilia
|
||||
laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 17 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(17)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I forgot my folder password, what should I do?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 17 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
|
||||
augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 18 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(18)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Limitations of folder password protection</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 18 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 19 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(19)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Import existing library</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 19 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 20 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(20)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I lost my license. Can you send it to me?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 20 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-4 CONTENT */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END TABS CONTENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FAQs-4 */}
|
||||
{/* BANNER-9
|
||||
============================================= */}
|
||||
<section id="banner-9" className="bg--02 py-70 x-border banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-9 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center d-flex align-items-center">
|
||||
{/* BANNER-9 TEXT */}
|
||||
<div className="col-md-7 col-xl-5">
|
||||
<div className="banner-9-txt">
|
||||
{/* Title */}
|
||||
<h3 className="s-40 w-700">Still need help?</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
|
||||
{/* Button */}
|
||||
<Link href="/contacts" className="btn r-04 btn--theme hover--theme">Ask your question here</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* BANNER-9 IMAGE */}
|
||||
<div className="col-md-5 col-xl-5">
|
||||
<div className="banner-9-img text-end">
|
||||
<img className="img-fluid" src="/images/help.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-9 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+659
@@ -0,0 +1,659 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="page" className="page-wrapper">
|
||||
{/* HERO
|
||||
============================================= */}
|
||||
<section id="hero" className="bg--scroll hero-section">
|
||||
<div className="container color--white">
|
||||
<div className="row d-flex align-items-center">
|
||||
<div className="col">
|
||||
{/* HERO TEXT */}
|
||||
<div className="hero-txt text-center">
|
||||
<h2>It’s time to show how creative you are</h2>
|
||||
<p className="p-lg">A great collection of <span>flexible & creative templates</span> to
|
||||
promote your Software, App, SaaS, Startup or business projects
|
||||
</p>
|
||||
<Link href="#select" className="btn btn--pink-400 hover--tra-white" >Check Demos</Link>
|
||||
</div>
|
||||
{/* HERO IMAGE */}
|
||||
<div className="hero-img">
|
||||
<img className="img-fluid" src="/images/demo/hero-img.png" alt="hero-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END HERO */}
|
||||
{/* FEATURES
|
||||
============================================= */}
|
||||
<section id="features" className="features-section">
|
||||
<div className="container">
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-lg-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox fb-1 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img">
|
||||
<img className="img-fluid" src="/images/demo/f_01.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5>Ultra Responsive</h5>
|
||||
<p>Martex has a fully responsive design. It fits perfectly on various displays
|
||||
and resolutions
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox fb-2 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img">
|
||||
<img className="img-fluid" src="/images/demo/f_02.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5>Built with Bootstrap 5.x</h5>
|
||||
<p>The world’s most popular front-end open source toolkit for building responsive
|
||||
websites
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox fb-3 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img">
|
||||
<img className="img-fluid" src="/images/demo/f_03.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5>Beautiful Components</h5>
|
||||
<p>Martex includes well designed components which always gives you best results
|
||||
as you wanted
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES */}
|
||||
{/* SELECT
|
||||
============================================= */}
|
||||
<section id="select" className="bg-fixed select-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1 section-title">
|
||||
<h2>Stunning Designs</h2>
|
||||
<p>27 beautiful, hand-crafted designs to get you started. Choose the one you like best and start
|
||||
customize it to your website
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* DEMOS WRAPPER */}
|
||||
<div className="row">
|
||||
{/* LAYOUT-1 */}
|
||||
<div id="l-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-1" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-01.jpg" alt="layout-1-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #1</h4>
|
||||
</div>
|
||||
{/* LAYOUT-2 */}
|
||||
<div id="l-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-2" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-02.jpg" alt="layout-2-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4> Demo #2</h4>
|
||||
</div>
|
||||
{/* LAYOUT-3 */}
|
||||
<div id="l-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-3" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-03.jpg" alt="layout-3-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #3</h4>
|
||||
</div>
|
||||
{/* LAYOUT-4 */}
|
||||
<div id="l-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-4" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-04.jpg" alt="layout-4-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #4</h4>
|
||||
</div>
|
||||
{/* LAYOUT-5 */}
|
||||
<div id="l-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-5" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-05.jpg" alt="layout-5-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #5</h4>
|
||||
</div>
|
||||
{/* LAYOUT-6 */}
|
||||
<div id="l-6" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-6" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-06.jpg" alt="layout-6-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #6</h4>
|
||||
</div>
|
||||
{/* LAYOUT-7 */}
|
||||
<div id="l-7" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-7" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-07.jpg" alt="layout-7-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #7</h4>
|
||||
</div>
|
||||
{/* LAYOUT-8 */}
|
||||
<div id="l-8" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-8" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-08.jpg" alt="layout-8-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #8</h4>
|
||||
</div>
|
||||
{/* LAYOUT-9 */}
|
||||
<div id="l-9" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-9" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-09.jpg" alt="layout-9-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #9</h4>
|
||||
</div>
|
||||
{/* LAYOUT-10 */}
|
||||
<div id="l-10" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-10" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-10.jpg" alt="layout-10-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #10</h4>
|
||||
</div>
|
||||
{/* LAYOUT-11 */}
|
||||
<div id="l-11" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-11" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-11.jpg" alt="layout-11-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #11</h4>
|
||||
</div>
|
||||
{/* LAYOUT-12 */}
|
||||
<div id="l-12" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-12" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-12.jpg" alt="layout-12-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #12</h4>
|
||||
</div>
|
||||
{/* LAYOUT-13 */}
|
||||
<div id="l-13" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-13" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-13.jpg" alt="layout-13-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #13</h4>
|
||||
</div>
|
||||
{/* LAYOUT-14 */}
|
||||
<div id="l-14" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-14" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-14.jpg" alt="layout-14-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #14</h4>
|
||||
</div>
|
||||
{/* LAYOUT-15 */}
|
||||
<div id="l-15" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-15" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-15.jpg" alt="layout-15-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #15</h4>
|
||||
</div>
|
||||
{/* LAYOUT-16 */}
|
||||
<div id="l-16" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-16" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-16.jpg" alt="layout-16-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #16</h4>
|
||||
</div>
|
||||
{/* LAYOUT-17 */}
|
||||
<div id="l-17" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-17" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-17.jpg" alt="layout-17-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #17</h4>
|
||||
</div>
|
||||
{/* LAYOUT-18 */}
|
||||
<div id="l-18" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-18" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-18.jpg" alt="layout-18-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #18</h4>
|
||||
</div>
|
||||
{/* LAYOUT-19 */}
|
||||
<div id="l-19" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-19" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-19.jpg" alt="layout-19-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #19</h4>
|
||||
</div>
|
||||
{/* LAYOUT-20 */}
|
||||
<div id="l-20" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-20" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-20.jpg" alt="layout-20-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #20</h4>
|
||||
</div>
|
||||
{/* LAYOUT-21 */}
|
||||
<div id="l-21" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-21" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-21.jpg" alt="layout-21-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #21</h4>
|
||||
</div>
|
||||
{/* LAYOUT-22 */}
|
||||
<div id="l-22" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-22" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-22.jpg" alt="layout-22-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #22</h4>
|
||||
</div>
|
||||
{/* LAYOUT-23 */}
|
||||
<div id="l-23" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-23" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-23.jpg" alt="layout-23-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #23</h4>
|
||||
</div>
|
||||
{/* LAYOUT-24 */}
|
||||
<div id="l-24" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/404" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-24.jpg" alt="layout-24-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #24</h4>
|
||||
</div>
|
||||
{/* LAYOUT-25 */}
|
||||
<div id="l-25" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-25" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-25.jpg" alt="layout-25-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #25</h4>
|
||||
</div>
|
||||
{/* LAYOUT-26 */}
|
||||
<div id="l-26" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-26" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-26.jpg" alt="layout-26-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #26</h4>
|
||||
</div>
|
||||
{/* LAYOUT-27 */}
|
||||
<div id="l-27" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/demo-27" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/layout-27.jpg" alt="layout-27-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Demo #27</h4>
|
||||
</div>
|
||||
</div> {/* END DEMOS WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END SELECT */}
|
||||
{/* BANNER-1
|
||||
============================================= */}
|
||||
<section id="banner-1" className="bg--scroll banner division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="banner-1-txt color--white">
|
||||
<h2>Fully Responsive & Retina Ready</h2>
|
||||
<p>Attention to details is what makes the Martex fully fuctional. No matter what kind
|
||||
of content you add, your website will look stunning on any major device such as tablet,
|
||||
smartphone etc.
|
||||
</p>
|
||||
<Link className="btn btn--pink-400 hover--tra-white" href="/demo-1" target="_blank">
|
||||
See Martex in action
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="banner-1-img">
|
||||
<img className="img-fluid" src="/images/demo/banner-1-img.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BANNER-1 */}
|
||||
{/* INNER PAGES
|
||||
============================================= */}
|
||||
<section id="i-pages" className="ip-section">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1 section-title">
|
||||
<h2>Practical Inner Pages</h2>
|
||||
<p>Martex offers a vast number of pre-made inner pages which will save your time when building
|
||||
a website.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* ABOUT PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/about" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/about.jpg" alt="about-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>About Us</h4>
|
||||
</div>
|
||||
{/* CAREERS PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/careers" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/careers.jpg" alt="careers-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Careers</h4>
|
||||
</div>
|
||||
{/* CAREER ROLE PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/career-role" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/career-role.jpg" alt="career-role-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Career Role</h4>
|
||||
</div>
|
||||
{/* TEAM PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/team" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/team.jpg" alt="team-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Team</h4>
|
||||
</div>
|
||||
{/* FEATURES PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/features" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/features.jpg" alt="features-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Features</h4>
|
||||
</div>
|
||||
{/* INTEGRATIONS PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/integrations" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/integrations.jpg" alt="integrations-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Integrations</h4>
|
||||
</div>
|
||||
{/* PROJECTS PAGE */}
|
||||
<div id="pts" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/projects" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/projects.jpg" alt="projects-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Our Projects</h4>
|
||||
</div>
|
||||
{/* SINGLE PROJECT */}
|
||||
<div id="pd" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/project-details" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/project-details.jpg" alt="project-details-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Project Details</h4>
|
||||
</div>
|
||||
{/* REVIEWS PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/reviews" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/reviews.jpg" alt="reviews-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Reviews</h4>
|
||||
</div>
|
||||
{/* PRICING-1 PLANS */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/pricing-1" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/pricing-1.jpg" alt="pricing-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Pricing Plans #1</h4>
|
||||
</div>
|
||||
{/* PRICING-2 PLANS */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/pricing-2" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/pricing-2.jpg" alt="pricing-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Pricing Plans #2</h4>
|
||||
</div>
|
||||
{/* DOWNLOAD PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/download" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/download.jpg" alt="download-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Download</h4>
|
||||
</div>
|
||||
{/* FAQs PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/faqs" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/faqs.jpg" alt="faqs-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>FAQs</h4>
|
||||
</div>
|
||||
{/* HELP CENTER PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/help-center" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/help-center.jpg" alt="help-center-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Help Center</h4>
|
||||
</div>
|
||||
{/* CONTACTS PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/contacts" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/contacts.jpg" alt="contacts-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Contacts</h4>
|
||||
</div>
|
||||
{/* BLOG LISTING */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/blog-listing" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/blog-listing.jpg" alt="blog-listing-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Blog Listing</h4>
|
||||
</div>
|
||||
{/* SINGLE POST */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/single-post" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/single-post.jpg" alt="single-post-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Single Post</h4>
|
||||
</div>
|
||||
{/* PAGE 404 */}
|
||||
<div id="p-404" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/404" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/404.jpg" alt="404-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Page 404</h4>
|
||||
</div>
|
||||
{/* TERMS PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/terms" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/terms.jpg" alt="terms-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Terms</h4>
|
||||
</div>
|
||||
{/* PRIVACY PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/privacy" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/privacy.jpg" alt="privacy-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Privacy</h4>
|
||||
</div>
|
||||
{/* COOKIES PAGE */}
|
||||
<div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/cookies" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/cookies.jpg" alt="cookies-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Cookies</h4>
|
||||
</div>
|
||||
{/* LOG IN 1 PAGE */}
|
||||
<div id="reg-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/login-1" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/login-1.jpg" alt="login-1-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Log In Page #1</h4>
|
||||
</div>
|
||||
{/* LOG IN 2 PAGE */}
|
||||
<div id="reg-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/login-2" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/login-2.jpg" alt="login-2-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Log In Page #2</h4>
|
||||
</div>
|
||||
{/* SIGNUP 1 PAGE */}
|
||||
<div id="reg-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/signup-1" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/signup-1.jpg" alt="signup-1-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Sign Up Page #1</h4>
|
||||
</div>
|
||||
{/* SIGNUP 2 PAGE */}
|
||||
<div id="reg-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/signup-2" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/signup-2.jpg" alt="signup-2-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Sign Up Page #2</h4>
|
||||
</div>
|
||||
{/* RESET PASSWORD PAGE */}
|
||||
<div id="reg-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div className="hover-overlay">
|
||||
<Link href="/reset-password" target="_blank">
|
||||
<img className="img-fluid" src="/images/demo/reset-password.jpg" alt="reset-1-preview" />
|
||||
</Link>
|
||||
</div>
|
||||
<h4>Reset Password</h4>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END INNER PAGES */}
|
||||
{/* BANNER-2
|
||||
============================================= */}
|
||||
<section id="banner-2" className="bg--scroll division">
|
||||
<div className="container">
|
||||
{/* BANNER TEXT*/}
|
||||
<div className="row">
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="banner-2-txt color--white text-center">
|
||||
<h2>Create your amazing website with Martex</h2>
|
||||
<p>Mix and match from over 50 exclusive section UI blocks. <span>Create something
|
||||
unique and beautifully</span> tailored to your needs
|
||||
</p>
|
||||
<Link href="https://themeforest.net/item/martex-software-saas-startup-html5-template/46015236" className="btn btn--pink-400 hover--tra-white" >Purchase for $15</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BANNER TEXT*/}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BANNER-2 */}
|
||||
{/* FOOTER
|
||||
============================================= */}
|
||||
<footer id="footer" className="footer division">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col footer-copyright">
|
||||
<p>Designed by JThemes Studio</p>
|
||||
<p>© 2023 <span>Martex.</span> All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer> {/* END FOOTER */}
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,523 @@
|
||||
import CounterUp from "../components/elements/CounterUp"
|
||||
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={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section className="gr--whitesmoke ct-08 inner-page-hero content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Integrate with your essential tools in few clicks</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="img-block video-preview wow fadeInUp">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={2} />
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid" src="/images/dashboard-06.png" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END IMAGE CONTENT */}
|
||||
{/* STATISTIC-1
|
||||
============================================= */}
|
||||
<div id="statistic-1" className="py-100 statistic-section division">
|
||||
<div className="container">
|
||||
{/* STATISTIC-1 WRAPPER */}
|
||||
<div className="statistic-1-wrapper">
|
||||
<div className="row justify-content-md-center row-cols-1 row-cols-md-3">
|
||||
{/* STATISTIC BLOCK #1 */}
|
||||
<div className="col">
|
||||
<div id="sb-1-1" className="wow fadeInUp">
|
||||
<div className="statistic-block">
|
||||
{/* Digit */}
|
||||
<div className="statistic-block-digit text-center">
|
||||
<h2 className="s-46 statistic-number"><CounterUp end={89} />k</h2>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="statistic-block-txt color--grey">
|
||||
<p className="p-md">Porta justo integer and velna vitae auctor</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END STATISTIC BLOCK #1 */}
|
||||
{/* STATISTIC BLOCK #2 */}
|
||||
<div className="col">
|
||||
<div id="sb-1-2" className="wow fadeInUp">
|
||||
<div className="statistic-block">
|
||||
{/* Digit */}
|
||||
<div className="statistic-block-digit text-center">
|
||||
<h2 className="s-46 statistic-number"><CounterUp end={76} />%</h2>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="statistic-block-txt color--grey">
|
||||
<p className="p-md">Ligula magna suscipit vitae and rutrum</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END STATISTIC BLOCK #2 */}
|
||||
{/* STATISTIC BLOCK #3 */}
|
||||
<div className="col">
|
||||
<div id="sb-1-3" className="wow fadeInUp">
|
||||
<div className="statistic-block">
|
||||
{/* Digit */}
|
||||
<div className="statistic-block-digit text-center">
|
||||
<h2 className="s-46 statistic-number">
|
||||
<CounterUp end={4} />.<CounterUp end={93} />
|
||||
</h2>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="statistic-block-txt color--grey">
|
||||
<p className="p-md">Sagittis congue augue egestas an egestas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END STATISTIC BLOCK #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END STATISTIC-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END STATISTIC-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* TEXT CONTENT
|
||||
============================================= */}
|
||||
<section className="pt-100 ct-01 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Productivity Focused</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Achieve more with better workflows</h2>
|
||||
{/* 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 placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-03.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
{/* FEATURES-2
|
||||
============================================= */}
|
||||
<section id="features-2" className="pt-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-80">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Everything in One Place</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-2 WRAPPER */}
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-1 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
|
||||
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-2 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Effortless Integration</h6>
|
||||
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-3 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Real-time Analytics</h6>
|
||||
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-2 */}
|
||||
{/* TEXT CONTENT
|
||||
============================================= */}
|
||||
<section className="pt-100 ct-04 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">1</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Simple, Secure & Intuitive</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">2</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Weekly Email Reports</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">3</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">No Personal Data Collected</h5>
|
||||
<p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
|
||||
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
|
||||
eque ligula quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
{/* FEATURES-5
|
||||
============================================= */}
|
||||
<section id="features-5" className="pt-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">Build a customer-centric marketing strategy</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-5 WRAPPER */}
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col-md-6">
|
||||
<div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
|
||||
{/* Text */}
|
||||
<div className="fbox-txt order-last order-md-2">
|
||||
<h5 className="s-26 w-700">Marketing Integrations</h5>
|
||||
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
||||
</div>
|
||||
{/* Image */}
|
||||
<div className="fbox-5-img order-first order-md-2">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_06.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_06_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col-md-6">
|
||||
<div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-5-img">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-26 w-700">Productivity Focused</h5>
|
||||
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-5 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-5 */}
|
||||
{/* INTEGRATIONS-1
|
||||
============================================= */}
|
||||
<section id="integrations-1" className="pt-100 integrations-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">Explore Integrations</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* INTEGRATIONS-1 WRAPPER */}
|
||||
<div className="integrations-1-wrapper">
|
||||
<div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 rows-2">
|
||||
{/* TOOL #1 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-1 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-1.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Zapier</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* TOOL #2 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-2 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-2.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Google Analytics</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* TOOL #3 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-3 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-3.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Amplitude</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
{/* TOOL #4 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-4 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-4.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Hubspot</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #4 */}
|
||||
{/* TOOL #5 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-5 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-5.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">MailChimp</h6>
|
||||
<p className="p-sm">Import data</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #5 */}
|
||||
{/* TOOL #6 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-6 r-12 mb-30 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-6.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Slack</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #6 */}
|
||||
{/* TOOL #7 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-7 r-12 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-7.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Dropbox</h6>
|
||||
<p className="p-sm">Import data</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #7 */}
|
||||
{/* TOOL #8 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-8 r-12 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-8.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Trello</h6>
|
||||
<p className="p-sm">Share findings</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #8 */}
|
||||
{/* TOOL #9 */}
|
||||
<div className="col">
|
||||
<Link href="#" className="in_tool it-9 r-12 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="in_tool-logo-wrap">
|
||||
<div className="in_tool-logo ico-60">
|
||||
<img className="img-fluid" src="/images/png_icons/tool-9.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="in_tool-txt">
|
||||
<h6 className="s-20 w-700">Google Drive</h6>
|
||||
<p className="p-sm">Import data</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div> {/* END FEATURE BOX #9 */}
|
||||
</div>
|
||||
</div> {/* END INTEGRATIONS-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END INTEGRATIONS-1 */}
|
||||
{/* BANNER-3
|
||||
============================================= */}
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--05 bg--scroll r-16">
|
||||
<div className="banner-overlay">
|
||||
<div className="row">
|
||||
{/* BANNER-3 TEXT */}
|
||||
<div className="col">
|
||||
<div className="banner-3-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Starting with Martex is easy, fast and 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">
|
||||
<span className="flaticon-check" /> Free for 14 days, no credit card required.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END BANNER-3 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-3 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,476 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,450 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,262 @@
|
||||
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="privacy-page" className="gr--whitesmoke 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">
|
||||
<h2 className="s-52 w-700">Privacy Policy</h2>
|
||||
<p className="p-lg">This policy is effective as of 11th November 2022</p>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="txt-block legal-info">
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Introduction</h4>
|
||||
{/* 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 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 an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> Personal Information We Collect</h4>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.1.</span> Information you provide to us</h5>
|
||||
{/* 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 acinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
augue egestas sagittis massa lorem fusce cursus fusce nulla vitae massa placerat
|
||||
vulputate purus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sapien sodales quaerat undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum pulvinar
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.2.</span> Automatic data collection</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>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 an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.3.</span> User comments and content</h5>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.4.</span> Information from other sources</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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Types of Information</h4>
|
||||
{/* 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>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> How We Use Personal Information</h4>
|
||||
{/* 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>
|
||||
{/* 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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.1.</span> In mails and contact forms</h5>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor pulvinar
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Augue congue 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 donec and ipsum porta diam lorem sodales an aliquam lacinia justo
|
||||
sapien congue aliquet and sodales a quaerat tortor lacinia egestas
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Children's Privacy</h4>
|
||||
{/* 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>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 and augue
|
||||
luctus congue
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Data Shared with Third Parties</h4>
|
||||
{/* 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>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Security Measures</h4>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>8.</span> Changes in the Privacy Policy</h4>
|
||||
{/* 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>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
|
||||
{/* Text */}
|
||||
<p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
|
||||
contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
|
||||
</p>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,265 @@
|
||||
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={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="project-1" className="gr--whitesmoke inner-page-hero single-project">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* PROJECT DISCRIPTION */}
|
||||
<div className="col-lg-11 col-xl-10">
|
||||
<div className="project-description">
|
||||
{/* PROJECT TITLE */}
|
||||
<div className="project-title">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Online shopping concept for mobile app templates</h2>
|
||||
{/* Project Data */}
|
||||
<div className="project-data">
|
||||
<div className="row row-cols-1 row-cols-sm-2 row-cols-md-3">
|
||||
<div className="col">
|
||||
<p className="p-lg"><span>Category:</span> Development</p>
|
||||
</div>
|
||||
<div className="col">
|
||||
<p className="p-lg"><span>Start Date:</span> 2023-02-28</p>
|
||||
</div>
|
||||
<div className="col">
|
||||
<p className="p-lg"><span>Handover:</span> 2023-04-30</p>
|
||||
</div>
|
||||
<div className="col">
|
||||
<p className="p-lg"><span>Client:</span> JThemes</p>
|
||||
</div>
|
||||
<div className="col">
|
||||
<p className="p-lg"><Link href="#" className="color--theme">www.website.com</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT TITLE */}
|
||||
{/* PROJECT PREVIEW IMAGE */}
|
||||
<div className="project-priview-img mb-50">
|
||||
<img className="img-fluid r-16" src="/images/projects/project-07.jpg" alt="project-preview" />
|
||||
</div>
|
||||
{/* PROJECT TEXT */}
|
||||
<div className="project-txt">
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor diam
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 mt-35 mb-35">Overview & Challenge</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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor diam
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* PROJECT IMAGES */}
|
||||
<div className="row d-flex align-items-center project-inner-img mt-50">
|
||||
{/* IMAGE #1 */}
|
||||
<div className="col-md-6">
|
||||
<div className="project-image project-preview top-img r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-10.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link className="image-link" href="images/projects/project-10a.jpg" >
|
||||
<span className="flaticon-visibility" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE #2 */}
|
||||
<div className="col-md-6">
|
||||
<div className="project-image project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-11.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link className="image-link" href="images/projects/project-11a.jpg" >
|
||||
<span className="flaticon-visibility" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT IMAGES */}
|
||||
{/* WIDE IMAGE */}
|
||||
<div className="project-inner-img mt-30">
|
||||
<div className="project-image project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-08.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link className="image-link" href="images/projects/project-08.jpg" >
|
||||
<span className="flaticon-visibility" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END WIDE IMAGE */}
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 mt-50 mb-35">Project Summary</h5>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list mb-20">
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien
|
||||
congue augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* 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>
|
||||
{/* VIDEO PREVIEW */}
|
||||
<div className="project-image project-inner-img video-preview mt-50">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={1} />
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid r-10" src="/images/projects/project-09.jpg" alt="video-preview" />
|
||||
</div> {/* END VIDEO PREVIEW */}
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 mt-50 mb-35">Solution & Results</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>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list mb-20">
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum
|
||||
and vitae efficitur purus and ipsum primis in cubilia laoreet augue egestas luctus
|
||||
donec.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* 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>
|
||||
</div> {/* END PROJECT TEXT */}
|
||||
{/* MORE PROJECTS BUTTON */}
|
||||
<div className="more-projects ico-25 text-end pb-100">
|
||||
<Link href="/projects">
|
||||
<h3 className="s-38 w-700">More Projects</h3><span className="flaticon-next" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT DISCRIPTION */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END SINGLE PROJECT-1 */}
|
||||
{/* BANNER-6
|
||||
============================================= */}
|
||||
<section id="banner-6" className="bg--05 bg--scroll banner-section">
|
||||
<div className="banner-overlay pt-80 pb-90">
|
||||
<div className="container">
|
||||
{/* BANNER-6 WRAPPER */}
|
||||
<div className="banner-6-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-6 TEXT */}
|
||||
<div className="col-md-9">
|
||||
<div className="banner-6-txt text-center color--white">
|
||||
{/* Title */}
|
||||
<h3 className="s-46 w-700">Give it a try, it's free!</h3>
|
||||
{/* Text */}
|
||||
<p className="p-xl o-85">It only takes a few clicks to get started</p>
|
||||
{/* Button */}
|
||||
<Link href="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">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-6 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-6 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,403 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="projects-1" className="inner-page-hero projects-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-80">
|
||||
{/* Title */}
|
||||
<h2 className="s-52 w-700">Great Design That Works!</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* PROJECTS WRAPPER */}
|
||||
<div className="projects-wrapper">
|
||||
<div className="row align-items-center row-cols-1 row-cols-md-2">
|
||||
{/* PROJECT #1 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-1" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Mockup Poster</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-01.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #1 */}
|
||||
{/* PROJECT #2 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-2" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Glued Poster</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-02.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #2 */}
|
||||
{/* PROJECT #3 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-3" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Double Color</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-03.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #3 */}
|
||||
{/* PROJECT #4 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-4" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Reativity</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-04.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #4 */}
|
||||
{/* PROJECT #35 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-5" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Vintage Poster</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-05.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #5 */}
|
||||
{/* PROJECT #6 */}
|
||||
<div className="col">
|
||||
<div id="pt-1-6" className="project-details">
|
||||
{/* Title */}
|
||||
<h5 className="s-24">Paper Portrait</h5>
|
||||
{/* Image */}
|
||||
<div className="project-preview r-10">
|
||||
{/* Project Preview */}
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/projects/project-06.jpg" alt="project-preview" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
{/* Project Link */}
|
||||
<div className="project-link ico-35 color--white">
|
||||
<Link href="/project-details" ><span className="flaticon-visibility" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END PROJECT #6 */}
|
||||
</div>
|
||||
</div> {/* END PROJECTS WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PROJECTS-1 */}
|
||||
{/* PAGE PAGINATION
|
||||
============================================= */}
|
||||
<div className="py-100 page-pagination theme-pagination">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<nav aria-label="Page navigation">
|
||||
<ul className="pagination ico-20 justify-content-center">
|
||||
<li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
|
||||
</li>
|
||||
<li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">3</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END PAGE PAGINATION */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* TESTIMONIALS-2
|
||||
============================================= */}
|
||||
<section id="reviews-2" className="pt-100 reviews-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">Our Happy Customers</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TESTIMONIALS-2 WRAPPER */}
|
||||
<div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
|
||||
<div className="row align-items-center row-cols-1 row-cols-md-2">
|
||||
{/* TESTIMONIAL #1 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
|
||||
laoreet augue and luctus magna dolor luctus egestas sapien vitae
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-1.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Scott Boxer</h6>
|
||||
<p className="p-sm">@scott_boxer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #1 */}
|
||||
{/* TESTIMONIAL #2 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
|
||||
cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
|
||||
lectus gestas augue into cubilia
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-2.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Joel Peterson</h6>
|
||||
<p className="p-sm">Internet Surfer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #2 */}
|
||||
{/* TESTIMONIAL #3 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
|
||||
primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
|
||||
tempus feugiat impedit quaerat
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-5.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Jennifer Harper</h6>
|
||||
<p className="p-sm">App Developer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #3 */}
|
||||
{/* TESTIMONIAL #4 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
|
||||
suscipit luctus dolor blandit at purus tempus feugiat impedit
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-8.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Evelyn Martinez</h6>
|
||||
<p className="p-sm">WordPress Consultant</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #4 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END TESTIMONIALS-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TESTIMONIALS-2 */}
|
||||
{/* RATING-1
|
||||
============================================= */}
|
||||
<div id="rating-1" className="pt-70 rating-section">
|
||||
<div className="container">
|
||||
{/* RATING TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="rating-title mb-40">
|
||||
<h5 className="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RATING-1 WRAPPER */}
|
||||
<div className="rating-1-wrapper">
|
||||
<div className="row justify-content-md-center row-cols-1 row-cols-md-3">
|
||||
{/* RATING BOX #1 */}
|
||||
<div className="col">
|
||||
<div id="rb-1-1" className="rbox-1">
|
||||
{/* Brand Logo */}
|
||||
<div className="rbox-1-img">
|
||||
<img className="img-fluid light-theme-img" src="/images/brand-21.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/brand-21-white.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Rating Stars */}
|
||||
<div className="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty mr-5" />
|
||||
4.7/5
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RATING BOX #2 */}
|
||||
<div className="col">
|
||||
<div id="rb-1-2" className="rbox-1">
|
||||
{/* Brand Logo */}
|
||||
<div className="rbox-1-img">
|
||||
<img className="img-fluid light-theme-img" src="/images/brand-22.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/brand-22-white.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Rating Stars */}
|
||||
<div className="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star mr-5" />
|
||||
4.95/5
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RATING BOX #3 */}
|
||||
<div className="col">
|
||||
<div id="rb-1-3" className="rbox-1">
|
||||
{/* Brand Logo */}
|
||||
<div className="rbox-1-img">
|
||||
<img className="img-fluid light-theme-img" src="/images/brand-23.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/brand-23-white.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Rating Stars */}
|
||||
<div className="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-1 mr-5" />
|
||||
4.24/5
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END RATING-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END RATING-1 */}
|
||||
{/* 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="#" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div id="page" className="page font--jakarta">
|
||||
{/* RESET PASSWORD PAGE
|
||||
============================================= */}
|
||||
<section id="reset-password" className="bg--fixed reset-password-section division">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-7 col-lg-5">
|
||||
{/* LOGO */}
|
||||
<div className="login-page-logo">
|
||||
<img className="img-fluid light-theme-img" src="/images/logo-blue.png" alt="logo-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/logo-blue-white.png" alt="logo-image" />
|
||||
</div>
|
||||
{/* RESET PASSWORD FORM */}
|
||||
<div className="reset-page-wrapper text-center">
|
||||
<form name="resetpasswordform" className="row reset-password-form r-10">
|
||||
{/* Title*/}
|
||||
<div className="col-md-12">
|
||||
<div className="reset-form-title">
|
||||
<h5 className="s-26 w-700">Forgot your password?</h5>
|
||||
<p className="p-sm color--grey">Enter your email address, if an account exists we‘ll
|
||||
send you a link to reset your password.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Input */}
|
||||
<div className="col-md-12">
|
||||
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
||||
</div>
|
||||
{/* Form Submit Button */}
|
||||
<div className="col-md-12">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Reset My Password</button>
|
||||
</div>
|
||||
{/* Form Data */}
|
||||
<div className="col-md-12">
|
||||
<div className="form-data text-center">
|
||||
<span><Link href="/login-1">Never mind, I remembered!</Link></span>
|
||||
</div>
|
||||
</div>
|
||||
{/* Form Message */}
|
||||
<div className="col-lg-12 reset-form-msg">
|
||||
<span className="loading" />
|
||||
</div>
|
||||
</form>
|
||||
</div> {/* END RESET PASSWORD FORM */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END RESET PASSWORD PAGE */}
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,246 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="reviews-2" className="gr--whitesmoke inner-page-hero reviews-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">Here’s what our amazing clients are saying</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Read what customers think about us</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TESTIMONIALS-2 WRAPPER */}
|
||||
<div className="reviews-2-wrapper rel">
|
||||
<div className="row align-items-center row-cols-1 row-cols-md-2">
|
||||
{/* TESTIMONIAL #1 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
|
||||
laoreet augue and luctus magna dolor luctus egestas sapien vitae
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-1.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Scott Boxer</h6>
|
||||
<p className="p-sm">@scott_boxer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #1 */}
|
||||
{/* TESTIMONIAL #2 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
|
||||
cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
|
||||
lectus gestas augue into cubilia
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-2.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Joel Peterson</h6>
|
||||
<p className="p-sm">Internet Surfer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #2 */}
|
||||
{/* TESTIMONIAL #3 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
|
||||
primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
|
||||
tempus feugiat impedit quaerat
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-5.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Jennifer Harper</h6>
|
||||
<p className="p-sm">App Developer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #3 */}
|
||||
{/* TESTIMONIAL #4 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
|
||||
suscipit luctus dolor blandit at purus tempus feugiat impedit
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-8.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Evelyn Martinez</h6>
|
||||
<p className="p-sm">WordPress Consultant</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #4 */}
|
||||
{/* TESTIMONIAL #5 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-5" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia laoreet augue and
|
||||
luctus magna dolor luctus egestas sapien vitae
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-6.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Leslie D.</h6>
|
||||
<p className="p-sm">Web Developer</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #5 */}
|
||||
{/* TESTIMONIAL #6 */}
|
||||
<div className="col">
|
||||
<div id="rw-2-6" className="review-2 bg--white-100 block-shadow r-08">
|
||||
{/* Quote Icon */}
|
||||
<div className="review-ico ico-65"><span className="flaticon-quote" /></div>
|
||||
{/* Text */}
|
||||
<div className="review-txt">
|
||||
{/* Text */}
|
||||
<p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a cubilia laoreet
|
||||
augue egestas luctus a donec vitae ultrice ligula magna suscipit lectus gestas augue into
|
||||
cubilia
|
||||
</p>
|
||||
{/* Author */}
|
||||
<div className="author-data clearfix">
|
||||
{/* Avatar */}
|
||||
<div className="review-avatar">
|
||||
<img src="/images/review-author-3.jpg" alt="review-avatar" />
|
||||
</div>
|
||||
{/* Data */}
|
||||
<div className="review-author">
|
||||
<h6 className="s-18 w-700">Marisol19</h6>
|
||||
<p className="p-sm">@marisol19</p>
|
||||
</div>
|
||||
</div> {/* End Author */}
|
||||
</div> {/* End Text */}
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #6 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END TESTIMONIALS-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TESTIMONIALS-2 */}
|
||||
{/* PAGE PAGINATION
|
||||
============================================= */}
|
||||
<div className="py-100 page-pagination theme-pagination">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<nav aria-label="Page navigation">
|
||||
<ul className="pagination ico-20 justify-content-center">
|
||||
<li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
|
||||
</li>
|
||||
<li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#">3</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END PAGE PAGINATION */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
{/* NEWSLETTER-1
|
||||
============================================= */}
|
||||
<section id="newsletter-1" className="newsletter-section">
|
||||
<div className="newsletter-overlay">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
|
||||
{/* NEWSLETTER TEXT */}
|
||||
<div className="col">
|
||||
<div className="newsletter-txt">
|
||||
<h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
<div className="col">
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div> {/* END NEWSLETTER FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End newsletter-overlay */}
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
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>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,561 @@
|
||||
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={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="single-post" className="pb-90 inner-page-hero blog-page-section">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* SINGLE POST CONTENT */}
|
||||
<div className="col-xl-10">
|
||||
<div className="post-content">
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title text-center">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Maecenas congue augue sagittis egestas integer velna purus</h2>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-35">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-md w-500">By Melissa McClone</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-md">April 29, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* SINGLE POST IMAGE */}
|
||||
<div className="blog-post-img py-50">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-12-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* SINGLE POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">1. Lorem egestas a dolor fusce posuere</h4>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list">
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna
|
||||
ipsum and vitae efficitur purus and ipsum primis in cubilia laoreet augue
|
||||
egestas luctus donec.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo <Link href="#" className="color--theme">create an API Key</Link>
|
||||
blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis urna augue, viverra a augue eget tempor diam
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Lorem egestas a dolor @luctus donec/porta curabitur diam</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 Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>Tempor sapien and gravida donec ipsum <kbd>cd</kbd> consectetur vel imperdiet dui
|
||||
varius. Purus efficitur ipsum primis in cubilia laoreet augue egestas <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
|
||||
</p>
|
||||
</div>
|
||||
{/* 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>
|
||||
{/* INNER IMAGE */}
|
||||
<div className="post-inner-img">
|
||||
<div className="video-preview">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={1}/>
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid r-16" src="/images/blog/post-13-img.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Blockquote */}
|
||||
<figure>
|
||||
<blockquote className="blockquote w-300">
|
||||
<p>"Nulla tincidunt volutpat lectus purus diam ipsum primis felis a congue tempor
|
||||
gravida habitant morbi and tristique senectus netus malesuada famesa an augue
|
||||
luctus suscipit sapien neque undo purus neque dolor primis sodales dapibus
|
||||
egestas volute".
|
||||
</p>
|
||||
</blockquote>
|
||||
<figcaption className="blockquote-footer">
|
||||
Daniel Wells, <cite title="Source Title">Engineering Manager, Company Name</cite>
|
||||
</figcaption>
|
||||
</figure>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">2. Volutpat egestas and magna suscipit</h4>
|
||||
{/* 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 Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>
|
||||
<code className="code-language-js">
|
||||
<span>
|
||||
<span className="code-variable">module</span>.
|
||||
<span className="code-property">exports</span> = {'{'}
|
||||
</span>
|
||||
<br />
|
||||
<span className="pl-30">
|
||||
<span className="code-variable">content</span>: ['
|
||||
<span className="code-string">./src/**/*.{'{'}ts,tsx,html{'}'}</span>'],
|
||||
</span>
|
||||
<br />
|
||||
<span className="pl-30">// … </span>
|
||||
<br />
|
||||
<span>{'}'}</span>
|
||||
</code>
|
||||
</p>
|
||||
</div>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Primis and augue "ligula" efficitur (viverra bibendum aliquet dapibus
|
||||
aliquet dictum tempor diam as an example).
|
||||
</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. ibero 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 Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>Quisque laoreet turpis <kbd>cmd</kbd> urna augue, viverra a augue eget, dictum tempor
|
||||
diam in cubilia laoreet augue egestas <kbd><kbd>Alt</kbd> + <kbd>F1</kbd></kbd> congue
|
||||
and egestas volutpat egestas magna suscipit.
|
||||
</p>
|
||||
</div>
|
||||
{/* 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 gestas 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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Vitae massa placerat undo purus?</h5>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list">
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
augue egestas
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod purus blandit velna vitae auctor and congue
|
||||
magna tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget
|
||||
tempor diam
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* INNER IMAGES */}
|
||||
<div className="post-inner-img">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-14-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* 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>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>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">3. Egestas volute turpis dolores</h4>
|
||||
{/* 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>
|
||||
{/* 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>
|
||||
</div> {/* END SINGLE POST TEXT */}
|
||||
{/* SINGLE POST SHARE LINKS */}
|
||||
<div className="row">
|
||||
<div className="col post-share-list">
|
||||
<ul className="share-social-icons ico-20 text-center clearfix">
|
||||
<li><Link href="#" className="share-ico"><span className="flaticon-twitter" /></Link></li>
|
||||
<li><Link href="#" className="share-ico"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#" className="share-ico"><span className="flaticon-bookmark" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST SHARE */}
|
||||
{/* POST AUTHOR */}
|
||||
<div className="post-author py-100 x-border">
|
||||
{/* Avatar */}
|
||||
<div className="post-author-avatar">
|
||||
<img src="/images/post-author.jpg" alt="author-avatar" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="post-author-txt">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Melissa McClone</h5>
|
||||
{/* Text */}
|
||||
<p>Lorem ipsum dolor sit amet, consectetur elit eiusmod tempor sapien dolore and
|
||||
incidide labore dolore labore incididunt turpis vitae raesent a varius dolor
|
||||
sagittis luctus placerat a magna cursus congue magna nihil mpedit.
|
||||
</p>
|
||||
{/* Follow Button */}
|
||||
<div className="author-follow-btn r-04"><Link href="#">Follow</Link></div>
|
||||
</div>
|
||||
</div> {/* END ABOUT POST AUTHOR */}
|
||||
{/* POST COMMENTS */}
|
||||
<div className="post-comments">
|
||||
<div className="comments-wrapper">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">4 Comments</h5>
|
||||
{/* COMMENT #1 */}
|
||||
<div className="comment d-flex">
|
||||
{/* Comment-1 Avatar */}
|
||||
<img src="/images/comment-author-1.jpg" alt="comment-avatar" />
|
||||
{/* Comment-Body */}
|
||||
<div className="comment-body">
|
||||
{/* Comment-1 Meta */}
|
||||
<div className="comment-meta">
|
||||
<h6 className="s-17 w-700">Jack H.</h6>
|
||||
<span className="comment-date">2 days ago - </span>
|
||||
<span className="btn-reply ico-20">
|
||||
<Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
|
||||
</span>
|
||||
</div>
|
||||
{/* Comment-1 Text */}
|
||||
<p className="mb-40">Ratione mollis undo risus aenean arcu lectus rutrum porta
|
||||
primis and puruss augue luctus neque purus and ipsum neque dolor primis
|
||||
libero tempus eget tempor ligula posuere varius impedit enim tempor vitae
|
||||
pulvinar at congue egestas vitae augue
|
||||
</p>
|
||||
<hr />
|
||||
{/* Nested Comment */}
|
||||
<div className="comment d-flex">
|
||||
{/* Nested Avatar */}
|
||||
<Link href="#" className="pr-3">
|
||||
<img src="/images/comment-author-2.jpg" alt="comment-avatar" />
|
||||
</Link>
|
||||
<div className="comment-body">
|
||||
{/* Comment-2 Meta */}
|
||||
<div className="comment-meta">
|
||||
<h6 className="s-17 w-700">S. Parker</h6>
|
||||
<span className="comment-date">4 days ago - </span>
|
||||
<span className="btn-reply ico-20">
|
||||
<Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
|
||||
</span>
|
||||
</div>
|
||||
{/* Comment-2 Text */}
|
||||
<p>Etiam sapien magna at vitae pulvinar congue egestas and undo pretium
|
||||
neque viverra porta suscipit ratione, mollis risus a lectus aliquet
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* End Nested Comment */}
|
||||
</div>
|
||||
</div> {/* END COMMENT #1 */}
|
||||
<hr />
|
||||
{/* COMMENT #3 */}
|
||||
<div className="comment d-flex">
|
||||
{/* Comment Avatar */}
|
||||
<img src="/images/comment-author-3.jpg" alt="comment-avatar" />
|
||||
{/* Comment Body */}
|
||||
<div className="comment-body">
|
||||
{/* Comment Meta */}
|
||||
<div className="comment-meta">
|
||||
<h6 className="s-17 w-700">Sarah Griffi</h6>
|
||||
<span className="comment-date">16 days ago - </span>
|
||||
<span className="btn-reply ico-20">
|
||||
<Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
|
||||
</span>
|
||||
</div>
|
||||
{/* Comment Text */}
|
||||
<p>Porta ratione mollis risus aenean arcu lectus rutrum porta primis and
|
||||
puruss augue luctus neque purus and ipsum neque dolor primis libero tempus
|
||||
eget tempor ligula posuere varius impedit enim tempor vitae pulvinar at
|
||||
congue an augue egestas vitae
|
||||
</p>
|
||||
</div> {/* End Comment Body */}
|
||||
</div> {/* END COMMENT #3 */}
|
||||
<hr />
|
||||
{/* COMMENT #4 */}
|
||||
<div className="comment d-flex">
|
||||
{/* Comment Avatar */}
|
||||
<img src="/images/comment-author-4.jpg" alt="comment-avatar" />
|
||||
{/* Comment Body */}
|
||||
<div className="comment-body">
|
||||
{/* Comment Meta */}
|
||||
<div className="comment-meta">
|
||||
<h6 className="s-17 w-700">Joshua A.</h6>
|
||||
<span className="comment-date">30 days ago - </span>
|
||||
<span className="btn-reply ico-20">
|
||||
<Link href="#leave-comment"><span className="flaticon-reply-arrow" /> Reply</Link>
|
||||
</span>
|
||||
</div>
|
||||
{/* Comment Text */}
|
||||
<p>Congue augue egestas integer velna purus undo purus magna nec suscipit
|
||||
egestas magna and neque egestas a porta ratione mollis risus lectus porta
|
||||
quisque lacus
|
||||
</p>
|
||||
</div> {/* End Comment Body */}
|
||||
</div> {/* END COMMENT #4 */}
|
||||
<hr />
|
||||
{/* COMMENT FORM */}
|
||||
<div id="leave-comment">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Leave a Comment</h5>
|
||||
{/* Text */}
|
||||
<p>Your email address will not be published. Required fields are marked *</p>
|
||||
<form name="commentform" className="row comment-form">
|
||||
<div className="col-md-12 input-message">
|
||||
<p className="black--color">Add Comment <span>*</span></p>
|
||||
<textarea className="form-control message" name="message" rows={6} placeholder="Enter Your Comment Here* ..." required />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="black--color">Name <span>*</span></p>
|
||||
<input type="text" name="name" className="form-control name" placeholder="Enter Your Name*" required />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="black--color">Email <span>*</span></p>
|
||||
<input type="email" name="email" className="form-control email" placeholder="Enter Your Email*" required />
|
||||
</div>
|
||||
{/* Contact Form Button */}
|
||||
<div className="col-lg-12 form-btn">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">
|
||||
Post Comment
|
||||
</button>
|
||||
</div>
|
||||
{/* Contact Form Message */}
|
||||
<div className="col-md-12 comment-form-msg text-center">
|
||||
<div className="sending-msg"><span className="loading" /></div>
|
||||
</div>
|
||||
</form>
|
||||
</div> {/* END COMMENT FORM */}
|
||||
</div>
|
||||
</div> {/* END POST COMMENTS */}
|
||||
</div>
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END SINGLE POST */}
|
||||
{/* BLOG-1
|
||||
============================================= */}
|
||||
<section id="blog-1" className="bg--white-300 py-100 blog-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-50 w-700">Keep Reading...</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div id="bp-1-1" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--pink-400">Product News</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
|
||||
diam ultrice laoreet sagittis
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Helen J.</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 28, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div id="bp-1-2" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
|
||||
suscipit and egestas ipsum
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 14, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div className="col-md-12 col-lg-4">
|
||||
<div id="bp-1-3" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--purple-400">Freelancer Tips</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
|
||||
congue ultrice sagittis laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Mar 27, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+445
@@ -0,0 +1,445 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="team-2" className="gr--whitesmoke pb-40 inner-page-hero team-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-80">
|
||||
<h2 className="s-52 w-700">All we do is dream and craft amazing products</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TEAM MEMBERS WRAPPER */}
|
||||
<div className="team-members-wrapper">
|
||||
<div className="row row-cols-1 row-cols-sm-2 row-cols-md-3">
|
||||
{/* TEAM MEMBER #1 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-1" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-1.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Jonathan Barnes</h6>
|
||||
<p className="color--grey">Founder and CEO</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #1 */}
|
||||
{/* TEAM MEMBER #2 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-2" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-2.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Jaime Fletcher</h6>
|
||||
<p className="color--grey">Senior Software Developer</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #2 */}
|
||||
{/* TEAM MEMBER #3 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-3" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-3.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Les Bakker</h6>
|
||||
<p className="color--grey">Software Engineer</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #3 */}
|
||||
{/* TEAM MEMBER #4 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-4" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-4.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Alyssa Garrison</h6>
|
||||
<p className="color--grey">Web Development</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-dribbble" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #4 */}
|
||||
{/* TEAM MEMBER #5 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-5" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-5.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Charlotte Johnson</h6>
|
||||
<p className="color--grey">Content Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-dribbble" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #5 */}
|
||||
{/* TEAM MEMBER #6 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-6" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-6.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Olivia Steiner</h6>
|
||||
<p className="color--grey">Customers Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #6 */}
|
||||
{/* TEAM MEMBER #7 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-7" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-7.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Charles Fairless</h6>
|
||||
<p className="color--grey">Customers Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #7 */}
|
||||
{/* TEAM MEMBER #8 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-8" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-8.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Nancy Taylor</h6>
|
||||
<p className="color--grey">Head of Marketing</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #8 */}
|
||||
{/* TEAM MEMBER #9 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-9" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-9.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Robert Walder</h6>
|
||||
<p className="color--grey">Product Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #9 */}
|
||||
{/* TEAM MEMBER #10 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-10" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-10.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Michael Green</h6>
|
||||
<p className="color--grey">Marketing Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #10 */}
|
||||
{/* TEAM MEMBER #11 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-11" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-11.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Nadine Adams</h6>
|
||||
<p className="color--grey">Marketing Copywriter</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-pinterest-logo" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #11 */}
|
||||
{/* TEAM MEMBER #12 */}
|
||||
<div className="col">
|
||||
<div id="tm-2-12" className="team-member mb-60 wow fadeInUp">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo r-14">
|
||||
<div className="hover-overlay">
|
||||
<img className="img-fluid" src="/images/team-12.jpg" alt="team-member-foto" />
|
||||
<div className="item-overlay" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
{/* Data */}
|
||||
<h6 className="s-20 color--black w-700">Andrew Barker</h6>
|
||||
<p className="color--grey">Product Support Manager</p>
|
||||
{/* Social Links */}
|
||||
<ul className="tm-social ico-20 clearfix">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-linkedin-logo" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #12 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* TEAM MEMBERS WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEAM-2 */}
|
||||
{/* BANNER-12
|
||||
============================================= */}
|
||||
<section id="banner-12" className="banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-12 WRAPPER */}
|
||||
<div className="banner-12-wrapper bg--05 bg--fixed 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="#careers-1" className="btn r-04 btn--theme hover--tra-white">See open roles</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> {/* END BANNER-12 */}
|
||||
{/* 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-4
|
||||
============================================= */}
|
||||
<section id="banner-4" className="banner-section">
|
||||
<div className="banner-overlay pb-100">
|
||||
<div className="container">
|
||||
{/* BANNER-4 WRAPPER */}
|
||||
<div className="banner-4-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-4 TEXT */}
|
||||
<div className="col-md-9">
|
||||
<div className="banner-4-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">We can't wait to meet you</h2>
|
||||
{/* Button */}
|
||||
<Link href="mailto:yourdomain@mail.com" className="btn r-04 btn--theme hover--theme">hello@yourdomain.com</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-4 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section> {/* END BANNER-4 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+208
@@ -0,0 +1,208 @@
|
||||
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="terms-page" className="gr--whitesmoke 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">
|
||||
<h2 className="s-52 w-700">Terms of Service</h2>
|
||||
<p className="p-lg">This policy is effective as of 23th October 2022</p>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="txt-block legal-info">
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Ownership</h4>
|
||||
{/* Text */}
|
||||
<p>Donec sodales nibh vel (the <span>"Terms"</span>) aliquet tristique purus
|
||||
justo suscipit mauris tempus sed laoreet nulla ante purus. Donec dolor and magna undo
|
||||
suscipit magna at tortor laoreet dignissim, undo porttitor massa quisque and mollis,
|
||||
sapien gravida aliquet ipsum ultrices aliquet lorem purus and vitae auris aliquam
|
||||
</p>
|
||||
{/* 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 an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> Acceptance of Terms</h4>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Service Description</h4>
|
||||
{/* 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>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget diam pulvinar
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>3.1.</span> Subscription</h5>
|
||||
{/* 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>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> Account Information</h4>
|
||||
{/* 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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.1.</span> Registering for an account</h5>
|
||||
{/* 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>
|
||||
{/* 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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.2.</span> Your responsibility for your account</h5>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor diam
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Augue congue 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 donec and ipsum porta diam lorem sodales an aliquam lacinia justo
|
||||
sapien congue aliquet and sodales a quaerat tortor lacinia egestas
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Method of Payment</h4>
|
||||
{/* 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>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 and augue
|
||||
luctus congue
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>6.1.</span> Refunds</h5>
|
||||
{/* 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>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Security</h4>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>8.</span> Changes to This Terms of Service</h4>
|
||||
{/* 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>
|
||||
{/* 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>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
|
||||
{/* Text */}
|
||||
<p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
|
||||
contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
|
||||
</p>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user