52 lines
1.2 KiB
Markdown
52 lines
1.2 KiB
Markdown
# Contact Page Images
|
|
|
|
This directory contains images specifically used in the contact page sections.
|
|
|
|
## Directory Structure
|
|
|
|
```
|
|
contact/
|
|
├── img/
|
|
│ ├── icons/ # Contact method icons (email, phone, etc.)
|
|
│ ├── location/ # Office location and map images
|
|
│ └── social/ # Social media icons and graphics
|
|
```
|
|
|
|
## Usage
|
|
|
|
When adding images to this directory:
|
|
1. Use descriptive filenames (e.g., `email-icon.svg`, `office-map.webp`)
|
|
2. Maintain consistent icon styles across contact methods
|
|
3. Ensure social media icons match brand guidelines
|
|
|
|
## Example
|
|
|
|
```html
|
|
<!-- In contact page -->
|
|
<img src="contact/img/icons/email-icon.svg" alt="Email Us">
|
|
```
|
|
|
|
## Recommended Image Formats
|
|
|
|
- Use SVG for icons and social media logos
|
|
- Use WebP or PNG for maps and location images
|
|
- Consider providing dark/light mode variants
|
|
- Optimize images for fast loading
|
|
|
|
## Image Guidelines
|
|
|
|
1. Contact Icons:
|
|
- Consistent style and size
|
|
- Clear, recognizable designs
|
|
- Both light and dark mode versions
|
|
|
|
2. Location Images:
|
|
- Clear, up-to-date maps
|
|
- Office exterior/interior photos
|
|
- Landmark reference points
|
|
|
|
3. Social Media:
|
|
- Official brand icons
|
|
- Consistent sizing
|
|
- High-quality formats
|