Added AOS animation to all pages
This commit is contained in:
+7
-7
@@ -7,13 +7,13 @@ export default function WorkPage() {
|
||||
<div className="container">
|
||||
{/* center content */}
|
||||
<div className="ux-project-content text-center">
|
||||
<h1 className="ux-project-title">Work</h1>
|
||||
<p className="ux-project-subtitle">
|
||||
<h1 className="ux-project-title" data-aos="fade-up" data-aos-duration="1000">Work</h1>
|
||||
<p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
|
||||
Each project begins with one idea. Everything else extends from it.
|
||||
</p>
|
||||
</div>
|
||||
{/* joined users */}
|
||||
<div className="ux-joined-box">
|
||||
<div className="ux-joined-box" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
|
||||
<div className="ux-avatar-group">
|
||||
<img src="assets/images/user1.png" alt="" />
|
||||
<img src="assets/images/user2.png" alt="" />
|
||||
@@ -34,7 +34,7 @@ export default function WorkPage() {
|
||||
<div className="container">
|
||||
<div className="accordion ux-case-accordion" id="uxCaseAccordion">
|
||||
{/* ITEM 1 */}
|
||||
<div className="accordion-item ux-case-item">
|
||||
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-duration="1000">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed ux-case-btn"
|
||||
@@ -91,7 +91,7 @@ export default function WorkPage() {
|
||||
</div>
|
||||
</div>
|
||||
{/* ITEM 2 OPEN */}
|
||||
<div className="accordion-item ux-case-item">
|
||||
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-delay="150" data-aos-duration="1000">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button ux-case-btn"
|
||||
@@ -148,7 +148,7 @@ export default function WorkPage() {
|
||||
</div>
|
||||
</div>
|
||||
{/* ITEM 3 */}
|
||||
<div className="accordion-item ux-case-item">
|
||||
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed ux-case-btn"
|
||||
@@ -210,7 +210,7 @@ export default function WorkPage() {
|
||||
{/* TOP CTA */}
|
||||
<div className="ux-footer-hero">
|
||||
<div className="container">
|
||||
<div className="ux-footer-hero-content text-center">
|
||||
<div className="ux-footer-hero-content text-center" data-aos="zoom-in" data-aos-duration="1000">
|
||||
<p className="ux-section-label">AAideA</p>
|
||||
<h2 className="ux-footer-title">
|
||||
If the idea is strong, we'll scale it.
|
||||
|
||||
Reference in New Issue
Block a user