TejasMore477 / Minor-project-4-Obays-Agency-Clone

TejasMore477/Minor-project-4-Obays-Agency-clone project

Home Page:https://tejasmore477.github.io/Minor-project-4-Obays-Agency-Clone/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Obays Agency Clone 🌟

Welcome to the Obays Agency Clone repository! This project replicates the design of Obays Agency with a focus on enhancing user experience through modern web technologies. Built using HTML, CSS, JavaScript, GSAP animation, Locomotive.js, and Shery.js frameworks.

Project Highlights:

  • 🌟 Design Inspiration: Inspired by the original Obays Agency website design.
  • πŸ–₯️ Tech Stack: HTML, CSS, JavaScript, GSAP Animation, Locomotive.js, Shery.js.
  • πŸš€ Learning Experience: Integrated advanced features like cursor effects and animations with images.

✨ Project Features:

🦁 Shery.js:

  • Functionality: Implemented magnet effect and cursor follower for interactive elements.
  • Challenges: Overcame complexities in integrating Shery.js with GSAP for smooth animations.

πŸš‚ Locomotive.js:

  • Smooth Scrolling: Used Locomotive.js for seamless navigation and scroll effects.

🧦 GSAP Animation:

  • Animation Library: Leveraged GSAP to create engaging animations, enhancing user interactions.

Project Structure:

πŸ“¦ Obays-Agency-Clone
┣ πŸ–ΌοΈ assets                   
┣ πŸ“œ index.html 
┣ πŸ“œ README.md
┣ πŸ“œ js
┣ πŸ“œ css

πŸ“Έ Preview Screenshots:

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

Active Links:

🌐 Live Demo: Obays Agency Clone

πŸš€ Follow Me:

Feel free to explore the code and experience the modern enhancements brought to the Obays Agency design! ⭐️

About

TejasMore477/Minor-project-4-Obays-Agency-clone project

https://tejasmore477.github.io/Minor-project-4-Obays-Agency-Clone/


Languages

Language:CSS 46.4%Language:HTML 41.5%Language:JavaScript 12.2%