claude-code-ultimate-guide/examples/skills/landing-page-generator/assets/section-snippets/features-grid.html
Florian BRUNIAUX e504f0d1bf feat: add session summary screenshot, skills, and GitHub templates
- Add session-summary-v3.png screenshot for hook documentation
- Add GitHub issue templates (bug report, feature request, question)
- Add new skills: ccboard, guide-recap, landing-page-generator,
  release-notes-generator, skill-creator

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-15 20:55:16 +01:00

59 lines
1.9 KiB
HTML

<!-- Features Grid Section Template -->
<section id="features" class="features">
<div class="container">
<h2 class="section-title">Features</h2>
<div class="features-grid">
<!-- Feature Card 1 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_1_ICON}}</div>
<h3 class="feature-title">{{FEATURE_1_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_1_DESC}}</p>
</div>
<!-- Feature Card 2 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_2_ICON}}</div>
<h3 class="feature-title">{{FEATURE_2_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_2_DESC}}</p>
</div>
<!-- Feature Card 3 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_3_ICON}}</div>
<h3 class="feature-title">{{FEATURE_3_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_3_DESC}}</p>
</div>
<!-- Feature Card 4 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_4_ICON}}</div>
<h3 class="feature-title">{{FEATURE_4_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_4_DESC}}</p>
</div>
<!-- Feature Card 5 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_5_ICON}}</div>
<h3 class="feature-title">{{FEATURE_5_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_5_DESC}}</p>
</div>
<!-- Feature Card 6 -->
<div class="feature-card">
<div class="feature-icon">{{FEATURE_6_ICON}}</div>
<h3 class="feature-title">{{FEATURE_6_TITLE}}</h3>
<p class="feature-desc">{{FEATURE_6_DESC}}</p>
</div>
</div>
</div>
</section>
<!--
PLACEHOLDERS:
- {{FEATURE_N_ICON}}: Emoji or icon for feature (e.g., "⚡", "🔒", "📦")
- {{FEATURE_N_TITLE}}: Feature title (short, 2-4 words)
- {{FEATURE_N_DESC}}: Feature description (1-2 sentences)
NOTE: Adjust number of cards as needed (typically 4-6)
-->