Fix page layout
This commit is contained in:
CHIEFSOFT\ameye
@@ -14,7 +14,7 @@ export default function Banner13_5() {
|
||||
<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>
|
||||
<h2 className="s-46 w-700">Getting started with MERMS today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
||||
placerat and magna ligula cursus
|
||||
|
||||
@@ -16,7 +16,7 @@ export default function MermsAbout() {
|
||||
<div className="col-md-6 col-lg-5">
|
||||
<div className="txt-block right-column wow fadeInLeft">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Control Data Access</span>
|
||||
{/*<span className="section-id">Control Data Access</span>*/}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">The worldview of your practice matters.</h2>
|
||||
{/* List */}
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
export default function MermsBanner() {
|
||||
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 MERMS 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -97,7 +97,7 @@ export default function MermsFeatures() {
|
||||
<div className="col-md-5 order-first order-md-2">
|
||||
<div className="txt-block left-column wow fadeInLeft">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">One-Stop Solution</span>
|
||||
{/*<span className="section-id">One-Stop Solution</span>*/}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Smart solutions, real-time results</h2>
|
||||
{/* Text */}
|
||||
|
||||
+3
-35
@@ -1,27 +1,10 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_5 from "../components/sections/Banner13_5"
|
||||
//import Brands1_11 from "../components/sections/Brands1_11"
|
||||
// import Ct01_15 from "../components/sections/Ct01_15"
|
||||
import Ct01_16 from "../components/sections/Ct01_16"
|
||||
// import Ct02_27 from "../components/sections/Ct02_27"
|
||||
// import Ct03_6 from "../components/sections/Ct03_6"
|
||||
// import Ct04_7 from "../components/sections/Ct04_7"
|
||||
// import Faqs3_9 from "../components/sections/Faqs3_9"
|
||||
//import Features13_5 from "../components/sections/Features13_5"
|
||||
//import Features1_2 from "../components/sections/Features1_2"
|
||||
// import Features5_8 from "../components/sections/Features5_8"
|
||||
//import Hero13 from "../components/sections/Hero13"
|
||||
// import Integrations2_6 from "../components/sections/Integrations2_6"
|
||||
// import Lnk1_13 from "../components/sections/Lnk1_13"
|
||||
// import Lnk2_13 from "../components/sections/Lnk2_13"
|
||||
// import Reviews2_3 from "../components/sections/Reviews2_3"
|
||||
//import Statistic5_3 from "../components/sections/Statistic5_3"
|
||||
import MersmHero from "../components/sections/MersmHero";
|
||||
import MermsFeatures from "../components/sections/MermsFeatures";
|
||||
import MermsAbout from "../components/sections/MermsAbout";
|
||||
import MermsHowItWorks from "../components/sections/MermsHowItWorks";
|
||||
import MermsFeatures2 from "../components/sections/MermsFeatures2";
|
||||
|
||||
import MermsBanner from "../components/sections/MermsBanner";
|
||||
|
||||
export default function ProductHome() {
|
||||
|
||||
@@ -29,28 +12,13 @@ export default function ProductHome() {
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<MersmHero />
|
||||
{/*<Statistic5_3 />*/}
|
||||
<hr className="divider" />
|
||||
<MermsAbout />
|
||||
<hr className="divider" />
|
||||
<MermsFeatures />
|
||||
{/*<Features13_5 />*/}
|
||||
<MermsHowItWorks />
|
||||
{/*<Lnk1_13 />*/}
|
||||
{/*<Ct02_27 />*/}
|
||||
{/*<Lnk2_13 />*/}
|
||||
{/*<Ct01_15 />*/}
|
||||
{/*<Ct03_6 />*/}
|
||||
<MermsFeatures2 />
|
||||
{/*<Features1_2 />*/}
|
||||
{/*<Integrations2_6 />*/}
|
||||
<Ct01_16 />
|
||||
{/*<Features5_8 />*/}
|
||||
{/*<Reviews2_3 />*/}
|
||||
{/*<Brands1_11 />*/}
|
||||
{/*<Ct04_7 />*/}
|
||||
{/*<Faqs3_9 />*/}
|
||||
<Banner13_5 />
|
||||
{/*<MermsFeatures2 />*/}
|
||||
<MermsBanner />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
+4
-694
@@ -1,28 +1,11 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Banner13_5 from "../components/sections/Banner13_5"
|
||||
//import Brands1_11 from "../components/sections/Brands1_11"
|
||||
// import Ct01_15 from "../components/sections/Ct01_15"
|
||||
import Ct01_16 from "../components/sections/Ct01_16"
|
||||
// import Ct02_27 from "../components/sections/Ct02_27"
|
||||
// import Ct03_6 from "../components/sections/Ct03_6"
|
||||
// import Ct04_7 from "../components/sections/Ct04_7"
|
||||
// import Faqs3_9 from "../components/sections/Faqs3_9"
|
||||
//import Features13_5 from "../components/sections/Features13_5"
|
||||
//import Features1_2 from "../components/sections/Features1_2"
|
||||
// import Features5_8 from "../components/sections/Features5_8"
|
||||
//import Hero13 from "../components/sections/Hero13"
|
||||
// import Integrations2_6 from "../components/sections/Integrations2_6"
|
||||
// import Lnk1_13 from "../components/sections/Lnk1_13"
|
||||
// import Lnk2_13 from "../components/sections/Lnk2_13"
|
||||
// import Reviews2_3 from "../components/sections/Reviews2_3"
|
||||
//import Statistic5_3 from "../components/sections/Statistic5_3"
|
||||
import MersmHero from "../components/sections/MersmHero";
|
||||
import MermsFeatures from "../components/sections/MermsFeatures";
|
||||
import MermsAbout from "../components/sections/MermsAbout";
|
||||
import MermsHowItWorks from "../components/sections/MermsHowItWorks";
|
||||
import MermsFeatures2 from "../components/sections/MermsFeatures2";
|
||||
|
||||
import MermsBanner from "../components/sections/MermsBanner";
|
||||
|
||||
export default function Home() {
|
||||
|
||||
@@ -30,687 +13,14 @@ export default function Home() {
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
|
||||
<MersmHero />
|
||||
{/*<Statistic5_3 />*/}
|
||||
<hr className="divider" />
|
||||
<MermsAbout />
|
||||
<hr className="divider" />
|
||||
<MermsFeatures />
|
||||
{/*<Features13_5 />*/}
|
||||
<MermsHowItWorks />
|
||||
{/*<Lnk1_13 />*/}
|
||||
{/*<Ct02_27 />*/}
|
||||
{/*<Lnk2_13 />*/}
|
||||
{/*<Ct01_15 />*/}
|
||||
{/*<Ct03_6 />*/}
|
||||
<MermsFeatures2 />
|
||||
{/*<Features1_2 />*/}
|
||||
{/*<Integrations2_6 />*/}
|
||||
<Ct01_16 />
|
||||
{/*<Features5_8 />*/}
|
||||
{/*<Reviews2_3 />*/}
|
||||
{/*<Brands1_11 />*/}
|
||||
{/*<Ct04_7 />*/}
|
||||
{/*<Faqs3_9 />*/}
|
||||
<Banner13_5 />
|
||||
{/*<MermsFeatures2 />*/}
|
||||
<MermsBanner />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
// export default function Home() {
|
||||
//
|
||||
// return (
|
||||
// <>
|
||||
// <div id="page" className="page-wrapper">
|
||||
// {/* HERO
|
||||
// ============================================= */}
|
||||
// <section id="hero" className="bg--scroll hero-section">
|
||||
// <div className="container color--white">
|
||||
// <div className="row d-flex align-items-center">
|
||||
// <div className="col">
|
||||
// {/* HERO TEXT */}
|
||||
// <div className="hero-txt text-center">
|
||||
// <h2>It’s time to show how creative you are</h2>
|
||||
// <p className="p-lg">A great collection of <span>flexible & creative templates</span> to
|
||||
// promote your Software, App, SaaS, Startup or business projects
|
||||
// </p>
|
||||
// <Link href="#select" className="btn btn--pink-400 hover--tra-white" >Check Demos</Link>
|
||||
// </div>
|
||||
// {/* HERO IMAGE */}
|
||||
// <div className="hero-img">
|
||||
// <img className="img-fluid" src="/images/demo/hero-img.png" alt="hero-image" />
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END HERO */}
|
||||
// {/* FEATURES
|
||||
// ============================================= */}
|
||||
// <section id="features" className="features-section">
|
||||
// <div className="container">
|
||||
// <div className="fbox-wrapper text-center">
|
||||
// <div className="row row-cols-1 row-cols-lg-3">
|
||||
// {/* FEATURE BOX #1 */}
|
||||
// <div className="col">
|
||||
// <div className="fbox fb-1 wow fadeInUp">
|
||||
// {/* Image */}
|
||||
// <div className="fbox-img">
|
||||
// <img className="img-fluid" src="/images/demo/f_01.png" alt="feature-image" />
|
||||
// </div>
|
||||
// {/* Text */}
|
||||
// <div className="fbox-txt">
|
||||
// <h5>Ultra Responsive</h5>
|
||||
// <p>Martex has a fully responsive design. It fits perfectly on various displays
|
||||
// and resolutions
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* END FEATURE BOX #1 */}
|
||||
// {/* FEATURE BOX #2 */}
|
||||
// <div className="col">
|
||||
// <div className="fbox fb-2 wow fadeInUp">
|
||||
// {/* Image */}
|
||||
// <div className="fbox-img">
|
||||
// <img className="img-fluid" src="/images/demo/f_02.png" alt="feature-image" />
|
||||
// </div>
|
||||
// {/* Text */}
|
||||
// <div className="fbox-txt">
|
||||
// <h5>Built with Bootstrap 5.x</h5>
|
||||
// <p>The world’s most popular front-end open source toolkit for building responsive
|
||||
// websites
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* END FEATURE BOX #2 */}
|
||||
// {/* FEATURE BOX #3 */}
|
||||
// <div className="col">
|
||||
// <div className="fbox fb-3 wow fadeInUp">
|
||||
// {/* Image */}
|
||||
// <div className="fbox-img">
|
||||
// <img className="img-fluid" src="/images/demo/f_03.png" alt="feature-image" />
|
||||
// </div>
|
||||
// {/* Text */}
|
||||
// <div className="fbox-txt">
|
||||
// <h5>Beautiful Components</h5>
|
||||
// <p>Martex includes well designed components which always gives you best results
|
||||
// as you wanted
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* END FEATURE BOX #3 */}
|
||||
// </div> {/* End row */}
|
||||
// </div> {/* END FEATURES WRAPPER */}
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END FEATURES */}
|
||||
// {/* SELECT
|
||||
// ============================================= */}
|
||||
// <section id="select" className="bg-fixed select-section">
|
||||
// <div className="container">
|
||||
// {/* SECTION TITLE */}
|
||||
// <div className="row">
|
||||
// <div className="col-lg-10 offset-lg-1 section-title">
|
||||
// <h2>Stunning Designs</h2>
|
||||
// <p>27 beautiful, hand-crafted designs to get you started. Choose the one you like best and start
|
||||
// customize it to your website
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
// {/* DEMOS WRAPPER */}
|
||||
// <div className="row">
|
||||
// {/* LAYOUT-1 */}
|
||||
// <div id="l-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-1" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-01.jpg" alt="layout-1-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #1</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-2 */}
|
||||
// <div id="l-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-2" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-02.jpg" alt="layout-2-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4> Demo #2</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-3 */}
|
||||
// <div id="l-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-3" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-03.jpg" alt="layout-3-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #3</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-4 */}
|
||||
// <div id="l-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-4" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-04.jpg" alt="layout-4-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #4</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-5 */}
|
||||
// <div id="l-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-5" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-05.jpg" alt="layout-5-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #5</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-6 */}
|
||||
// <div id="l-6" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-6" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-06.jpg" alt="layout-6-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #6</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-7 */}
|
||||
// <div id="l-7" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-7" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-07.jpg" alt="layout-7-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #7</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-8 */}
|
||||
// <div id="l-8" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-8" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-08.jpg" alt="layout-8-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #8</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-9 */}
|
||||
// <div id="l-9" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-9" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-09.jpg" alt="layout-9-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #9</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-10 */}
|
||||
// <div id="l-10" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-10" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-10.jpg" alt="layout-10-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #10</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-11 */}
|
||||
// <div id="l-11" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-11" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-11.jpg" alt="layout-11-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #11</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-12 */}
|
||||
// <div id="l-12" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-12" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-12.jpg" alt="layout-12-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #12</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-13 */}
|
||||
// <div id="l-13" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-13" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-13.jpg" alt="layout-13-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #13</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-14 */}
|
||||
// <div id="l-14" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-14" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-14.jpg" alt="layout-14-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #14</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-15 */}
|
||||
// <div id="l-15" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-15" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-15.jpg" alt="layout-15-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #15</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-16 */}
|
||||
// <div id="l-16" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-16" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-16.jpg" alt="layout-16-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #16</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-17 */}
|
||||
// <div id="l-17" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-17" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-17.jpg" alt="layout-17-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #17</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-18 */}
|
||||
// <div id="l-18" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-18" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-18.jpg" alt="layout-18-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #18</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-19 */}
|
||||
// <div id="l-19" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-19" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-19.jpg" alt="layout-19-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #19</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-20 */}
|
||||
// <div id="l-20" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-20" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-20.jpg" alt="layout-20-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #20</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-21 */}
|
||||
// <div id="l-21" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-21" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-21.jpg" alt="layout-21-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #21</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-22 */}
|
||||
// <div id="l-22" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-22" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-22.jpg" alt="layout-22-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #22</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-23 */}
|
||||
// <div id="l-23" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-23" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-23.jpg" alt="layout-23-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #23</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-24 */}
|
||||
// <div id="l-24" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/404" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-24.jpg" alt="layout-24-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #24</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-25 */}
|
||||
// <div id="l-25" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-25" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-25.jpg" alt="layout-25-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #25</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-26 */}
|
||||
// <div id="l-26" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-26" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-26.jpg" alt="layout-26-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #26</h4>
|
||||
// </div>
|
||||
// {/* LAYOUT-27 */}
|
||||
// <div id="l-27" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/demo-27" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/layout-27.jpg" alt="layout-27-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Demo #27</h4>
|
||||
// </div>
|
||||
// </div> {/* END DEMOS WRAPPER */}
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END SELECT */}
|
||||
// {/* BANNER-1
|
||||
// ============================================= */}
|
||||
// <section id="banner-1" className="bg--scroll banner division">
|
||||
// <div className="container">
|
||||
// <div className="row d-flex align-items-center">
|
||||
// <div className="col-lg-6">
|
||||
// <div className="banner-1-txt color--white">
|
||||
// <h2>Fully Responsive & Retina Ready</h2>
|
||||
// <p>Attention to details is what makes the Martex fully fuctional. No matter what kind
|
||||
// of content you add, your website will look stunning on any major device such as tablet,
|
||||
// smartphone etc.
|
||||
// </p>
|
||||
// <Link className="btn btn--pink-400 hover--tra-white" href="/demo-1" target="_blank">
|
||||
// See Martex in action
|
||||
// </Link>
|
||||
// </div>
|
||||
// </div>
|
||||
// <div className="col-lg-6">
|
||||
// <div className="banner-1-img">
|
||||
// <img className="img-fluid" src="/images/demo/banner-1-img.png" alt="banner-image" />
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* End row */}
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END BANNER-1 */}
|
||||
// {/* INNER PAGES
|
||||
// ============================================= */}
|
||||
// <section id="i-pages" className="ip-section">
|
||||
// <div className="container">
|
||||
// {/* SECTION TITLE */}
|
||||
// <div className="row">
|
||||
// <div className="col-lg-10 offset-lg-1 section-title">
|
||||
// <h2>Practical Inner Pages</h2>
|
||||
// <p>Martex offers a vast number of pre-made inner pages which will save your time when building
|
||||
// a website.
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
// <div className="row">
|
||||
// {/* ABOUT PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/about" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/about.jpg" alt="about-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>About Us</h4>
|
||||
// </div>
|
||||
// {/* CAREERS PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/careers" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/careers.jpg" alt="careers-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Careers</h4>
|
||||
// </div>
|
||||
// {/* CAREER ROLE PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/career-role" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/career-role.jpg" alt="career-role-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Career Role</h4>
|
||||
// </div>
|
||||
// {/* TEAM PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/team" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/team.jpg" alt="team-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Team</h4>
|
||||
// </div>
|
||||
// {/* FEATURES PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/features" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/features.jpg" alt="features-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Features</h4>
|
||||
// </div>
|
||||
// {/* INTEGRATIONS PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/integrations" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/integrations.jpg" alt="integrations-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Integrations</h4>
|
||||
// </div>
|
||||
// {/* PROJECTS PAGE */}
|
||||
// <div id="pts" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/projects" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/projects.jpg" alt="projects-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Our Projects</h4>
|
||||
// </div>
|
||||
// {/* SINGLE PROJECT */}
|
||||
// <div id="pd" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/project-details" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/project-details.jpg" alt="project-details-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Project Details</h4>
|
||||
// </div>
|
||||
// {/* REVIEWS PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/reviews" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/reviews.jpg" alt="reviews-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Reviews</h4>
|
||||
// </div>
|
||||
// {/* PRICING-1 PLANS */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/pricing-1" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/pricing-1.jpg" alt="pricing-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Pricing Plans #1</h4>
|
||||
// </div>
|
||||
// {/* PRICING-2 PLANS */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/pricing-2" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/pricing-2.jpg" alt="pricing-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Pricing Plans #2</h4>
|
||||
// </div>
|
||||
// {/* DOWNLOAD PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/download" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/download.jpg" alt="download-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Download</h4>
|
||||
// </div>
|
||||
// {/* FAQs PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/faqs" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/faqs.jpg" alt="faqs-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>FAQs</h4>
|
||||
// </div>
|
||||
// {/* HELP CENTER PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/help-center" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/help-center.jpg" alt="help-center-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Help Center</h4>
|
||||
// </div>
|
||||
// {/* CONTACTS PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/contacts" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/contacts.jpg" alt="contacts-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Contacts</h4>
|
||||
// </div>
|
||||
// {/* BLOG LISTING */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/blog-listing" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/blog-listing.jpg" alt="blog-listing-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Blog Listing</h4>
|
||||
// </div>
|
||||
// {/* SINGLE POST */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/single-post" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/single-post.jpg" alt="single-post-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Single Post</h4>
|
||||
// </div>
|
||||
// {/* PAGE 404 */}
|
||||
// <div id="p-404" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/404" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/404.jpg" alt="404-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Page 404</h4>
|
||||
// </div>
|
||||
// {/* TERMS PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/terms" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/terms.jpg" alt="terms-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Terms</h4>
|
||||
// </div>
|
||||
// {/* PRIVACY PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/privacy" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/privacy.jpg" alt="privacy-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Privacy</h4>
|
||||
// </div>
|
||||
// {/* COOKIES PAGE */}
|
||||
// <div className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/cookies" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/cookies.jpg" alt="cookies-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Cookies</h4>
|
||||
// </div>
|
||||
// {/* LOG IN 1 PAGE */}
|
||||
// <div id="reg-1" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/login-1" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/login-1.jpg" alt="login-1-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Log In Page #1</h4>
|
||||
// </div>
|
||||
// {/* LOG IN 2 PAGE */}
|
||||
// <div id="reg-2" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/login-2" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/login-2.jpg" alt="login-2-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Log In Page #2</h4>
|
||||
// </div>
|
||||
// {/* SIGNUP 1 PAGE */}
|
||||
// <div id="reg-3" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.8s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/signup-1" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/signup-1.jpg" alt="signup-1-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Sign Up Page #1</h4>
|
||||
// </div>
|
||||
// {/* SIGNUP 2 PAGE */}
|
||||
// <div id="reg-4" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.4s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/signup-2" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/signup-2.jpg" alt="signup-2-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Sign Up Page #2</h4>
|
||||
// </div>
|
||||
// {/* RESET PASSWORD PAGE */}
|
||||
// <div id="reg-5" className="col-md-6 col-lg-4 select_link wow fadeInUp" data-wow-delay="0.6s">
|
||||
// <div className="hover-overlay">
|
||||
// <Link href="/reset-password" target="_blank">
|
||||
// <img className="img-fluid" src="/images/demo/reset-password.jpg" alt="reset-1-preview" />
|
||||
// </Link>
|
||||
// </div>
|
||||
// <h4>Reset Password</h4>
|
||||
// </div>
|
||||
// </div> {/* End row */}
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END INNER PAGES */}
|
||||
// {/* BANNER-2
|
||||
// ============================================= */}
|
||||
// <section id="banner-2" className="bg--scroll division">
|
||||
// <div className="container">
|
||||
// {/* BANNER TEXT*/}
|
||||
// <div className="row">
|
||||
// <div className="col-lg-8 offset-lg-2">
|
||||
// <div className="banner-2-txt color--white text-center">
|
||||
// <h2>Create your amazing website with Martex</h2>
|
||||
// <p>Mix and match from over 50 exclusive section UI blocks. <span>Create something
|
||||
// unique and beautifully</span> tailored to your needs
|
||||
// </p>
|
||||
// <Link href="https://themeforest.net/item/martex-software-saas-startup-html5-template/46015236" className="btn btn--pink-400 hover--tra-white" >Purchase for $15</Link>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div> {/* END BANNER TEXT*/}
|
||||
// </div> {/* End container */}
|
||||
// </section> {/* END BANNER-2 */}
|
||||
// {/* FOOTER
|
||||
// ============================================= */}
|
||||
// <footer id="footer" className="footer division">
|
||||
// <div className="container">
|
||||
// <div className="row">
|
||||
// <div className="col footer-copyright">
|
||||
// <p>Designed by JThemes Studio</p>
|
||||
// <p>© 2023 <span>Martex.</span> All Rights Reserved</p>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </footer> {/* END FOOTER */}
|
||||
// </div>
|
||||
//
|
||||
// </>
|
||||
// )
|
||||
// }
|
||||
}
|
||||
@@ -3718,13 +3718,9 @@ p.video-txt-sm {
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1030;
|
||||
/*z-index:100;*/
|
||||
/*background-color: red;*/
|
||||
height: 100px !important;
|
||||
.h-link{
|
||||
color: #0b0b0b;
|
||||
}
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.merms-main {
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
|
||||
Reference in New Issue
Block a user