vlcsolutions commited on
Commit
0bc83f4
·
verified ·
1 Parent(s): b0aaec8

<h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Organic Growth</h4> and <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Paid Campaigns</h4> : add icons

Browse files
Files changed (2) hide show
  1. index.html +10 -4
  2. style.css +5 -0
index.html CHANGED
@@ -319,14 +319,20 @@ Drive More Traffic & Sales
319
  </p>
320
  <div class="grid md:grid-cols-2 gap-8 mb-12">
321
  <div class="bg-[var(--vlc-tint)] p-8 rounded-xl" data-aos="fade-right">
322
- <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Organic Growth</h4>
323
- <p class="text-gray-700">
 
 
 
324
  We create an authentic community based on your organization's brand. Our content is designed to provoke discussion and establish your brand as an authority, earning you a base of true brand supporters.
325
  </p>
326
  </div>
327
  <div class="bg-[var(--vlc-leaf-tint)] p-8 rounded-xl" data-aos="fade-left">
328
- <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Paid Campaigns</h4>
329
- <p class="text-gray-700">
 
 
 
330
  We boost your growth using highly targeted advertising campaigns. With accurate audience segmentation and remarketing, we make sure your brand is in the right hands at the right time. All advertising dollars are geared toward maximizing conversions and sales.
331
  </p>
332
  </div>
 
319
  </p>
320
  <div class="grid md:grid-cols-2 gap-8 mb-12">
321
  <div class="bg-[var(--vlc-tint)] p-8 rounded-xl" data-aos="fade-right">
322
+ <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4 flex items-center gap-2">
323
+ <i data-feather="users" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
324
+ Organic Growth
325
+ </h4>
326
+ <p class="text-gray-700">
327
  We create an authentic community based on your organization's brand. Our content is designed to provoke discussion and establish your brand as an authority, earning you a base of true brand supporters.
328
  </p>
329
  </div>
330
  <div class="bg-[var(--vlc-leaf-tint)] p-8 rounded-xl" data-aos="fade-left">
331
+ <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-4 flex items-center gap-2">
332
+ <i data-feather="dollar-sign" class="w-5 h-5 text-[var(--vlc-leaf)]"></i>
333
+ Paid Campaigns
334
+ </h4>
335
+ <p class="text-gray-700">
336
  We boost your growth using highly targeted advertising campaigns. With accurate audience segmentation and remarketing, we make sure your brand is in the right hands at the right time. All advertising dollars are geared toward maximizing conversions and sales.
337
  </p>
338
  </div>
style.css CHANGED
@@ -1,8 +1,13 @@
 
1
  body {
2
  padding: 2rem;
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
  }
5
 
 
 
 
 
6
  h1 {
7
  font-size: 16px;
8
  margin-top: 0;
 
1
+
2
  body {
3
  padding: 2rem;
4
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
5
  }
6
 
7
+ /* Icon alignment for headings */
8
+ h4.flex i {
9
+ flex-shrink: 0;
10
+ }
11
  h1 {
12
  font-size: 16px;
13
  margin-top: 0;