Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Odoo Website Embed Code Repository

A premium collection of high-performance, interactive HTML/CSS/JS snippets designed specifically for Odoo Website Builder. This repository contains both specialized branding sections and general utility widgets.


🎨 Professional Landing Page Snippets

These snippets were custom-developed for a technical consulting landing page and are located in the arcon_site_custom_code directory.

A stable, high-impact vertical panel layout that expands horizontally on hover.

  • Features: Zero-jitter interaction, hard-coded #D5264D branding, and smooth content reveals.
  • Advantage: Bypasses positional jitter issues in the Odoo environment.

A high-impact, minimalist hero section designed for conversion and clarity.

  • Features: Interactive canvas-based particle network, digital grid overlay, and mouse-reactive parallax.

A visual roadmap from strategy to results, featuring smooth path animations and hierarchical growth.

An interactive light-mode block featuring 3D flip-cards for core business principles.

A high-performance, mouse-reactive "Thank You" screen with neural-network particle physics.

A compact particle-network widget designed to fill layout gaps with high-impact messaging.


🥗 General Utility Snippets

Located in the snippets directory.

A dual-column snippet displaying Facebook Page Plugin and a stylized LinkedIn Company Card.

  • Responsive: Stacks vertically on mobile.

A smooth, touch-responsive horizontal carousel with glassmorphism overlays and 3D Coverflow effects.

A vertical storytelling timeline with scroll-reveal animations and hover interactions.

A responsive store locator component with a clean, modern design (Desktop & Mobile optimized versions available).


🛠️ How to Use

  1. Browse: Find the snippet you need in the repository.
  2. Copy: Copy the code from the corresponding file.
  3. Embed in Odoo:
    • Go to your Odoo Website > Edit.
    • Drag the Embed Code block onto your page.
    • Click the block and select Edit Code.
    • Paste the snippet and click Save.
  4. Publish: Save the page and view your improvements live!

👤 Attribution

This repository is maintained by Ali Muzafar, Junior Odoo Consultant.

📄 License

This project is licensed under the LGPL-3 License.

About

A Repo that contains Embed Codes for Odoo Website Animations to be added via the Embed Code Block in Odoo Website

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages