34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="tr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Serdar Torun | Quality Architect</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
</head>
|
|
|
|
<body class="bg-[#0a192f] text-[#ccd6f6]">
|
|
<nav class="p-6 flex justify-between bg-[#020c1b]">
|
|
<div class="text-[#64ffda] font-bold">serdartorun.dev</div>
|
|
<div class="flex gap-4 items-center">
|
|
<a href="#" data-i18n="nav_pillars" class="hover:text-[#64ffda]"></a>
|
|
<button onclick="updateContent('tr')" class="text-xs border px-1">TR</button>
|
|
<button onclick="updateContent('en')" class="text-xs border px-1">EN</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="h-[70vh] flex flex-col justify-center px-20">
|
|
<h1 data-i18n="hero_title" class="text-5xl font-bold text-white"></h1>
|
|
<h2 data-i18n="hero_subtitle" class="text-3xl text-[#8892b0] mt-2"></h2>
|
|
<p data-i18n="hero_desc" class="mt-6 max-w-2xl text-[#8892b0]"></p>
|
|
<div class="mt-10 flex gap-4">
|
|
<button data-i18n="cta_projects" class="border border-[#64ffda] text-[#64ffda] px-6 py-3 rounded"></button>
|
|
<button data-i18n="evidence_btn" class="bg-[#64ffda] text-[#0a192f] px-6 py-3 rounded font-bold"></button>
|
|
</div>
|
|
</header>
|
|
|
|
<script src="./assets/js/i18n.js"></script>
|
|
</body>
|
|
|
|
</html> |