https://github.com/dibyanshuchauhan/obys.agency
A front-end implementation using HTML5, CSS3, and JavaScript to replicate the UI of Obys, a design agency based in Ukraine. This project showcases responsive design, clean code practices, and interactive functionality, aimed at refining front-end development expertise.
https://github.com/dibyanshuchauhan/obys.agency
animations css3 hml5 javascript locomotive-scroll sheryjs
Last synced: about 1 month ago
JSON representation
A front-end implementation using HTML5, CSS3, and JavaScript to replicate the UI of Obys, a design agency based in Ukraine. This project showcases responsive design, clean code practices, and interactive functionality, aimed at refining front-end development expertise.
- Host: GitHub
- URL: https://github.com/dibyanshuchauhan/obys.agency
- Owner: DibyanshuChauhan
- Created: 2024-05-03T10:07:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-14T09:59:02.000Z (9 months ago)
- Last Synced: 2025-01-14T11:03:12.732Z (9 months ago)
- Topics: animations, css3, hml5, javascript, locomotive-scroll, sheryjs
- Language: CSS
- Homepage: https://dibyanshuchauhan.github.io/obys.agency/
- Size: 77.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Obys.agency
Welcome to the **Obys.agency** repository! This project is a personal attempt to replicate the UI of the Ukraine-based design agency **Objs.agency** using HTML, CSS, JavaScript, and enhanced with Locomotive.js for smooth scrolling and Sherry.js for animations.
## Key Features:
- **Pixel Perfect Replication**: Carefully crafted layout to mimic the design aesthetics of the original Objs.agency.
- **Interactive Elements**: Incorporates various interactive UI components to enhance user engagement.
- **No Framework or Libraries**: Built from scratch using pure HTML, CSS, and JavaScript (except for Locomotive.js and Sherry.js).
- **Smooth Scrolling**: Integrated Locomotive.js to provide a seamless, smooth scrolling experience.
- **Animations**: Enhanced with Sherry.js to add subtle yet impactful animations.
## How to Install and Run Locally:
### Prerequisites:
- Ensure you have a code editor like Visual Studio Code, Sublime Text, or any preferred editor installed.
- Make sure you have Node.js installed (for running Locomotive.js).
### Steps to Clone and Run:
1. **Clone the Repository**:
```bash
git clone https://github.com/DibyanshuChauhan/obys.agency.git
2. Navigate to the Project Directory:
```bash
cd obys.agency
3. Install Dependencies: Since there are no external dependencies except Locomotive.js and Sherry.js, you don't need to install anything additional.
4. Open the Project: Open the index.html file in your preferred web browser to view the replicated UI.
5. Start Developing Locally: To make local changes, simply open the project in your code editor, make the desired changes, and refresh the browser to see the updates.
# Contact
If you have any questions or suggestions, feel free to reach out:
Email: cdivyanshu98@gmail.com
GitHub: https://github.com/DibyanshuChauhan