Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="A portfolio showcasing my creative work."> <title>My Portfolio - Jane Doe, Designer</title> <!-- <link rel="icon" href="favicon.ico" type="image/x-icon"> --> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="container"> <h1>Jane Doe - Creative Portfolio</h1> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about.html">About Me</a></li> <li><a href="/contact.html">Contact</a></li> </ul> </nav> </div> </header> <main> <section id="gallery" class="container"> <h2>My Work</h2> <div class="gallery-grid"> <figure class="gallery-item"> <a href="project1-detail.html"> <img src="portfolio-thumb1.jpg" alt="Description of Project 1"> <figcaption>Project Alpha - Web Design</figcaption> </a> </figure> <figure class="gallery-item"> <a href="project2-detail.html"> <img src="portfolio-thumb2.jpg" alt="Description of Project 2"> <figcaption>Project Beta - Illustration</figcaption> </a> </figure> <figure class="gallery-item"> <a href="project3-detail.html"> <img src="portfolio-thumb3.jpg" alt="Description of Project 3"> <figcaption>Project Gamma - Branding</figcaption> </a> </figure> <!-- Add more gallery items as needed --> </div> </section> </main> <footer> <div class="container"> <p>© <span id="currentYear"></span> Jane Doe. All rights reserved.</p> <!-- Add social media links if desired --> </div> </footer> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <!-- <script src="script.js"></script> --> </body> </html>
