first commit
This commit is contained in:
@@ -0,0 +1,92 @@
|
||||
'use client'
|
||||
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const Social = () => {
|
||||
return (
|
||||
<ul className="clearfix">
|
||||
<li data-aos="fade-up" data-aos-duration="1200">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={51} height={51} src="/images/logo/09.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={35} height={35} src="/images/logo/10.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={50} height={50} src="/images/logo/11.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={51} height={47} src="/images/logo/12.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={48} height={49} src="/images/logo/13.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={37} height={42} src="/images/logo/14.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="300">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={75} height={27} src="/images/logo/15.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={55} height={55} src="/images/logo/18.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="400">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={60} height={58} src="/images/logo/16.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={45} height={45} src="/images/logo/17.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="600">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={64} height={64} src="/images/logo/19.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={80} height={45} src="/images/logo/20.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="700">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={47} height={47} src="/images/logo/21.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={41} height={35} src="/images/logo/22.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
|
||||
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="800">
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={57} height={54} src="/images/logo/23.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box d-flex align-items-center justify-content-center">
|
||||
<Image width={37} height={37} src="/images/logo/24.png" alt="logo" />
|
||||
</div>
|
||||
</li>
|
||||
{/* End li */}
|
||||
</ul>
|
||||
);
|
||||
};
|
||||
|
||||
export default Social;
|
||||
@@ -0,0 +1,94 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
const socialContent = [
|
||||
{
|
||||
classCol: "col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-a",
|
||||
img: "p-1",
|
||||
link: "#",
|
||||
animationDelay: "",
|
||||
},
|
||||
{
|
||||
classCol: "col-lg-2 col-md-4 col-6",
|
||||
boxClass: "bx-b",
|
||||
img: "p-2",
|
||||
link: "#",
|
||||
animationDelay: "50",
|
||||
},
|
||||
{
|
||||
classCol: "col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-c",
|
||||
img: "p-3",
|
||||
link: "#",
|
||||
animationDelay: "100",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-d",
|
||||
img: "p-4",
|
||||
link: "#",
|
||||
animationDelay: "150",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-e",
|
||||
img: "p-5",
|
||||
link: "#",
|
||||
animationDelay: "200",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-4 col-lg-2 col-md-4 col-6",
|
||||
boxClass: "bx-f",
|
||||
img: "p-6",
|
||||
link: "#",
|
||||
animationDelay: "50",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-g",
|
||||
img: "p-7",
|
||||
link: "#",
|
||||
animationDelay: "100",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-3 col-lg-3 col-md-4 col-6",
|
||||
boxClass: "bx-h",
|
||||
img: "p-8",
|
||||
link: "#",
|
||||
animationDelay: "150",
|
||||
},
|
||||
{
|
||||
classCol: "col-xl-3 col-lg-11 col-md-4 col-6",
|
||||
boxClass: "bx-i",
|
||||
img: "p-9",
|
||||
link: "#",
|
||||
animationDelay: "200",
|
||||
},
|
||||
];
|
||||
|
||||
const SocialTwo = () => {
|
||||
return (
|
||||
<div className="row justify-content-center">
|
||||
{socialContent.map((val, i) => (
|
||||
<div
|
||||
className={val.classCol}
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay={val.animationDelay}
|
||||
key={i}
|
||||
>
|
||||
<div className={`img-box ${val.boxClass}`}>
|
||||
<a href="#">
|
||||
<Image width={130} height={82} style={{maxHeight:'50%',objectFit:'contain'}} src={`/images/logo/${val.img}.png`} alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* /.img-box */}
|
||||
</div>
|
||||
))}
|
||||
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SocialTwo;
|
||||
Reference in New Issue
Block a user