213 lines
5.5 KiB
HTML
213 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="description"
|
|
content="Itziar ZG - Vanguard Designer Portfolio"
|
|
/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Itziar ZG - Vanguard CV</title>
|
|
<link
|
|
rel="icon"
|
|
type="image/svg+xml"
|
|
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎨</text></svg>"
|
|
/>
|
|
<link rel="stylesheet" href="styles/main.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=Space+Grotesk:wght@300;400;500;600;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100..700,0..1&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<!-- Top Navigation -->
|
|
<nav>
|
|
<div>
|
|
<h1>Under construction Itziar ZG</h1>
|
|
</div>
|
|
<!-- <div>
|
|
<button
|
|
id="language-toggle"
|
|
aria-label="Toggle language"
|
|
>
|
|
<span class="material-symbols-outlined">translate</span>
|
|
</button>
|
|
<button
|
|
id="theme-toggle"
|
|
aria-label="Toggle theme"
|
|
>
|
|
<span class="material-symbols-outlined">dark_mode</span>
|
|
</button>
|
|
</div> -->
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<!-- <header>
|
|
<div></div>
|
|
<div></div>
|
|
|
|
<div>
|
|
<div>
|
|
<div
|
|
alt="Professional portrait of a female digital designer"
|
|
style="
|
|
background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuD6WeB0nJf-ZCuFJ6oa6vOkhHSa7HvieIuXVDVhw_U7ITO-kq3Gi8J9JWbH0WOiEd2zxiItpdWLWJY89C09LQncuy8iD4pjprH8H7aiGUya87L_ap88RqW2GuhhUJHNt74NW_m7y4KGn43RzotxT69wM9i-ri2HEEMQtBZRWPUtWgjSqSguENLtttWkpQrUrXBoy8TXkmvdya-d9S9QKMbaDSVa_6eVpI7uR_BAB1wRlMdbAFlVZVmzUG3HafS5P4jOA1I0nkvNChY");
|
|
"
|
|
></div>
|
|
</div>
|
|
|
|
<div>
|
|
<h2
|
|
data-i18n="hero.title"
|
|
>
|
|
Vanguard Designer
|
|
</h2>
|
|
<p
|
|
data-i18n="hero.subtitle"
|
|
>
|
|
Crafting Digital Excellence
|
|
</p>
|
|
<div>
|
|
<span
|
|
>UI/UX</span
|
|
>
|
|
<span
|
|
>Motion</span
|
|
>
|
|
<span
|
|
>Strategy</span
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> -->
|
|
|
|
<!-- About Section -->
|
|
<!-- <section>
|
|
<div>
|
|
<div>
|
|
<span class="material-symbols-outlined">person</span>
|
|
<h3 data-i18n="about.title">About Me</h3>
|
|
</div>
|
|
<p data-i18n="about.description">
|
|
A sophisticated designer specializing in high-end digital experiences
|
|
with a focus on dark aesthetics, glassmorphism, and modern typography.
|
|
Transforming complex problems into elegant, intuitive interfaces.
|
|
</p>
|
|
<div>
|
|
<button
|
|
data-i18n="about.downloadCV"
|
|
>
|
|
Download CV
|
|
</button>
|
|
<button
|
|
data-i18n="about.contact"
|
|
>
|
|
Contact
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
|
|
<!-- Skills Section -->
|
|
<!-- <section>
|
|
<h3 data-i18n="skills.title">
|
|
Core Expertise
|
|
</h3>
|
|
<div>
|
|
<div>
|
|
<div>
|
|
<span>Visual Design</span>
|
|
<span
|
|
>Expert</span
|
|
>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<span>Prototyping</span>
|
|
<span>
|
|
>Advanced</span
|
|
>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<span>Interaction Design</span>
|
|
<span>
|
|
>Advanced</span
|
|
>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
|
|
<!-- Projects Section -->
|
|
<!-- <section>
|
|
<div>
|
|
<h3 data-i18n="projects.title">
|
|
Latest Work
|
|
</h3>
|
|
<a
|
|
href="#"
|
|
data-i18n="projects.viewAll"
|
|
>View All</a
|
|
>
|
|
</div>
|
|
<div id="projects-container">
|
|
<!-- Projects will be inserted here by JavaScript -->
|
|
<!-- </div>
|
|
</section> -->
|
|
|
|
<!-- Experience Timeline -->
|
|
<!-- <section>
|
|
<h3 data-i18n="experience.title">
|
|
Experience
|
|
</h3>
|
|
<div
|
|
id="experience-container"
|
|
>
|
|
<!-- Experience will be inserted here by JavaScript -->
|
|
<!-- </div>
|
|
</section> -->
|
|
|
|
<!-- Bottom Navigation Bar -->
|
|
<!-- <div>
|
|
<div>
|
|
<a href="#">
|
|
<span class="material-symbols-outlined fill-1">home</span>
|
|
</a>
|
|
<a href="#">
|
|
<span class="material-symbols-outlined">work</span>
|
|
</a>
|
|
<a href="#">
|
|
<span class="material-symbols-outlined">grid_view</span>
|
|
</a>
|
|
<a href="#">
|
|
<span class="material-symbols-outlined">mail</span>
|
|
</a>
|
|
<a href="#">
|
|
<span class="material-symbols-outlined">person</span>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|