www_circl/src/home/img

Home Page Images

This directory contains images specifically used in the home page sections.

Directory Structure

home/
├── img/
│   ├── hero/         # Images for hero/banner section
│   ├── features/     # Images for feature cards
│   └── backgrounds/  # Background images used in home sections

Usage

When adding images to this directory:

1. Use descriptive filenames (e.g., hero-banner.jpg, feature1-icon.svg)
2. Optimize images for web use
3. Consider using different sizes for responsive design

Example

<!-- In home1.html or home2.html -->
<img src="home/img/features/feature1-icon.svg" alt="Feature 1">

Recommended Image Formats

• Use SVG for icons and logos
• Use WebP or JPEG for photographs
• Use PNG for images requiring transparency
• Consider providing multiple sizes for responsive images

Image Optimization

Before adding images:

1. Compress them appropriately
2. Consider providing multiple resolutions for responsive design
3. Ensure proper aspect ratios are maintained