Usefuldevtools.com
☕
Ad Space - Top Banner (728x90)

Pet Profile Card

0 viewsmedium
Background:
🐕

Luna

Golden Retriever

HEALTHY
3 years old
Age
28.5 kg
Weight
58 cm
Height

Pet Information

Gender:Female
Birth Date:2021-03-15
Adoption Date:2021-05-20
Microchip ID:982000123456789

Upcoming Events

Heartworm prevention
2024-04-01 • Medication
Monthly grooming appointment
2024-04-15 • Grooming
Annual wellness exam
2024-08-15 • Checkup
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div class="pet_profile_card">
  <div class="profile-card">
    <div class="profile-background"></div>
    <div class="profile-content">
      <div class="profile-avatar">
        <img src="https://via.placeholder.com/80x80" alt="Profile" class="avatar-image" />
        <div class="status-indicator"></div>
      </div>
      <div class="profile-info">
        <h3 class="profile-name">Alexandra Smith</h3>
        <p class="profile-role">Senior Developer</p>
        <p class="profile-location">San Francisco, CA</p>
      </div>
      <div class="profile-stats">
        <div class="stat">
          <span class="stat-number">142</span>
          <span class="stat-label">Projects</span>
        </div>
        <div class="stat">
          <span class="stat-number">28k</span>
          <span class="stat-label">Followers</span>
        </div>
      </div>
      <div class="profile-actions">
        <button class="action-btn primary">Follow</button>
        <button class="action-btn secondary">Message</button>
      </div>
    </div>
  </div>
</div>
Was this helpful?