JezK
Edit File: cat-name-generator.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cat Name Generator | Mystic, Cute & Classic Felines - NameFantacy</title> <meta name="description" content="Find the purr-fect name for your feline. Generate mystical, adorable, or classic cat names."> <link rel="stylesheet" href="../assets/css/style.css"> </head> <body> <header class="site-header"> <div class="container nav-wrap"> <a href="../index.html" class="brand-logo">Name<span>Fantacy</span></a> <div class="search-bar-wrap"> <span class="search-icon">🔍</span> <input type="text" id="siteSearchInput" class="search-input" placeholder="Search..."> <div id="searchDropdown" class="search-dropdown"></div> </div> <button class="nav-toggle" id="navToggle">☰</button> <ul class="nav-links" id="navLinks"> <li><a href="../index.html" class="nav-link">Home</a></li> <li><a href="cat-name-generator.html" class="nav-link active">Cat Names</a></li> <li><a href="about.html" class="nav-link">About</a></li> </ul> </div> </header> <main class="container"> <nav class="breadcrumb-nav"> <ol class="breadcrumb-list"> <li><a href="../index.html">Home</a></li> <li><a href="cat-name-generator.html">Generators</a></li> <li aria-current="page">Cat Name Generator</li> </ol> </nav> <div class="hero-section"> <h1 class="hero-title">Cat Name <span>Generator</span></h1> <p class="hero-subtitle">Mysterious, cozy, and cute name suggestions for cats of every temperament.</p> </div> <section class="generator-app-box"> <div class="control-grid"> <div class="form-group"> <label for="vibe">Cat Vibe</label> <select id="vibe" name="vibe" class="form-control gen-filter"> <option value="mystic">Mystic & Witchy (e.g. Salem)</option> <option value="cute">Cute & Cozy (e.g. Mochi)</option> <option value="classic">Classic & Playful (e.g. Whiskers)</option> </select> </div> <div class="form-group"> <label for="countSelect">Batch Size</label> <select id="countSelect" class="form-control"> <option value="5">5</option> <option value="10" selected>10</option> <option value="20">20</option> </select> </div> </div> <div class="btn-group"> <button class="btn btn-primary" onclick="NameFantacyApp.generate('cat')">⚡ Generate Cat Names</button> <button class="btn btn-secondary" onclick="NameFantacyApp.generate('cat')">↻ Regenerate</button> <button class="btn btn-secondary" onclick="NameFantacyApp.copyAll()">Copy All</button> <button class="btn btn-secondary" onclick="NameFantacyApp.resetFilters('cat')">Reset</button> </div> <div class="results-header"><h3>Feline Names</h3></div> <div id="resultsGrid" class="results-grid"></div> </section> <section class="favorites-container"> <div class="favorites-header"> <h3>⭐ Saved Favorites</h3> <button class="btn btn-secondary btn-sm" onclick="NameFantacyApp.clearAllFavorites()">Clear All</button> </div> <div id="favoritesList" class="favorites-list"></div> </section> </main> <footer class="site-footer"> <div class="container footer-bottom"> <span>© 2026 NameFantacy.com</span> <span><a href="../index.html">Home</a></span> </div> </footer> <script src="../assets/js/generators.js"></script> <script src="../assets/js/search.js"></script> <script src="../assets/js/main.js"></script> <script> document.addEventListener('DOMContentLoaded', () => NameFantacyApp.generate('cat')); </script> </body> </html> 7. Informational & Legal Pages