first commit
This commit is contained in:
CHIEFSOFT\ameye
+36
@@ -0,0 +1,36 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
# .env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
<component name="InspectionProjectProfileManager">
|
||||
<profile version="1.0">
|
||||
<option name="myName" value="Project Default" />
|
||||
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||
</profile>
|
||||
</component>
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/MermsWebsite2025.iml" filepath="$PROJECT_DIR$/.idea/MermsWebsite2025.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
Generated
+19
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="MessDetectorOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PHPCSFixerOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PHPCodeSnifferOptionsConfiguration">
|
||||
<option name="highlightLevel" value="WARNING" />
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PhpStanOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PsalmOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
</project>
|
||||
Generated
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,31 @@
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
import Link from "next/link"
|
||||
export default function BackToTop() {
|
||||
const [hasScrolled, setHasScrolled] = useState("false")
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("scroll", onScroll)
|
||||
return () => {
|
||||
window.removeEventListener("scroll", onScroll)
|
||||
}
|
||||
})
|
||||
|
||||
const onScroll = () => {
|
||||
if (window.scrollY > 100 && !hasScrolled) {
|
||||
setHasScrolled(true)
|
||||
} else if (window.scrollY < 100 && hasScrolled) {
|
||||
setHasScrolled(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{hasScrolled && (
|
||||
<Link className="scroll__top scroll-to-target open" href="#top" style={{ position: 'fixed', zIndex: 2147483647 }}>
|
||||
<i className="fas fa-angle-up"></i>
|
||||
</Link>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
import { useEffect, useRef, useState } from 'react'
|
||||
|
||||
|
||||
export default function Counter({ end, duration }) {
|
||||
const [count, setCount] = useState(0)
|
||||
const countRef = useRef(null)
|
||||
const increment = end / duration
|
||||
|
||||
useEffect(() => {
|
||||
const observer = new IntersectionObserver(
|
||||
([entry]) => {
|
||||
if (entry.isIntersecting) {
|
||||
startCount()
|
||||
observer.disconnect()
|
||||
}
|
||||
},
|
||||
{ threshold: 0 }
|
||||
)
|
||||
|
||||
if (countRef.current) {
|
||||
observer.observe(countRef.current)
|
||||
}
|
||||
|
||||
return () => {
|
||||
observer.disconnect()
|
||||
}
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setCount((prevCount) => {
|
||||
const newCount = prevCount + increment
|
||||
if (newCount >= end) {
|
||||
clearInterval(interval)
|
||||
return end
|
||||
} else {
|
||||
return newCount
|
||||
}
|
||||
})
|
||||
}, 1000 / duration)
|
||||
|
||||
return () => {
|
||||
clearInterval(interval)
|
||||
}
|
||||
}, [end, increment])
|
||||
|
||||
const startCount = () => {
|
||||
setCount(0)
|
||||
}
|
||||
|
||||
return (
|
||||
<span ref={countRef}>
|
||||
<span>{Math.round(count)}</span>
|
||||
</span>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
import { useEffect, useState } from 'react'
|
||||
import Counter from './Counter'
|
||||
|
||||
export default function CounterUp({ end }) {
|
||||
const [inViewport, setInViewport] = useState(false)
|
||||
|
||||
const handleScroll = () => {
|
||||
const elements = document.getElementsByClassName('count-element')
|
||||
if (elements.length > 0) {
|
||||
const element = elements[0]
|
||||
const rect = element.getBoundingClientRect()
|
||||
const isInViewport = rect.top >= 0 && rect.bottom <= window.innerHeight
|
||||
if (isInViewport && !inViewport) {
|
||||
setInViewport(true)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener('scroll', handleScroll)
|
||||
return () => {
|
||||
window.removeEventListener('scroll', handleScroll)
|
||||
}
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
<span className="count-element">{inViewport && <Counter end={end} duration={20} />}</span>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
export default function Preloader() {
|
||||
return (
|
||||
<>
|
||||
<div id="loading" className="loading--theme">
|
||||
<div id="loading-center"><span className="loader" /></div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
import { useEffect } from 'react'
|
||||
|
||||
const SmoothScroll = () => {
|
||||
useEffect(() => {
|
||||
// Function to handle the smooth scroll behavior
|
||||
const handleClick = (e) => {
|
||||
e.preventDefault()
|
||||
|
||||
// Extract the href value from the clicked anchor
|
||||
const href = e.currentTarget.getAttribute('href')
|
||||
|
||||
// Find the element with the corresponding id and scroll into view
|
||||
const targetElement = document.querySelector(href)
|
||||
if (targetElement) {
|
||||
targetElement.scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Attach the click event listener to all anchor elements
|
||||
const anchors = document.querySelectorAll('a[href^="#"]')
|
||||
anchors.forEach((anchor) => {
|
||||
anchor.addEventListener('click', handleClick)
|
||||
})
|
||||
|
||||
// Cleanup: remove event listener on component unmount
|
||||
return () => {
|
||||
anchors.forEach((anchor) => {
|
||||
anchor.removeEventListener('click', handleClick)
|
||||
})
|
||||
}
|
||||
}, [])
|
||||
}
|
||||
|
||||
export default SmoothScroll
|
||||
@@ -0,0 +1,27 @@
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export default function ThemeSwitch() {
|
||||
const [togglETHeme, setTogglETHeme] = useState(
|
||||
() => JSON.parse(localStorage.getItem("togglETHeme")) || "light-theme"
|
||||
)
|
||||
useEffect(() => {
|
||||
localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
|
||||
document.body.classList.add(togglETHeme)
|
||||
return () => {
|
||||
document.body.classList.remove(togglETHeme)
|
||||
}
|
||||
}, [togglETHeme])
|
||||
|
||||
return (
|
||||
<>
|
||||
<nav className="switcher__tab"
|
||||
onClick={() => togglETHeme === "light-theme" ? setTogglETHeme("dark-theme") : setTogglETHeme("light-theme")
|
||||
}
|
||||
>
|
||||
<span className="switcher__btn light-mode"><i className="flaticon-sun" /></span>
|
||||
<span className="switcher__mode" />
|
||||
<span className="switcher__btn dark-mode"><i className="flaticon-moon" /></span>
|
||||
</nav>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import "../../node_modules/react-modal-video/css/modal-video.css"
|
||||
|
||||
|
||||
export default function VideoPopup({ style }) {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
|
||||
{style === 1 &&
|
||||
// <a className="video-popup1" onClick={() => setOpen(true)}>
|
||||
// <div className="video-btn play-icon-tra">
|
||||
// <div className="video-block-wrapper">
|
||||
// <i className="fas fa-play" />
|
||||
// </div>
|
||||
// </div>
|
||||
// </a>
|
||||
<a className="video-popup1" onClick={() => setOpen(true)}>
|
||||
<div className="video-btn video-btn-xl bg--theme">
|
||||
<div className="video-block-wrapper"><span className="flaticon-play-button" /></div>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
{style === 2 &&
|
||||
<a className="video-popup2" onClick={() => setOpen(true)}>
|
||||
<div className="video-btn video-btn-xl bg--theme">
|
||||
<div className="video-block-wrapper"><span className="flaticon-play-button" /></div>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
{style === 3 &&
|
||||
|
||||
<a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--tra-black hover--violet-100">See how it works
|
||||
</a>
|
||||
}
|
||||
{style === 4 &&
|
||||
<a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--theme hover--tra-black ico-20 ico-right">See how it works <span className="flaticon-play" />
|
||||
</a>
|
||||
}
|
||||
{style === 5 &&
|
||||
<a onClick={() => setOpen(true)} className="video-popup2 btn r-04 btn--tra-black hover--theme ico-20 ico-right">
|
||||
See how it works <span className="flaticon-play" />
|
||||
</a>
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="vfhzo499OeA" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
|
||||
export default function Breadcrumb({ breadcrumbTitle }) {
|
||||
return (
|
||||
<>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
import { useEffect, useState } from "react"
|
||||
import BackToTop from '../elements/BackToTop'
|
||||
import Breadcrumb from './Breadcrumb'
|
||||
import PageHead from './PageHead'
|
||||
import Footer1 from './footer/Footer1'
|
||||
import Footer2 from './footer/Footer2'
|
||||
import Footer3 from "./footer/Footer3"
|
||||
import Header1 from "./header/Header1"
|
||||
import Header2 from './header/Header2'
|
||||
|
||||
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, headerCls }) {
|
||||
const [scroll, setScroll] = useState(0)
|
||||
// Moblile Menu
|
||||
const [isMobileMenu, setMobileMenu] = useState(false)
|
||||
const handleMobileMenu = () => {
|
||||
setMobileMenu(!isMobileMenu)
|
||||
!isMobileMenu ? document.body.classList.add("wsactive") : document.body.classList.remove("wsactive")
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const WOW = require('wowjs')
|
||||
window.wow = new WOW.WOW({
|
||||
live: false
|
||||
})
|
||||
window.wow.init()
|
||||
|
||||
document.addEventListener("scroll", () => {
|
||||
const scrollCheck = window.scrollY > 100
|
||||
if (scrollCheck !== scroll) {
|
||||
setScroll(scrollCheck)
|
||||
}
|
||||
})
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
<PageHead headTitle={headTitle} />
|
||||
<div id="page" className="page font--jakarta">
|
||||
{!headerStyle && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />}
|
||||
{headerStyle == 1 ? <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
|
||||
{headerStyle == 2 ? <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
|
||||
|
||||
|
||||
<main className="main">
|
||||
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
|
||||
|
||||
{children}
|
||||
</main>
|
||||
|
||||
{!footerStyle && < Footer1 />}
|
||||
{footerStyle == 1 ? < Footer1 /> : null}
|
||||
{footerStyle == 2 ? < Footer2 /> : null}
|
||||
{footerStyle == 3 ? < Footer3 /> : null}
|
||||
|
||||
<BackToTop />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
import Link from "next/link"
|
||||
import { useRouter } from "next/router"
|
||||
|
||||
export default function Menu() {
|
||||
const router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<ul className="wsmenu-list nav-theme">
|
||||
{/* DROPDOWN SUB MENU */}
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#" className="h-link">About <span className="wsarrow" /></Link>
|
||||
<ul className="sub-menu">
|
||||
<li aria-haspopup="true"><Link href="#lnk-1">Why Martex?</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
|
||||
{/* MEGAMENU */}
|
||||
{/*<li aria-haspopup="true" className="mg_link"><Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>*/}
|
||||
{/* <div className="wsmegamenu w-75 clearfix">*/}
|
||||
{/* <div className="container">*/}
|
||||
{/* <div className="row">*/}
|
||||
{/* /!* MEGAMENU LINKS *!/*/}
|
||||
{/* <ul className="col-md-12 col-lg-3 link-list">*/}
|
||||
{/* <li className="fst-li"><Link href="/about">About Us</Link></li>*/}
|
||||
{/* <li><Link href="/team">Our Team</Link></li>*/}
|
||||
{/* <li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>*/}
|
||||
{/* <li><Link href="/career-role">Career Details</Link></li>*/}
|
||||
{/* <li><Link href="/contacts">Contact Us</Link></li>*/}
|
||||
{/* </ul>*/}
|
||||
{/* /!* MEGAMENU LINKS *!/*/}
|
||||
{/* <ul className="col-md-12 col-lg-3 link-list">*/}
|
||||
{/* <li><Link href="/features">Core Features</Link></li>*/}
|
||||
{/* <li className="fst-li"><Link href="/projects">Our Projects</Link></li>*/}
|
||||
{/* <li><Link href="/project-details">Project Details</Link></li>*/}
|
||||
{/* <li><Link href="/reviews">Testimonials</Link></li>*/}
|
||||
{/* <li><Link href="/download">Download Page</Link></li>*/}
|
||||
{/* </ul>*/}
|
||||
{/* /!* MEGAMENU LINKS *!/*/}
|
||||
{/* <ul className="col-md-12 col-lg-3 link-list">*/}
|
||||
{/* <li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>*/}
|
||||
{/* <li><Link href="/pricing-2">Pricing Page #2</Link></li>*/}
|
||||
{/* <li><Link href="/faqs">FAQs Page</Link></li>*/}
|
||||
{/* <li><Link href="/help-center">Help Center</Link></li>*/}
|
||||
{/* <li><Link href="/404">404 Page</Link></li>*/}
|
||||
{/* </ul>*/}
|
||||
{/* /!* MEGAMENU LINKS *!/*/}
|
||||
{/* <ul className="col-md-12 col-lg-3 link-list">*/}
|
||||
{/* <li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>*/}
|
||||
{/* <li><Link href="/single-post">Single Blog Post</Link></li>*/}
|
||||
{/* <li><Link href="/login-2">Login Page</Link></li>*/}
|
||||
{/* <li><Link href="/signup-2">Signup Page</Link></li>*/}
|
||||
{/* <li><Link href="/reset-password">Reset Password</Link></li>*/}
|
||||
{/* </ul>*/}
|
||||
{/* </div> /!* End row *!/*/}
|
||||
{/* </div> /!* End container *!/*/}
|
||||
{/* </div> /!* End wsmegamenu *!/*/}
|
||||
{/*</li> /!* END MEGAMENU *!/*/}
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
{/*<li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>*/}
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
{/*<li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>*/}
|
||||
{/*</li>*/}
|
||||
{/* SIGN IN LINK */}
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href="/login-2" className="h-link">Sign in</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
|
||||
up</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
import Link from 'next/link'
|
||||
import { useState } from 'react'
|
||||
export default function MobileMenu() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: "",
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<ul className="wsmenu-list nav-theme">
|
||||
{/* DROPDOWN SUB MENU */}
|
||||
<li aria-haspopup="true">
|
||||
<span className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(1)}><i className="wsmenu-arrow" /></span>
|
||||
<Link href="#" className="h-link">About <span className="wsarrow" /></Link>
|
||||
<ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
<li aria-haspopup="true"><Link href="#lnk-1">Why Martex?</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
|
||||
{/* MEGAMENU */}
|
||||
<li aria-haspopup="true" className="mg_link">
|
||||
<span className={isActive.key == 2 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(2)}><i className="wsmenu-arrow" /></span>
|
||||
<Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>
|
||||
<div className="wsmegamenu w-75 clearfix" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/about">About Us</Link></li>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>
|
||||
<li><Link href="/career-role">Career Details</Link></li>
|
||||
<li><Link href="/contacts">Contact Us</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li><Link href="/features">Core Features</Link></li>
|
||||
<li className="fst-li"><Link href="/projects">Our Projects</Link></li>
|
||||
<li><Link href="/project-details">Project Details</Link></li>
|
||||
<li><Link href="/reviews">Testimonials</Link></li>
|
||||
<li><Link href="/download">Download Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>
|
||||
<li><Link href="/pricing-2">Pricing Page #2</Link></li>
|
||||
<li><Link href="/faqs">FAQs Page</Link></li>
|
||||
<li><Link href="/help-center">Help Center</Link></li>
|
||||
<li><Link href="/404">404 Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>
|
||||
<li><Link href="/single-post">Single Blog Post</Link></li>
|
||||
<li><Link href="/login-2">Login Page</Link></li>
|
||||
<li><Link href="/signup-2">Signup Page</Link></li>
|
||||
<li><Link href="/reset-password">Reset Password</Link></li>
|
||||
</ul>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End wsmegamenu */}
|
||||
</li> {/* END MEGAMENU */}
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
|
||||
</li>
|
||||
{/* SIGN IN LINK */}
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href="/login-2" className="h-link">Sign in</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
|
||||
up</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
import Head from 'next/head'
|
||||
|
||||
const PageHead = ({ headTitle }) => {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<>
|
||||
{headTitle ? headTitle : "Martex - Software, App, SaaS & Startup Nextjs Landing Pages Pack"}
|
||||
</>
|
||||
</Head>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default PageHead
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
export default function Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-10" className="pt-50 footer">
|
||||
<div className="container text-center">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="images/logo-black.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="images/logo-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="footer-links">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p><a href="about.html">About</a></p></li>
|
||||
<li><p><a href="blog-listing.html">Blog</a></p></li>
|
||||
<li><p><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li><p><a href="cookies.html">Cookie Policy</a></p></li>
|
||||
<li><p><a href="contacts.html">Contact Us</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<ul className="bottom-footer-socials ico-25">
|
||||
<li><a href="#"><span className="flaticon-facebook" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-twitter" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-instagram" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-11" className="bg--white-300 pt-50 footer">
|
||||
<div className="container">
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright"><p className="p-sm">© 2014-2023 Martex Labs, Inc.</p></div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-list ico-15 text-end">
|
||||
<li><p className="p-sm"><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li className="footer-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm"><a href="terms.html">Terms & Conditions</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Footer3() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr">
|
||||
<div className="container">
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-xl-3">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="/images/logo-pink-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Company</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/about">About Us</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/blog-listing">Our Blog</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/testimonials">Customers</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Community</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-2">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Product</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/features">Integration</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/download">What's New</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/pricing-1">Pricing</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/help-center">Help Center</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/terms">Terms of Use</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/privacy">Privacy Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/cookies">Cookie Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Site Map</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER NEWSLETTER FORM */}
|
||||
<div className="col-sm-10 col-md-8 col-lg-4 col-xl-3">
|
||||
<div className="footer-form">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Follow the Best</h6>
|
||||
{/* Newsletter Form Input */}
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group r-06">
|
||||
<input type="email" className="form-control" placeholder="Email Address" required id="s-email" />
|
||||
<span className="input-group-btn ico-15">
|
||||
<button type="submit" className="btn color--theme">
|
||||
<span className="flaticon-right-arrow-1" />
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div>
|
||||
</div> {/* END FOOTER NEWSLETTER FORM */}
|
||||
</div> {/* END FOOTER CONTENT */}
|
||||
<hr /> {/* FOOTER DIVIDER LINE */}
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright">
|
||||
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-socials ico-20 text-end">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-instagram" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-youtube" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
import Link from "next/link"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
import Menu from "../Menu"
|
||||
export default function Header1({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
|
||||
return (
|
||||
<>
|
||||
<header id="header" className={`tra-menu white-scroll ${headerCls ? headerCls : ""}`}>
|
||||
<div className="header-wrapper">
|
||||
{/* MOBILE HEADER */}
|
||||
<div className="wsmobileheader clearfix">
|
||||
<span className="smllogo"><img src="/images/logo-pink.png" alt="mobile-logo" /></span>
|
||||
<a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
|
||||
</div>
|
||||
{/* NAVIGATION MENU */}
|
||||
<div className={`wsmainfull menu clearfix ${scroll ? "scroll" : ""}`}>
|
||||
<div className="wsmainwp clearfix">
|
||||
{/* HEADER BLACK LOGO */}
|
||||
<div className="desktoplogo">
|
||||
<Link href="#hero-1" className="logo-black">
|
||||
<img className="light-theme-img" src="/images/logo-pink.png" alt="logo" />
|
||||
<img className="dark-theme-img" src="/images/logo-pink-white.png" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* HEADER WHITE LOGO */}
|
||||
<div className="desktoplogo">
|
||||
<Link href="#hero-1" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>
|
||||
</div>
|
||||
{/* MAIN MENU */}
|
||||
<nav className="wsmenu clearfix" style={{height:"100vh"}}>
|
||||
{isMobileMenu ? <MobileMenu /> : <Menu />}
|
||||
</nav> {/* END MAIN MENU */}
|
||||
</div>
|
||||
</div> {/* END NAVIGATION MENU */}
|
||||
</div> {/* End header-wrapper */}
|
||||
</header>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
export default function Header2({ scroll, isMobileMenu, handleMobileMenu }) {
|
||||
return (
|
||||
<>
|
||||
Header2
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner1() {
|
||||
return (
|
||||
<>
|
||||
<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">Ready to Get Started?</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_1() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_10() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--04 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-13 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-22" className="btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_11() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--01 r-16 block-shadow">
|
||||
<div className="banner-overlay bg--fixed">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-13 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-24" className="btn r-04 btn--theme hover--tra-white">
|
||||
Get srarted - it's free
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_12() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-13 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-26" className="btn r-04 btn--theme hover--tra-white">
|
||||
Get srarted - it's free
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_13() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--05 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-45 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</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>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_2() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--01 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-8" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_3() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-45 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_4() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</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>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_5() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</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>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_6() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--04 bg--fixed r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#" className="btn r-04 btn--theme hover--tra-black" data-bs-toggle="modal" data-bs-target="#modal-3">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_7() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-13 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-17" className="btn r-04 btn--theme hover--tra-white">
|
||||
Get srarted - it's free
|
||||
</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_8() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--04 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="#hero-18" className="btn r-04 btn--theme hover--theme">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner13_9() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--05 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-13 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Getting started with Martex today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href="/download" className="btn r-04 btn--theme hover--tra-white">Get srarted - it's free</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner16_1() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-16" className="banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-16 WRAPPER */}
|
||||
<div className="banner-16-wrapper bg--white-100 block-border r-16">
|
||||
<div className="banner-overlay bg--fixed">
|
||||
<div className="row">
|
||||
{/* BANNER-1 TEXT */}
|
||||
<div className="col">
|
||||
<div className="banner-16-txt text-center">
|
||||
{/* Title */}
|
||||
<h4 className="s-24 w-700">Advanced features available for all</h4>
|
||||
{/* Text */}
|
||||
<p className="p-md mb-0">Sodales tempor sapien quaerat ipsum undo congue laoreet
|
||||
turpis neque auctor turpis vitae dolor luctus placerat magna cursus
|
||||
</p>
|
||||
{/* Link */}
|
||||
<div className="txt-block-tra-link mt-15">
|
||||
<Link href="/pricing-1" className="tra-link ico-20 color--theme">
|
||||
View all plan features <span className="flaticon-next" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BANNER-16 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-16 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner16_2() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-16" className="banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-16 WRAPPER */}
|
||||
<div className="banner-16-wrapper bg--white-100 block-border r-16">
|
||||
<div className="banner-overlay bg--fixed">
|
||||
<div className="row">
|
||||
{/* BANNER-1 TEXT */}
|
||||
<div className="col">
|
||||
<div className="banner-16-txt text-center">
|
||||
{/* Title */}
|
||||
<h4 className="s-24 w-700">Choose a plan when you are ready</h4>
|
||||
{/* Text */}
|
||||
<p className="p-md mb-0">Sodales tempor sapien quaerat ipsum undo congue laoreet
|
||||
turpis neque auctor turpis vitae dolor luctus placerat magna cursus
|
||||
</p>
|
||||
{/* Link */}
|
||||
<div className="txt-block-tra-link mt-15">
|
||||
<Link href="/pricing-1" className="tra-link ico-20 color--theme">
|
||||
Discover our pricing <span className="flaticon-next" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BANNER-16 TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-16 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_1() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--03 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_2() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--03 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_3() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--03 bg--fixed 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_4() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--03 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_5() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-3" className="pt-100 banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-3 WRAPPER */}
|
||||
<div className="banner-3-wrapper bg--03 bg--fixed 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="#" 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">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner3_6() {
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_1() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
|
||||
{/* Buttons */}
|
||||
<div className="btns-group">
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
|
||||
</Link>
|
||||
<Link href="/faqs" className="btn r-04 btn--tra-black hover--theme">Read the FAQs</Link>
|
||||
</div>
|
||||
{/* Button Text */}
|
||||
<p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_2() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
|
||||
{/* Buttons */}
|
||||
<div className="btns-group">
|
||||
<Link href="#hero-7" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
|
||||
</Link>
|
||||
<Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
|
||||
</div>
|
||||
{/* Button Text */}
|
||||
<p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_3() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
|
||||
{/* Buttons */}
|
||||
<div className="btns-group">
|
||||
<Link href="#hero-9" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
|
||||
</Link>
|
||||
<Link href="#faqs-3" className="btn r-04 btn--tra-black hover--theme">Read the FAQs</Link>
|
||||
</div>
|
||||
{/* Button Text */}
|
||||
<p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_4() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="mt-100 bg--05 bg--scroll banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt color--white text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
|
||||
{/* Button */}
|
||||
<Link href="#hero-14" 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>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_5() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
|
||||
{/* Button */}
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--tra-black">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>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_6() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Get Started Now</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-48 w-700">Grow your business with integrated marketing tools</h2>
|
||||
{/* Buttons */}
|
||||
<div className="btns-group">
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
|
||||
</Link>
|
||||
<Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
|
||||
</div>
|
||||
{/* Button Text */}
|
||||
<p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Banner7_7() {
|
||||
return (
|
||||
<>
|
||||
<section id="banner-7" className="banner-section">
|
||||
<div className="banner-overlay py-100">
|
||||
<div className="container">
|
||||
{/* BANNER-7 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center">
|
||||
{/* BANNER-7 TEXT */}
|
||||
<div className="col-md-8">
|
||||
<div className="banner-7-txt text-center">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Starting with Martex is easy, fast and free</h2>
|
||||
{/* Buttons */}
|
||||
<div className="btns-group">
|
||||
<Link href="/signup-1" className="btn r-04 btn--theme hover--theme">Get srarted - it's free
|
||||
</Link>
|
||||
<Link href="/pricing-1" className="btn r-04 btn--tra-black hover--theme">Discover pricing</Link>
|
||||
</div>
|
||||
{/* Button Text */}
|
||||
<p className="btn-txt ico-15">Free for 14 days - no credit card required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-7 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End banner overlay */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_1() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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">Articles & Resources</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--theme">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_2() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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-48 w-700">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_3() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_4() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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">Articles & Resources</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--theme">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_5() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_6() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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-52 w-700">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_7() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="pt-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-48 w-700">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_8() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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">Articles & Resources</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Blog1_9() {
|
||||
return (
|
||||
<>
|
||||
<section id="blog-1" className="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-52 w-700">Articles & Resources</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--theme">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_1() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-80 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-18">Martex is loved and trusted by thousands:</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_10() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-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-20 w-700">Trusted and used by over 3,400 companies</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_11() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-20 w-700">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_12() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-18">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_13() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-20 w-700">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_14() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-18">Martex is loved and trusted by thousands</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_15() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_16() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_17() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-19 w-700">Over 100 companies sign up Martex every day!</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
|
||||
export default function Brands1_18() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<BrandSlider2 /> {/* END BRANDS CAROUSEL */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_19() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_2() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_20() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-19">Martex is loved and trusted by thousands</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_21() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-19">Martex is loved and trusted by thousands</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_22() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-90 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-19 w-700">Over 100 companies sign up Martex every day!</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_23() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-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-19">Martex is loved and trusted by thousands</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_3() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_4() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_5() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-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-20 w-700">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_6() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-80 pb-90 bottom-border brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import BrandSlider1 from "../slider/BrandSlider1"
|
||||
export default function Brands1_7() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="pt-90 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-20 w-700">Trusted and used by over 3,400 companies</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider1 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_8() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-90 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-20 w-700">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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
import BrandSlider2 from "../slider/BrandSlider2"
|
||||
export default function Brands1_9() {
|
||||
return (
|
||||
<>
|
||||
<div id="brands-1" className="py-100 brands-section">
|
||||
<div className="container">
|
||||
{/* BRANDS CAROUSEL */}
|
||||
<div className="row">
|
||||
<div className="col text-center">
|
||||
<BrandSlider2 />
|
||||
</div>
|
||||
</div> {/* END BRANDS CAROUSEL */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
|
||||
|
||||
export default function Ct01_1() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Solution that grows with you</h5>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum
|
||||
suscipit
|
||||
</p>
|
||||
</div> {/* END TEXT BOX */}
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box mb-0">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Connect your data sources</h5>
|
||||
{/* Text */}
|
||||
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
||||
purus
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
|
||||
ipsum
|
||||
aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* END TEXT BOX */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-06.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
|
||||
|
||||
export default function Ct01_10() {
|
||||
return (
|
||||
<>
|
||||
<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">Easy Integration</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
|
||||
sodales magna undo aoreet primis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
|
||||
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
|
||||
a blandit
|
||||
</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-02.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Ct01_11() {
|
||||
return (
|
||||
<>
|
||||
<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">Easy Integration</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
|
||||
sodales magna undo aoreet primis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
|
||||
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
|
||||
a blandit
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Link */}
|
||||
<div className="txt-block-tra-link mt-25">
|
||||
<Link href="#integrations-2" className="tra-link ico-20 color--theme">
|
||||
View all integrations <span className="flaticon-next" />
|
||||
</Link>
|
||||
</div>
|
||||
</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-02.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
export default function Ct01_12() {
|
||||
return (
|
||||
<>
|
||||
<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">Built for Speed</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-44 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>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
|
||||
sodales magna undo aoreet primis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
|
||||
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
|
||||
sapien a blandit
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
export default function Ct01_13() {
|
||||
return (
|
||||
<>
|
||||
<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">Built for Speed</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>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
|
||||
sodales magna undo aoreet primis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
|
||||
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
|
||||
sapien a blandit
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
|
||||
|
||||
export default function Ct01_14() {
|
||||
return (
|
||||
<>
|
||||
<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">Brand New Design</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Bring your ideas to life with Martex</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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Creative and practical</h5>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
||||
aliquam undo congue cursus dolor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna 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-11.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
|
||||
|
||||
export default function Ct01_15() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Solution that grows with you</h5>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
</div> {/* END TEXT BOX */}
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box mb-0">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Connect your data sources</h5>
|
||||
{/* Text */}
|
||||
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
||||
purus
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
||||
aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* END TEXT BOX */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-05.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
|
||||
|
||||
export default function Ct01_16() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-paper-sizes color--theme" />
|
||||
<h5 className="s-24 w-700">Built-in automation</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
||||
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
||||
magna turpis
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-layers-1 color--theme" />
|
||||
<h5 className="s-24 w-700">Automatic workflows</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
||||
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
||||
magna turpis
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-pie-chart color--theme" />
|
||||
<h5 className="s-24 w-700">Real-time analytics</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
|
||||
augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
||||
magna turpis
|
||||
</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 right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-08.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
|
||||
|
||||
export default function Ct01_17() {
|
||||
return (
|
||||
<>
|
||||
<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">Strategies That Work</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Right strategies & implementations</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>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Optimize your presence</h5>
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Magna dolor luctus at egestas sapien</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
|
||||
turpis ultrice auctor congue varius magnis
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p className="mb-0">Volute turpis dolores and sagittis congue</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-06.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
export default function Ct01_18() {
|
||||
return (
|
||||
<>
|
||||
<section className="py-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>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
|
||||
sodales magna undo aoreet primis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
|
||||
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus
|
||||
sapien a blandit
|
||||
</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-10.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
|
||||
|
||||
export default function Ct01_19() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Advanced Analytics Review</h5>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
</div> {/* END TEXT BOX */}
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box mb-0">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Email Marketing Campaigns</h5>
|
||||
{/* Text */}
|
||||
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
||||
purus
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
||||
aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* END TEXT BOX */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-03.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
|
||||
|
||||
export default function Ct01_2() {
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Magna dolor luctus at egestas sapien</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
|
||||
turpis ultrice auctor congue varius magnis
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p className="mb-0">Volute turpis dolores and sagittis congue</p>
|
||||
</div>
|
||||
</div>
|
||||
</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-13.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
|
||||
|
||||
export default function Ct01_20() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Creative alternative solutions</h5>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
</div> {/* END TEXT BOX */}
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box mb-0">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Editing tools and exports</h5>
|
||||
{/* Text */}
|
||||
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
||||
purus
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
||||
aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* END TEXT BOX */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-12.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Ct01_21() {
|
||||
return (
|
||||
<>
|
||||
<section className="bg--white-300 py-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">
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Plug your essential tools in few clicks</h2>
|
||||
{/* Text */}
|
||||
<p className="mb-0">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>
|
||||
{/* Button */}
|
||||
<Link href="#integrations-1" className="btn btn-sm r-04 btn--tra-black hover--theme">
|
||||
Explore all integrations
|
||||
</Link>
|
||||
</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-02.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user