Portfolio
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emma Gill - Portfolio</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<div class="logo">Emma Gill</div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="resume.pdf" target="_blank">Resume</a></li>
</ul>
</nav>
</header>
<section id="about" class="section">
<h1>About Me</h1>
<p>I graduated from Skidmore College with a major in Political Science and a minor in American Studies. I'm passionate about working in audio, documentaries, interviews, and multimedia projects.</p>
</section>
<section id="projects" class="section">
<h1>Project Portfolio</h1>
<div class="timeline-container">
<div class="timeline">
<div class="timeline-point" data-year="2020">
<div class="label">Project A - 2020</div>
</div>
<div class="timeline-point" data-year="2021">
<div class="label">Project B - 2021</div>
</div>
<div class="timeline-point" data-year="2022">
<div class="label">Project C - 2022</div>
</div>
</div>
</div>
</section>
<div id="info-box" class="info-box">
<span id="close-btn" class="close-btn">×</span>
<h2 id="info-title"></h2>
<p id="info-description"></p>
<img id="info-image" src="" alt="" style="display: none;">
</div>
<section id="contact" class="section">
<h1>Contact</h1>
<p>If you would like to get in touch, please email me at <a href="mailto:[email protected]">[email protected]</a>.</p>
</section>
<footer>
<p>© 2024 Emma Gill. All rights reserved.</p>
</footer>
<script src="script.js"></script>