Hugging Face's logo

Spaces:
audriusblockis
/
medicare-miracle-makers
Running

App Files Community
audriusblockis commited on
Commit
9608cb3
·
verified ·
1 Parent(s): 3b7cad0

Change this block sections designs that it would be smaller and would take less space on mobile version

Browse files
Files changed (1) hide show
  1. index.html +23 -25
index.html CHANGED
@@ -72,46 +72,44 @@
72
  </div>
73
  </div>
74
  </section>
75
-
76
  <!-- Benefits Section -->
77
- <section class="py-16 px-4 sm:px-6 lg:px-8 bg-blue-50">
78
- <div class="max-w-7xl mx-auto">
79
- <h2 class="text-3xl font-bold text-center text-blue-800 mb-12">Why Final Expense Insurance?</h2>
80
- <div class="grid md:grid-cols-3 gap-8">
81
- <div class="bg-white p-8 rounded-xl shadow-md">
82
- <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
83
- <i data-feather="dollar-sign" class="text-blue-600 w-8 h-8"></i>
84
  </div>
85
- <h3 class="text-xl font-semibold text-center mb-3">Peace of Mind</h3>
86
- <p class="text-gray-600 text-center">
87
  Protect your loved ones from financial burden during an already difficult time with guaranteed coverage.
88
- </p>
89
  </div>
90
 
91
- <div class="bg-white p-8 rounded-xl shadow-md">
92
- <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
93
- <i data-feather="heart" class="text-blue-600 w-8 h-8"></i>
94
  </div>
95
- <h3 class="text-xl font-semibold text-center mb-3">Simple Process</h3>
96
- <p class="text-gray-600 text-center">
97
  No medical exam required for most applicants. Easy qualification with rates as low as $20/month.
98
- </p>
99
  </div>
100
 
101
- <div class="bg-white p-8 rounded-xl shadow-md">
102
- <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
103
- <i data-feather="user" class="text-blue-600 w-8 h-8"></i>
104
  </div>
105
- <h3 class="text-xl font-semibold text-center mb-3">Immediate Benefits</h3>
106
- <p class="text-gray-600 text-center">
107
  Coverage starts immediately with full benefits from day one - no waiting periods.
108
- </p>
109
  </div>
110
  </div>
111
  </div>
112
  </section>
113
-
114
- <!-- Testimonials -->
115
  <section class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
116
  <h2 class="text-3xl font-bold text-center text-blue-800 mb-12">What Our Clients Say</h2>
117
 
 
72
  </div>
73
  </div>
74
  </section>
 
75
  <!-- Benefits Section -->
76
+ <section class="py-10 px-4 sm:px-6 lg:px-8 bg-blue-50">
77
+ <div class="max-w-4xl mx-auto">
78
+ <h2 class="text-2xl md:text-3xl font-bold text-center text-blue-800 mb-6 md:mb-10">Why Final Expense Insurance?</h2>
79
+ <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6">
80
+ <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm">
81
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4 mx-auto">
82
+ <i data-feather="dollar-sign" class="text-blue-600 w-6 h-6"></i>
83
  </div>
84
+ <h3 class="text-lg md:text-xl font-semibold text-center mb-2">Peace of Mind</h3>
85
+ <p class="text-sm md:text-base text-gray-600 text-center">
86
  Protect your loved ones from financial burden during an already difficult time with guaranteed coverage.
87
+ </p>
88
  </div>
89
 
90
+ <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm">
91
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4 mx-auto">
92
+ <i data-feather="heart" class="text-blue-600 w-6 h-6"></i>
93
  </div>
94
+ <h3 class="text-lg md:text-xl font-semibold text-center mb-2">Simple Process</h3>
95
+ <p class="text-sm md:text-base text-gray-600 text-center">
96
  No medical exam required for most applicants. Easy qualification with rates as low as $20/month.
97
+ </p>
98
  </div>
99
 
100
+ <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm">
101
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4 mx-auto">
102
+ <i data-feather="user" class="text-blue-600 w-6 h-6"></i>
103
  </div>
104
+ <h3 class="text-lg md:text-xl font-semibold text-center mb-2">Immediate Benefits</h3>
105
+ <p class="text-sm md:text-base text-gray-600 text-center">
106
  Coverage starts immediately with full benefits from day one - no waiting periods.
107
+ </p>
108
  </div>
109
  </div>
110
  </div>
111
  </section>
112
+ <!-- Testimonials -->
 
113
  <section class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
114
  <h2 class="text-3xl font-bold text-center text-blue-800 mb-12">What Our Clients Say</h2>
115