JezK
Edit File: girl-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>Girl Name Generator | Floral, Classic & Modern - NameFantacy</title> <meta name="description" content="Generate beautiful baby girl names. Select floral, classic, or modern aesthetics. Free and instant."> <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="baby-name-generator.html" class="nav-link">Baby 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="baby-name-generator.html">Baby Names</a></li> <li aria-current="page">Girl Name Generator</li> </ol> </nav> <div class="hero-section"> <h1 class="hero-title">Girl Name <span>Generator</span></h1> <p class="hero-subtitle">Gentle, floral, and contemporary names crafted with elegance.</p> </div> <section class="generator-app-box"> <div class="control-grid"> <div class="form-group"> <label for="vibe">Vibe</label> <select id="vibe" name="vibe" class="form-control gen-filter"> <option value="floral">Botanical & Floral</option> <option value="classic">Classic & Regal</option> <option value="modern">Modern & Contemporary</option> </select> </div> <div class="form-group"> <label for="countSelect">Count</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('girl')">⚡ Generate Girl Names</button> <button class="btn btn-secondary" onclick="NameFantacyApp.generate('girl')">↻ Regenerate</button> <button class="btn btn-secondary" onclick="NameFantacyApp.copyAll()">Copy All</button> <button class="btn btn-secondary" onclick="NameFantacyApp.resetFilters('girl')">Reset</button> </div> <div class="results-header"><h3>Girl 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('girl')); </script> </body> </html>