https://github.com/emersonramos3lt/snapshot-agency-ui
Leveraged a black and white color palette to craft a modern landing page, enhancing the user experience with smooth animations using GSAP and CSS keyframes.
https://github.com/emersonramos3lt/snapshot-agency-ui
css css-flexbox css-grid front-end frontend gsap gsap-animation html javascript js keyframe-animation keyframes keyframes-animation responsive ui-design
Last synced: about 1 month ago
JSON representation
Leveraged a black and white color palette to craft a modern landing page, enhancing the user experience with smooth animations using GSAP and CSS keyframes.
- Host: GitHub
- URL: https://github.com/emersonramos3lt/snapshot-agency-ui
- Owner: emersonramos3lt
- Created: 2025-04-08T20:30:18.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-08T20:50:52.000Z (about 1 month ago)
- Last Synced: 2025-04-08T21:32:18.801Z (about 1 month ago)
- Topics: css, css-flexbox, css-grid, front-end, frontend, gsap, gsap-animation, html, javascript, js, keyframe-animation, keyframes, keyframes-animation, responsive, ui-design
- Language: CSS
- Homepage: https://emersonramos3lt.github.io/snapshot-agency-ui/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Photography Agency Landing Page**
This project is a **modern** and **minimalist landing page** built for a photography agency, designed to make a **bold visual impact**.
Developed using **HTML, CSS, and JavaScript**, the website delivers a **smooth and engaging experience** through thoughtfully crafted animations and responsive design.
---
# **Key Features**
- **GSAP animations** for dynamic transitions and scroll effects
- **AOS (Animate On Scroll)** for subtle and elegant fade-in animations
- **Custom animated cursor** that smoothly follows the user's movements, adding a unique interactive touch
- **Responsive design**, perfectly adapting to all screen sizes for seamless browsing
- **Black and white color palette** for a clean, high-end aesthetic
- **Smooth hover effects** that bring content to life while maintaining a minimalist look
- **Animated image slider** created with HTML and CSS keyframes, featuring smooth transitions
- **Pause-on-hover effect**: when hovering over an image in the slider, the animation pauses and that specific image retains its color while the others turn black and white — drawing the viewer’s focus to the image under the cursor
---
This landing page combines **creative design** and **advanced front-end techniques** to showcase the agency’s visual identity in a **professional** and **captivating** way.
# **📸 Project Screenshots**
