ChiefSoftLab/MARTEX-Docker
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-23 05:09:28 -05:00
commit d848bcd61c
971 changed files with 172537 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/Hero2.js
+60
View File
@@ -0,0 +1,60 @@
export default function Hero2() {
return (
<>
<section id="hero-2" className="bg--scroll hero-section">
<div className="container">
<div className="row d-flex align-items-center">
{/* HERO IMAGE */}
<div className="col-md-6 order-last order-md-2">
<div className="hero-2-img wow fadeInRight">
<img className="img-fluid" src="/images/hero-2-img.png" alt="hero-image" />
</div>
</div>
{/* HERO TEXT */}
<div className="col-md-6 order-first order-md-2">
<div className="hero-2-txt wow fadeInLeft">
{/* Title */}
<h2 className="s-56 w-700 color--black">Realize your digital potential with Martex</h2>
{/* Text */}
<p className="p-lg">Tempor sapien sodales quaerat ipsum congue ipsum laoreet turpis neque
auctor turpis a vitae dolor luctus placerat magna and ligula cursus purus ipsum
</p>
{/* HERO DIGITS */}
<div className="hero-digits">
{/* DIGIT BLOCK #1 */}
<div id="hd-1-1" className="wow fadeInUp">
<div className="hero-digits-block">
{/* Digit */}
<div className="block-digit">
<h2 className="s-46 statistic-number color--black">2<span>x</span></h2>
</div>
{/* Text */}
<div className="block-txt">
<p className="p-sm">Tempor sapien and quaerat placerat</p>
</div>
</div>
</div> {/* END DIGIT BLOCK #1 */}
{/* DIGIT BLOCK #2 */}
<div id="hd-1-2" className="wow fadeInUp">
<div className="hero-digits-block">
{/* Digit */}
<div className="block-digit">
<h2 className="s-46 statistic-number color--black">63<span>%</span></h2>
</div>
{/* Text */}
<div className="block-txt">
<p className="p-sm">Ligula suscipit vitae and rutrum turpis</p>
</div>
</div>
</div> {/* END DIGIT BLOCK #2 */}
</div> {/* END HERO DIGITS */}
</div>
</div> {/* END HERO TEXT */}
</div> {/* End row */}
</div> {/* End container */}
</section>
</>
)
}