first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,19 @@
|
|||||||
|
ESLINT_NO_DEV_ERRORS=true
|
||||||
|
|
||||||
|
REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.automedsys.com/en/wrench/api/v1"
|
||||||
|
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.automedsys.com/en/wrench/api/v1"
|
||||||
|
|
||||||
|
REACT_APP_SITE_NAME='automedsys'
|
||||||
|
REACT_APP_DASH_URL='https://dev-users.automedsys.com'
|
||||||
|
REACT_APP_DASH_URL_LOGIN="https://dev-users.automedsys.com/login"
|
||||||
|
REACT_APP_DASH_URL_SIGNUP="https://dev-users.automedsys.com/signup"
|
||||||
|
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.automedsys.users'
|
||||||
|
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/automedsys/id1435718367?ls=1&mt=8'
|
||||||
|
REACT_APP_FACEBOOK_LINK='https://www.facebook.com/automedsys'
|
||||||
|
REACT_APP_TWITTER_LINK='https://twitter.com/automedsys/'
|
||||||
|
REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/automedsys/"
|
||||||
|
REACT_APP_SUPPORT_EMAIL='support@automedsys.com'
|
||||||
|
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||||
|
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||||
|
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||||
|
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||||
@@ -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,77 @@
|
|||||||
|
import Link from "next/link"
|
||||||
|
import { useRouter } from "next/router"
|
||||||
|
|
||||||
|
export default function AutoMedSysMenu() {
|
||||||
|
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">autoMedSys</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">Solutions <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-4 link-list">
|
||||||
|
<li className="fst-li"><Link href="#">Electronic Medical Records</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-4 link-list">
|
||||||
|
<li><Link href="#">e-Prescribing</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-4 link-list">
|
||||||
|
<li className="fst-li"><Link href="#">Telehealth</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="https://epcs.automedsys.net/" className="h-link">Sign in</Link>
|
||||||
|
</li>
|
||||||
|
{/* SIGN UP BUTTON */}
|
||||||
|
<li className="nl-simple" aria-haspopup="true">
|
||||||
|
<Link href="https://signup.automedsys.net/" className="btn r-04 btn--theme hover--tra-white last-link">Get Started</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -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 : "Home | autoMedSys"}
|
||||||
|
</>
|
||||||
|
</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,129 @@
|
|||||||
|
|
||||||
|
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/automedsys-logo.svg" alt="footer-logo" />
|
||||||
|
<img className="footer-logo-dark" src="/images/automedsys-logo.svg" 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-3">
|
||||||
|
<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 autoMedSys. <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="https://www.facebook.com/profile.php?id=100064689647332"><span className="flaticon-facebook" /></Link></li>
|
||||||
|
<li><Link href="https://twitter.com/automedsys"><span className="flaticon-twitter" /></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,40 @@
|
|||||||
|
import Link from "next/link"
|
||||||
|
import MobileMenu from "../MobileMenu"
|
||||||
|
//import Menu from "../Menu"
|
||||||
|
import AutoMedSysMenu from "../AutoMedSysMenu";
|
||||||
|
export default function Header1({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<header id="header" className={`tra-menu3 white-scroll ${headerCls ? headerCls : ""}`}>
|
||||||
|
<div className="header-wrapper">
|
||||||
|
{/* MOBILE HEADER */}
|
||||||
|
<div className="wsmobileheader clearfix">
|
||||||
|
<span className="smllogo"><img src="/images/automedsys-logo.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="/" className="logo-black">
|
||||||
|
<img className="light-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
|
||||||
|
<img className="dark-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
{/* HEADER WHITE LOGO */}
|
||||||
|
<div className="desktoplogo">
|
||||||
|
<Link href="/" className="logo-white"><img src="/images/automedsys-logo.svg" alt="logo" /></Link>
|
||||||
|
</div>
|
||||||
|
{/* MAIN MENU */}
|
||||||
|
<nav className="wsmenu clearfix" style={{height:"100vh"}}>
|
||||||
|
{isMobileMenu ? <MobileMenu /> : <AutoMedSysMenu />}
|
||||||
|
</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>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
|
||||||
|
|
||||||
|
import Link from "next/link"
|
||||||
|
export default function Ct01_22() {
|
||||||
|
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>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>
|
||||||
|
{/* Link */}
|
||||||
|
<div className="txt-block-tra-link mt-25">
|
||||||
|
<Link href="#lnk-2" className="tra-link ico-20 color--theme">
|
||||||
|
Get insights faster <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-05.png" alt="content-image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> {/* END SECTION CONTENT (ROW) */}
|
||||||
|
</div> {/* End container */}
|
||||||
|
</section>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,58 @@
|
|||||||
|
|
||||||
|
|
||||||
|
export default function Ct01_23() {
|
||||||
|
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-08.png" alt="content-image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> {/* END SECTION CONTENT (ROW) */}
|
||||||
|
</div> {/* End container */}
|
||||||
|
</section>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
|
||||||
|
|
||||||
|
export default function Ct01_24() {
|
||||||
|
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">Quick Integration</span>
|
||||||
|
{/* Title */}
|
||||||
|
<h2 className="s-46 w-700">Digital marketing that drives results</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,46 @@
|
|||||||
|
|
||||||
|
|
||||||
|
import Link from "next/link"
|
||||||
|
export default function Ct01_25() {
|
||||||
|
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 color--black">Strategies That Work</span>
|
||||||
|
{/* Title */}
|
||||||
|
<h2 className="s-44 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>
|
||||||
|
{/* Text */}
|
||||||
|
<p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
|
||||||
|
an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
|
||||||
|
purus egestas magna cursus undo varius purus magnis sapien quaerat
|
||||||
|
</p>
|
||||||
|
{/* Link */}
|
||||||
|
<div className="txt-block-tra-link mt-25">
|
||||||
|
<Link href="#features-7" className="tra-link ico-20 color--theme">
|
||||||
|
Friendly with others <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-07.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_26() {
|
||||||
|
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 color--black">Quick Integration</span>
|
||||||
|
{/* Title */}
|
||||||
|
<h2 className="s-44 w-700">Easy integrations with your existing tools</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-1" className="tra-link ico-20 color--theme">
|
||||||
|
Explore 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,49 @@
|
|||||||
|
|
||||||
|
|
||||||
|
import Link from "next/link"
|
||||||
|
export default function Ct01_27() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<section className="bg--white-400 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>
|
||||||
|
{/* 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">
|
||||||
|
Explore 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>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user