bolade
894fbbcee3
- Created a footer template with contact information and page number. - Created a header template displaying patient details including name, age, height, weight, and focus.
41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<div class="w-full page bg-white">
|
|
<!-- Main Content -->
|
|
<div class="px-8 py-6">
|
|
<!-- Page Title -->
|
|
<h1 class="text-3xl font-bold text-black mb-6">Nutrition Guidelines</h1>
|
|
|
|
<!-- Section Title -->
|
|
<h2 class="text-xl font-bold text-black mb-2">Ultrasound & Body Composition Assessment</h2>
|
|
<p class="text-gray-700 text-sm mb-8">Designed to track and optimize exercise and diet. Its proven technology can accurately measure tissue structure and body composition.</p>
|
|
|
|
<!-- Body Composition Section -->
|
|
<div class="mb-8">
|
|
<h3 class="text-2xl font-bold text-center text-black mb-6">Body Composition</h3>
|
|
|
|
<!-- Body Composition Chart -->
|
|
<div class="flex justify-center mb-8">
|
|
<div class="relative">
|
|
<img src="data:image/png;base64, {{ body_composition_chart}}"
|
|
alt="Body Composition Chart"
|
|
class="w-80 h-80 object-contain">
|
|
|
|
<!-- Chart Labels -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Body Fat Percentage Section -->
|
|
<div class="mb-8">
|
|
|
|
<!-- Body Fat Chart -->
|
|
<div class="flex justify-center">
|
|
<img src="data:image/png;base64, {{ body_fat_chart }}"
|
|
alt="Body Fat Percentage Chart" >
|
|
</div>
|
|
|
|
<!-- Age Range Label -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer Section -->
|
|
</div>
|