Obys Agency is a static website built using HTML, CSS, and JavaScript to showcase the services and expertise of a digital agency. This project aims to provide a clean, modern, and responsive design that effectively communicates the agency's value proposition to its audience.
The website features a loading animation, a hero section with a hero image, a services section with a grid layout, and a contact section with a simple form. The design is minimalist and easy to navigate, making it perfect for a digital agency looking to establish a strong online presence.
- Loading Animation: Smooth preloader for a modern look.
- Responsive Design: Works perfectly on mobiles, tablets, and desktops.
- Hero Section:Eye-catching hero image with a clear message.
- Services Section: Clean grid layout to showcase services.
- Contact Section: Simple form for users to reach out.
- Custom CSS: Unique design with a dedicated style.css.
- JavaScript Animation: Interactive effects using loadingAnimation().
- Favicon: Custom icon for better branding.
- Shery.js Integration: Lightweight library for extra UI effects.
- HTML5 Semantic Markup: SEO-friendly and accessible structure.
| HTML5 | CSS3 | GSAP | Shery.js | Webpack | | JavaScript | Node.js |
Obys-Agency/
│── index.html # Main entry point
│── style.css # Custom styles
│── script.js # Animations and interactivity
│── images/ # Project assets (hero, services, etc.)
│── fonts/ # Custom typography
│── favicon.png # Branding element
- Clone the repository using Git.
- Install the required dependencies using npm or yarn.
- Run the website using a local server (e.g.,
http-serverorlive-server).
- Node.js
- Webpack
- GSAP
- Shery.js
[
]
- If you like this project or want to collaborate, feel free to connect!
- Hrusikesh Sahu - [email protected]
- LinkedIn - https://www.linkedin.com/in/hrusikesh-sahu-895420300/