280 lines
9.5 KiB
JavaScript
280 lines
9.5 KiB
JavaScript
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>
|
|
);
|
|
}
|