<!DOCTYPE html>
<html lang="az">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aykhan Yagubov | Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="container">
<div class="logo">Aykhan Yagubov</div>
<div class="nav-right">
<a href="#work">Work</a>
<a href="mailto:hello@aykhanyagubov.com">Contact</a>
</div>
</nav>
</header>
<main class="container">
<section class="hero">
<h1>Product Designer focused on building <span class="highlight">meaningful digital experiences.</span></h1>
<p class="subline">Currently pursuing research in Air Transport Risk Management alongside my design practice.</p>
</section>
<section id="work" class="projects">
<div class="project-item">
<div class="project-img-wrapper">
<img src="https://via.placeholder.com/1200x800" alt="Project 1">
</div>
<div class="project-details">
<span class="category">UX/UI DESIGN</span>
<h2>Project Name One — Solution for better user flow</h2>
</div>
</div>
<div class="project-item">
<div class="project-img-wrapper">
<img src="https://via.placeholder.com/1200x800" alt="Project 2">
</div>
<div class="project-details">
<span class="category">RESEARCH</span>
<h2>Improving Risk Management Systems in Aviation</h2>
</div>
</div>
</section>
</main>
<footer class="container">
<div class="footer-content">
<p>© 2026 Aykhan Yagubov</p>
<div class="footer-links">
<a href="#">LinkedIn</a>
<a href="#">Behance</a>
<a href="#">Dribbble</a>
</div>
</div>
</footer>
</body>
</html>