Project Introductionlink

Woof! is a set of static HTML templates based on Bootstrap, designed specifically for the pet service industry (such as pet hospitals, pet stores, boarding centers, pet adoption, dog walking services, etc.). The template provides various layouts including homepage, services, team, gallery, blog, and contact pages, which can be used directly as a starting point for pet-related websites.

Tech Stacklink

• Bootstrap 5.x (CSS framework)
• jQuery (interaction logic)
• OpenStreetMap / Leaflet (map functionality)
• LayerSlider (slideshow carousel)
• Font Awesome + Flaticon (icon libraries)
• Google Fonts: Quicksand, Open Sans
• SyntaxHighlighter (code highlighting on documentation page, documentation only)

Project Structurelink

woofhtml-20/Woof2.0/
├── documentation/          # Template documentation (for reference)
│   ├── index_en.html       # Documentation entry point
│   ├── css/                # Documentation styles (includes Bootstrap)
│   └── js/                 # Documentation scripts (SyntaxHighlighter, etc.)
└── woof!_html/             # Actual template files
    ├── index.html          # Homepage
    ├── about.html          # About Us
    ├── services.html       # Services list
    ├── adoption.html       # Adoption page
    ├── gallery.html        # Gallery
    ├── contact.html        # Contact page
    ├── blog.html           # Blog list
    ├── team.html           # Team members
    ├── css/
    │   ├── style.css       # Main stylesheet
    │   └── plugins.css     # Third-party plugin styles
    ├── js/
    │   └── map.js          # Leaflet map initialization
    └── img/                # Sample images

Core File Descriptionlink

• woof!_html/index.html — Main template entry page, includes full navigation, slideshow, and service showcase sections
• woof!_html/css/style.css — Main stylesheet defining the visual style of all page components
• woof!_html/js/map.js — Leaflet map integrating OpenStreetMap, coordinates can be modified as needed
• woof!_html/css/plugins.css — Supplementary styles for Bootstrap plugins and third-party extensions
• documentation/index_en.html — Official template documentation entry point (includes usage instructions)
• woof!_html/contact.html — Contact page with map display and contact form

Quick Startlink

This project is a pure static template with no build steps required:

1. Open woofhtml-20/Woof2.0/woof!_html/index.html directly in your browser
2. Or deploy the woof!_html folder to any web server (such as Nginx, Apache)
3. The map functionality relies on network loading of Leaflet tile images, please ensure network connectivity

Usage Suggestionslink

The template already includes a complete responsive layout and Bootstrap components. For customization, mainly modify the color variables in style.css (theme colors like #675444) and the coordinates in map.js. For actual use, it is recommended to replace all placeholder images and sample text, and remove the documentation directory.