claude-code-ultimate-guide/examples/skills/landing-page-generator/assets/section-snippets/header.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

54 lines
1.8 KiB
HTML

<!-- Header Template -->
<header class="header">
<div class="container">
<nav class="nav" aria-label="Main navigation">
<!-- Logo -->
<a href="/" class="logo">
<span class="logo-icon">>_</span>
<span class="logo-text">{{PROJECT_NAME}}</span>
</a>
<!-- Navigation Links -->
<div class="nav-links">
<a href="#features">Features</a>
<a href="#install">Install</a>
<a href="#faq">FAQ</a>
{{#if DOCS_URL}}
<a href="{{DOCS_URL}}">Docs</a>
{{/if}}
</div>
<!-- Actions -->
<div class="nav-actions">
<!-- Search Trigger -->
<button class="search-trigger" aria-label="Search (⌘K)">
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.35-4.35"/>
</svg>
<span>Search</span>
<kbd>⌘K</kbd>
</button>
<!-- GitHub Star -->
<a href="{{GITHUB_URL}}" class="btn btn-github-star" target="_blank" rel="noopener">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z"/>
</svg>
<span class="btn-github-text">Star on GitHub</span>
</a>
</div>
</nav>
</div>
</header>
<!--
PLACEHOLDERS:
- {{PROJECT_NAME}}: Project name for logo
- {{GITHUB_URL}}: GitHub repository URL
- {{DOCS_URL}}: Documentation URL (optional)
NOTE:
- Search trigger requires search-modal.html and search.js
- GitHub star button shows icon only on mobile (text hidden via CSS)
-->