79 lines
2.5 KiB
JavaScript
79 lines
2.5 KiB
JavaScript
const InstagramArea = () => {
|
|
return (
|
|
<div className="instagram-area">
|
|
<div className="row no-gap row-cols-xxl-5 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 row-cols-1 justify-content-center">
|
|
<div
|
|
className="col"
|
|
data-aos="fade-up"
|
|
data-aos-duration={1500}
|
|
data-aos-offset={50}
|
|
>
|
|
<div className="instagram-item">
|
|
<img src="assets/images/instagram/instagram1.jpg" alt="Instagram" />
|
|
<a href="assets/images/instagram/instagram1.jpg">
|
|
<i className="fab fa-instagram" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div
|
|
className="col"
|
|
data-aos="fade-up"
|
|
data-aos-delay={50}
|
|
data-aos-duration={1500}
|
|
data-aos-offset={50}
|
|
>
|
|
<div className="instagram-item">
|
|
<img src="assets/images/instagram/instagram2.jpg" alt="Instagram" />
|
|
<a href="assets/images/instagram/instagram2.jpg">
|
|
<i className="fab fa-instagram" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div
|
|
className="col"
|
|
data-aos="fade-up"
|
|
data-aos-delay={100}
|
|
data-aos-duration={1500}
|
|
data-aos-offset={50}
|
|
>
|
|
<div className="instagram-item">
|
|
<img src="assets/images/instagram/instagram3.jpg" alt="Instagram" />
|
|
<a href="assets/images/instagram/instagram3.jpg">
|
|
<i className="fab fa-instagram" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div
|
|
className="col"
|
|
data-aos="fade-up"
|
|
data-aos-delay={150}
|
|
data-aos-duration={1500}
|
|
data-aos-offset={50}
|
|
>
|
|
<div className="instagram-item">
|
|
<img src="assets/images/instagram/instagram4.jpg" alt="Instagram" />
|
|
<a href="assets/images/instagram/instagram4.jpg">
|
|
<i className="fab fa-instagram" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div
|
|
className="col"
|
|
data-aos="fade-up"
|
|
data-aos-delay={200}
|
|
data-aos-duration={1500}
|
|
data-aos-offset={50}
|
|
>
|
|
<div className="instagram-item">
|
|
<img src="assets/images/instagram/instagram5.jpg" alt="Instagram" />
|
|
<a href="assets/images/instagram/instagram5.jpg">
|
|
<i className="fab fa-instagram" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
export default InstagramArea;
|