Skip to content

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.

Notifications You must be signed in to change notification settings

DibyanshuChauhan/obys.agency

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

    git clone https://github.com/DibyanshuChauhan/obys.agency.git
    
  2. Navigate to the Project Directory:

    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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published