/
dobermann.html
539 lines (496 loc) · 30.2 KB
/
dobermann.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./output.css" rel="stylesheet">
</head>
<body class="antialiased bg-body text-body font-body">
<div class="">
<!-- H1 - IMAGES - SMALL TEXT -->
<section class="py-1">
<div class="container px-4 mx-auto">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Dobermann: Loyal Companions, Intelligent Protectors, and Elegantly Powerful</h1>
<p class="mt-6 text-lg leading-8 text-gray-600">Despite their fierce appearance, Dobermanns were originally bred in the late 19th century by a German tax collector for protection during his collections, highlighting their long history as loyal and effective protectors.</p>
<div class="mb-12"></div>
<img class="mx-auto object-cover rounded-lg" src="images/gray-500-horizontal.png" alt="">
</div>
</div>
</section>
<!-- INTRO -->
<section class="py-1">
<div class="container px-4 mx-auto pt-10">
<div class="max-w-4xl mx-auto text-center">
<p class="mt-6 text-lg leading-8 text-gray-600">The Dobermann is a breed that commands respect and admiration, known for its intelligence and versatility. These dogs have made their mark not only as protective guardians but also excel in police and military roles, search and rescue, and even as therapy animals. Their keen sense of intuition and strong desire to please their owners makes them highly trainable.</p>
<p class="mt-6 text-lg leading-8 text-gray-600">Aside from their working capabilities, Dobermanns are deeply loyal and form strong bonds with their families. They possess a unique blend of fearlessness and sensitivity, making them excellent companions in homes that can offer them the leadership and love they crave. Despite common misconceptions, a well-socialized Dobermann is gentle, loving, and great with children, thriving in a family environment where they are included as true members of the household.</p>
</div>
</div>
</section>
<!-- Key bree characteristics -->
<section class="py-1">
<div class="container px-4 mx-auto pt-10 ">
<div class="max-w-4xl mx-auto bg-gray-700 rounded-3xl py-10 px-4">
<div class="text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Key breed characteristics
</h2>
</div>
<dl
class="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Type of Coat</dt>
<dd class="order-first text-xl font-semibold tracking-tight text-gray-300">
Smooth
</dd>
</div>
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Color</dt>
<dd class="order-first text-xl font-semibold tracking-tight text-gray-300">
Black, Red
</dd>
</div>
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Male size and weight</dt>
<dd class="order-first text-xl font-semibold tracking-tight text-gray-300">
Large, 88-99lbs
</dd>
</div>
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Female size and weight</dt>
<dd class="order-first text-xl font-semibold tracking-tight text-gray-300">
Medium, 71-77lbs
</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- History -->
<section class="py-1">
<div class="container px-4 mx-auto py-24">
<div class="max-w-4xl mx-auto ">
<h2 class="mb-4 text-3xl font-bold font-heading">Breed History</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">
The Dobermann breed has its roots in the late 19th century, created by a German tax collector named Karl Friedrich Louis Dobermann. Seeking a medium-sized dog that was strong, loyal, and intelligent enough to be an effective guard dog during his dangerous work collecting taxes, Dobermann started to breed selectively. He aimed for a dog that possessed both the strength to protect him and the speed and endurance to chase down threats or escape danger if necessary.
</p>
<p class="mt-6 text-lg leading-8 text-gray-600">
The exact mix of breeds used to create the Dobermann is not completely documented, but it is widely believed to include the Rottweiler, Weimaraner, and German Pinscher among others. The first Dobermann was registered with the American Kennel Club (AKC) in 1908, and the breed quickly gained recognition for its versatility, intelligence, and loyalty. From its inception, the Dobermann was bred with a keen focus on temperament, a trait that continues to be a hallmark of the breed today.
</p>
</div>
</div>
</section>
<!-- Physical Characteristics -->
<section class="py-1">
<div class="container px-4 mx-auto">
<div class="max-w-4xl mx-auto">
<h2 class="mb-4 text-3xl font-bold font-heading ">Physical Characteristics</h2>
<dl class="mt-10 space-y-8 divide-y divide-gray-900/10">
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Coat
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Smooth and short, requiring minimal grooming.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Color
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Predominantly black or red with rust markings.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Head
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Long and dry, resembling a blunt wedge in both frontal and profile views.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Ears
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Typically cropped to stand erect, though natural ears are large and floppy.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Eyes
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Almond-shaped, dark in color, expressing determination and alertness.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Body
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Muscular and compact, displaying power and endurance.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Tail
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Often docked, leaving it short and carried slightly above horizontal.
</p>
</dd>
</div>
<div class="pt-8 lg:grid lg:grid-cols-12 lg:gap-8">
<dt class="text-base font-semibold leading-7 text-gray-900 lg:col-span-5">
Gait
</dt>
<dd class="mt-4 lg:col-span-7 lg:mt-0">
<p class="text-base leading-7 text-gray-600">
Free, balanced, and vigorous, with good reach in the front and drive in the rear.
</p>
</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- Behavior and Training -->
<section class="py-1">
<div class="container px-4 mx-auto pt-10">
<div class="max-w-4xl mx-auto">
<h2 class="mb-4 text-3xl font-bold font-heading">Behavior and Training</h2>
<div class="px-4 sm:px-6 lg:px-8">
<div class="mt-8 flow-root">
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
<table class="min-w-full divide-y divide-gray-300">
<thead>
<tr>
<th scope="col"
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">
Intelligent</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Obedient</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Destructive behavior</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Calm</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Independent</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Exercise needs</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Training ease</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
★★★★★
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★★☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★☆☆☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★☆☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★☆☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★★★
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★★☆
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<p class="text-base leading-7 text-gray-600 text-left pt-10">The Dobermann is characterized by its remarkable blend of intelligence, loyalty, and assertiveness, traits that make it both an excellent companion and a formidable protector. This breed thrives on human interaction and requires a significant amount of mental and physical stimulation. Due to their sharp intellect and eagerness to please, Dobermanns are generally easy to train, responding well to positive reinforcement techniques. Their protective nature means they can be wary of strangers, making early socialization crucial to develop a well-adjusted temperament. Additionally, their boundless energy and drive necessitate regular exercise to prevent boredom and associated destructive behaviors.</p>
<p class="text-base leading-7 text-gray-600 text-left pt-10">Despite their many admirable qualities, Dobermanns can exhibit behavioral issues if not properly trained and socialized from a young age. Common challenges include stubbornness, excessive barking, and in some cases, overly protective behavior that can manifest as aggression if not correctly managed. The breed's intelligence, however, means they are typically quick learners, and with consistent, patient training, most Dobermanns can overcome these potential problems. It is also worth noting that, like all dogs, individual personalities vary, and what holds true for the breed at large may not apply to every Dobermann. Therefore, understanding and respecting each dog's unique character is key to a successful training regime and a harmonious relationship.</p>
</div>
</div>
</section>
<!-- Health -->
<section class="py-1">
<div class="container px-4 mx-auto pt-10">
<div class="max-w-4xl mx-auto">
<h2 class="mb-4 text-3xl font-bold font-heading">Health</h2>
<div class="px-4 sm:px-6 lg:px-8">
<div class="mt-8 flow-root">
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
<table class="min-w-full divide-y divide-gray-300">
<thead>
<tr>
<th scope="col"
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">
Robustness</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Health</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Withstands heat</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Withstands cold</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Care and maintenance needs</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
★★★★☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★★☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★☆☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★☆☆☆
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
★★★☆☆
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<p class="text-base leading-7 text-gray-600 text-left pt-10">Dobermanns, like any purebred dog, are prone to certain hereditary health issues that prospective owners should be aware of. One of the most serious conditions affecting this breed is Dilated Cardiomyopathy (DCM), a heart disease that leads to decreased heart function and can be life-threatening. Additionally, Von Willebrand's Disease, a bleeding disorder similar to hemophilia in humans, is also more common in Dobermanns than in many other breeds. This condition can lead to excessive bleeding even from minor injuries or surgeries.</p>
<p class="text-base leading-7 text-gray-600 text-left pt-10">Another concern is Hip Dysplasia, a genetic trait where the thigh bone doesn't fit snugly into the hip joint, which can lead to arthritis or lameness in the hind legs. While responsible breeding practices have helped reduce the incidence of these diseases, it is vital for owners to ensure their Dobermanns undergo regular health screenings. Early detection and management can significantly improve the quality of life for these dogs. Despite these health challenges, with proper care and regular veterinary check-ups, Dobermanns can lead full and active lives.</p>
</div>
</div>
</section>
<!-- Life Expectancy -->
<section class="py-1">
<div class="container px-4 mx-auto pt-10 ">
<div class="max-w-4xl mx-auto bg-gray-700 rounded-3xl py-10 px-4">
<div class="text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Life Expectancy
</h2>
</div>
<dl
class="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-2">
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Min</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-white">
10 years
</dd>
</div>
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Max</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-white">
13 years
</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- Maintenance and Grooming -->
<section class="py-1">
<div class="container px-4 mx-auto py-24">
<div class="max-w-4xl mx-auto ">
<h2 class="mb-4 text-3xl font-bold font-heading">Maintenance and Grooming</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">Dobermanns are relatively low-maintenance in terms of grooming due to their short coat, but they still require regular care to maintain their health and happiness. Daily exercise is crucial for this energetic breed; a long walk or jog, along with ample playtime, will help keep them physically and mentally stimulated. Weekly, it's recommended to check their ears for debris or signs of infection and clean them as needed. Their nails should be trimmed monthly to prevent discomfort and mobility issues. Even though Dobermanns have a short coat, regular brushing, at least once a week, helps remove dead hair and distribute skin oils, keeping their coat shiny and healthy.</p>
<p class="mt-6 text-lg leading-8 text-gray-600">Veterinary care plays a vital role in the life of a Dobermann. Routine check-ups, at least annually, are essential for early detection and prevention of potential health issues prevalent in the breed, such as heart disease or hip dysplasia. Keeping up to date with vaccinations and parasite control (fleas, ticks, and worms) is also critical to protect your Dobermann’s health. It is advisable to discuss with your vet about the specific vaccines recommended for your area and the ideal schedule. Dental care cannot be overlooked; regular dental check-ups, coupled with teeth cleaning routines at home, will help prevent gum disease and tooth decay. With proper care, attention, and love, your Dobermann can enjoy a long, healthy, and fulfilling life as an integral part of your family.</p>
</div>
</div>
</section>
<!-- Feeding -->
<section class="py-1">
<div class="container px-4 mx-auto">
<div class="max-w-4xl mx-auto ">
<h2 class="mb-4 text-3xl font-bold font-heading">Feeding</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">A nutritious, balanced diet is fundamental for maintaining the health and vitality of a Dobermann. High-quality commercial dog food that meets the nutritional needs specific to this breed's size, age, and activity level can be a good choice. However, incorporating fresh, whole foods like lean meats, vegetables, and grains can also provide beneficial nutrients. Given their active nature, Dobermanns require a diet rich in protein to support muscle strength and endurance. It's important to avoid foods high in fillers and artificial additives, as these can lead to health issues such as obesity or digestive problems over time.</p>
<p class="mt-6 text-lg leading-8 text-gray-600">Regarding the number of meals per day, it is generally recommended to feed adult Dobermanns two meals daily. This feeding schedule helps in preventing bloat—a serious health risk for large, deep-chested breeds like the Dobermann. Puppies, on the other hand, should be fed more frequently, around three to four times a day, to support their rapid growth and high energy levels. Adjusting portion sizes according to the dog's activity level and consulting with a veterinarian can ensure that your Dobermann maintains an optimal weight and stays in good health.</p>
</div>
</div>
</section>
<!-- Who is this breed for? -->
<section class="py-1">
<div class="container px-4 mx-auto py-24">
<div class="max-w-4xl mx-auto ">
<h2 class="mb-4 text-3xl font-bold font-heading">Who is this breed for ?</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">The ideal master for a Dobermann is someone who understands the needs and characteristics of this noble breed. This person would ideally be active, assertive, and patient, ready to provide the consistent training, socialization, and exercise that a Dobermann requires. Given their intelligence and high energy levels, Dobermanns thrive with owners who can dedicate time each day to physical activities and mental stimulation. The breed does best with an owner who has experience with dogs and understands the importance of establishing clear leadership in a positive, firm, but loving manner.</p>
<p class="mt-6 text-lg leading-8 text-gray-600">Furthermore, the ideal master should have a lifestyle that allows for the inclusion of their dog in daily activities. Dobermanns form deep bonds with their families and can suffer from separation anxiety if left alone for long periods. Thus, they suit an individual or family that can ensure the dog feels like a valued member of the pack. Owners willing to invest in training and who appreciate the protective instincts of their Dobermann—without encouraging aggression—will find a loyal, affectionate, and dependable companion for life.</p>
</div>
</div>
</section>
<!-- Name Ideas -->
<section class="py-1">
<div class="container px-4 mx-auto">
<div class="max-w-4xl mx-auto ">
<h2 class="mb-4 text-3xl font-bold font-heading">Name Ideas</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">One of the most famous Dobermanns in popular culture was Zeus and Apollo, the "lads" from the television series "Magnum, P.I." These two Dobermanns were known for their intimidating presence but also provided comic relief, showcasing the breed's protective yet inherently loyal nature. Owned by the character Higgins, they patrolled the Hawaiian estate where private investigator Thomas Magnum resided, often engaging in playful antics yet always ready to defend their territory.</p>
<p class="mt-6 text-lg leading-8 text-gray-600">Another notable Dobermann is Cappy, a war hero who served in the Pacific during World War II. Cappy was one of the twenty-five Dobermanns enlisted by the US Marine Corps during the battle of Guam, where he saved the lives of Marines by alerting them to Japanese forces. Sadly, Cappy was killed in action, but his bravery exemplifies the courage and loyalty for which the breed is renowned. A bronze statue in Guam’s War Dog Cemetery commemorates Cappy and his fellow canine soldiers, honoring their service and sacrifice.</p>
<div class="px-4 sm:px-6 lg:px-8">
<div class="mt-8 flow-root">
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
<table class="min-w-full divide-y divide-gray-300">
<thead>
<tr>
<th scope="col"
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">
Names for males</th>
<th scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Names for females</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Rex
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Bella
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Max
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Luna
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Duke
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Daisy
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Zeus
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Ruby
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Thor
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Zoe
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Apollo
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Sadie
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Ace
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Molly
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Titan
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Ivy
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Bruno
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Maya
</td>
</tr>
<tr>
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
Shadow
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
Stella
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Life Expectancy -->
<section class="py-1 pb-24">
<div class="container px-4 mx-auto pt-10 ">
<div class="max-w-4xl mx-auto bg-gray-700 rounded-3xl py-10 px-4">
<div class="text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Budget
</h2>
</div>
<dl
class="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-2">
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Purchase Price</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-white">
$1500
</dd>
</div>
<div class="flex flex-col bg-white/5 p-8">
<dt class="text-sm font-semibold leading-6 text-gray-300">Annual Maintenance Budget</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-white">
$1500
</dd>
</div>
</dl>
</div>
</div>
</section>
</div>
</body>
</html>