<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mert Ural - SEO Consultant</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'><rect width='100' height='100' fill='%23F43F1E'/></svg>">
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2L0RMFDKVT"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-2L0RMFDKVT');
    </script>
    <link rel="stylesheet" crossorigin href="/assets/index-BeXGmfIX.css">
  <script>
if ('serviceWorker' in navigator) {
  window.addEventListener('load' , () => {
    navigator.serviceWorker.register('./_service-worker.js')
      .then(registration => {
        console.log('Service Worker registered successfully with scope:', registration.scope);
      })
      .catch(error => {
        console.error('Service Worker registration failed:', error);
      });
  });
} else {
  console.log('Service workers are not supported in this browser.');
}
</script><script src="/_websocket-interceptor.js" defer></script></head>
  <body class="bg-white text-black font-body">
    <div class="min-h-screen p-8 md:p-24 flex flex-col items-start max-w-4xl mx-auto">
      <!-- Header Section -->
      <div class="flex items-center gap-4 mb-12 animate-slide-in-left">
        <div class="w-24 h-16 bg-[#F43F1E]" id="red-block"></div>
        <h1 class="text-7xl md:text-8xl font-serif font-normal tracking-tight" id="name">
          Mert Ural
        </h1>
      </div>

      <!-- Title & Info Section -->
      <div class="space-y-1 mb-12 animate-fade-in-up" style="animation-delay: 0.2s">
        <h2 class="text-3xl md:text-4xl font-serif" id="title">SEO Consultant</h2>
        <p class="text-2xl md:text-3xl" id="experience">2015 - ...</p>
        <p class="text-xl md:text-2xl italic text-gray-800" id="location">Istanbul, Türkiye</p>
      </div>

      <!-- Skills / Keywords Section -->
      <div class="max-w-2xl mb-16 animate-fade-in" style="animation-delay: 0.4s">
        <p class="text-sm md:text-base text-gray-500 leading-relaxed font-serif" id="skills">
          SEO, Growth Hacking, Automation, Google Apps, Google App Script, MS Excel, Web Analytics, Data Analysis, Big Data, SEM, PHP, HTML, JS, Arduino, Online Marketing, Public Relations...
        </p>
      </div>

      <!-- Contact Links Section -->
      <div class="space-y-4 mb-16 animate-fade-in-up" style="animation-delay: 0.6s">
        <div>
          <a 
            href="https://www.mertural.com" 
            target="_blank" 
            rel="noopener noreferrer"
            class="text-2xl md:text-3xl underline decoration-1 underline-offset-4 hover:text-gray-600 transition-colors"
            id="website-link"
          >
            mertural.com
          </a>
        </div>
        <div>
          <a 
            href="mailto:mert@mertural.com" 
            class="text-2xl md:text-3xl underline decoration-1 underline-offset-4 hover:text-gray-600 transition-colors"
            id="email-link"
          >
            mert@mertural.com
          </a>
        </div>
      </div>

      <!-- Social Links Section -->
      <div class="flex gap-4 items-center animate-fade-in" style="animation-delay: 0.8s">
        <a 
          href="https://www.linkedin.com/in/mertural/" 
          target="_blank" 
          rel="noopener noreferrer"
          class="text-2xl md:text-3xl underline decoration-1 underline-offset-4 hover:text-gray-600 transition-colors"
          id="linkedin-link"
        >
          in
        </a>
      </div>
    </div>
  </body>
</html>

