Initial Commit
This commit is contained in:
279
components/homes/finance-consulting/MarqueeSlide.jsx
Normal file
279
components/homes/finance-consulting/MarqueeSlide.jsx
Normal file
@ -0,0 +1,279 @@
|
||||
import React from "react";
|
||||
|
||||
export default function MarqueeSlide() {
|
||||
return (
|
||||
<div className="wrap-infiniteslide">
|
||||
<div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div
|
||||
className="infiniteslide tf-marquee style-2 infiniteSlide"
|
||||
style={{ animationDirection: "reverse" }}
|
||||
>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user