232 lines
9.6 KiB
HTML
232 lines
9.6 KiB
HTML
<!doctype html>
|
||
<html lang="tr">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Kişisel Website | İsim Soyisim</title>
|
||
<meta
|
||
name="description"
|
||
content="İsim Soyisim kişisel websitesi: özgeçmiş, eğitimler, şirketler, blog, sosyal medya ve ödüller."
|
||
/>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<nav class="nav">
|
||
<a class="logo" href="#top">Mehmet Batuhan Erkek</a>
|
||
<div class="nav-links">
|
||
<a href="#ozgecmis">Özgeçmiş</a>
|
||
<a href="#egitimler">Eğitimler</a>
|
||
<a href="#sirketler">Şirketler</a>
|
||
<a href="#blog">Blog</a>
|
||
<a href="#oduller">Ödüller</a>
|
||
<a href="#iletisim">İletişim</a>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="top">
|
||
<section class="hero reveal">
|
||
<div class="hero-content">
|
||
<p class="eyebrow">Merhaba, ben</p>
|
||
<h1>Mehmet Batuhan Erkek</h1>
|
||
<p class="subtitle">
|
||
Girişimci - Mühendis - Eğitmen
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a class="btn primary" href="#ozgecmis">Özgeçmişi Gör</a>
|
||
<a class="btn ghost" href="#egitimler">Eğitimlerim</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero-media">
|
||
<div class="avatar">
|
||
<img src="assets/MBE.png" alt="İsim Soyisim fotoğrafı" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="ozgecmis" class="section reveal">
|
||
<div class="section-header">
|
||
<h2>Özgeçmiş</h2>
|
||
</div>
|
||
<div class="grid two">
|
||
<div class="card reveal">
|
||
<h3>Hakkımda</h3>
|
||
<p>
|
||
Makine Mühendisliği mezunuyum. Malzeme Bilimi ve Mühendisliği alanında yüksek lisans yaptım, aynı zamanda Yönetim Bilişim Sistemleri ve Egzersiz & Spor Bilimleri alanlarında eğitimime devam ediyorum. 2020 yılından bu yana Erkba Ar-Ge Mühendislik bünyesinde genel müdür olarak çalışıyor, sanayi, sağlık teknolojileri ve yapay zekâ odaklı Ar-Ge projeleri geliştiriyorum.
|
||
<br /><br />
|
||
TÜBİTAK ve KOSGEB destekli birçok projede aktif rol aldım; robotik rehabilitasyon cihazları, üretim teknolojileri ve yazılım tabanlı mühendislik çözümleri üzerine çalışıyorum. CAD, CAM ve CAE yazılımları başta olmak üzere ileri mühendislik araçlarıyla hem proje geliştiriyor hem de teknik eğitimler veriyorum.
|
||
<br /><br />
|
||
Amacım, disiplinler arası mühendislik yaklaşımıyla yenilikçi fikirleri uygulanabilir ve sürdürülebilir çözümlere dönüştürmek.
|
||
</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>Yetkinlikler</h3>
|
||
<ul class="list">
|
||
<li>Mekanik tasarım, üretim ve mühendislik analizleri</li>
|
||
<li>CAD, CAM ve CAE tabanlı tasarım ve simülasyon süreçleri</li>
|
||
<li>Üretim ve malzeme simülasyon teknolojileri</li>
|
||
<li>Robotik, mekatronik ve rehabilitasyon cihazları geliştirme</li>
|
||
<li>Yazılım geliştirme ve veri tabanı sistemleri</li>
|
||
<li>Elektronik, gömülü sistemler ve otomasyon</li>
|
||
<li>Ar-Ge, proje ve teknik ekip yönetimi</li>
|
||
<li>Teknik eğitim, danışmanlık ve ürün geliştirme</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="sirketler" class="section reveal">
|
||
<div class="section-header">
|
||
<h2>ERKBA</h2>
|
||
</div>
|
||
<div class="grid two">
|
||
<div class="card reveal">
|
||
<p>
|
||
Yapay zeka, sensör teknolojisi ve oyunlaştırma ile fizik tedaviye
|
||
yeni bir standart kazandırıyoruz. ERKBA, hastaların tedavi
|
||
süreçlerini ölçülebilir, motive edici ve erişilebilir hale
|
||
getiren dijital rehabilitasyon çözümleri sunar.
|
||
</p>
|
||
<a class="inline-link" href="https://erkba.com/" target="_blank" rel="noreferrer">
|
||
erkba.com →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="egitimler" class="section reveal">
|
||
<div class="section-header">
|
||
<h2>Verdiğim Eğitimler</h2>
|
||
</div>
|
||
<div class="grid three">
|
||
<div class="card reveal">
|
||
<h3>Ansys Mechanical</h3>
|
||
<p>Yapısal analiz ve simülasyon odaklı eğitim.</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>Fusion 360</h3>
|
||
<p>3D modelleme, tasarım ve üretim süreçleri.</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>Proje Yönetimi</h3>
|
||
<p>Planlama, kaynak yönetimi ve süreç optimizasyonu.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="blog" class="section reveal">
|
||
<div class="section-header">
|
||
<h2>Blog</h2>
|
||
</div>
|
||
<div class="grid two">
|
||
<article class="card reveal">
|
||
<h3>Ürün Ekiplerinde Tasarım Sistemi</h3>
|
||
<p>Küçük ekiplerde ölçeklenebilir sistem kurma rehberi.</p>
|
||
<a class="inline-link" href="#">Devamını oku →</a>
|
||
</article>
|
||
<article class="card reveal">
|
||
<h3>Eğitimde Etkileşimli Öğrenme</h3>
|
||
<p>Öğrenci katılımını artıran pratik yöntemler.</p>
|
||
<a class="inline-link" href="#">Devamını oku →</a>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="oduller" class="section reveal">
|
||
<div class="section-header">
|
||
<h2>Ödüller</h2>
|
||
</div>
|
||
<div class="grid three">
|
||
<div class="card reveal">
|
||
<h3>12. GIV Girişimcilik Ödülleri</h3>
|
||
<p>Girişimci birincilik ödülü</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>4. Kristal Çam Ödülü</h3>
|
||
<p>Yılın sağlık teknolojisi girişimcisi</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>Türk Patent ISIF 24</h3>
|
||
<p>Adana Uluslararası Buluş Fuarı · Gümüş madalya</p>
|
||
</div>
|
||
<div class="card reveal">
|
||
<h3>Türk Patent ISIF 25</h3>
|
||
<p>İstanbul Uluslararası Buluş Fuarı · Gümüş madalya</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer id="iletisim" class="footer reveal">
|
||
<div>
|
||
<h2>İletişim ve Sosyal Medya</h2>
|
||
</div>
|
||
<div class="socials">
|
||
<a href="https://www.instagram.com/batuhanerkek/" target="_blank" rel="noreferrer">
|
||
<span class="icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" role="img" focusable="false">
|
||
<path
|
||
d="M7.5 4h9A3.5 3.5 0 0 1 20 7.5v9A3.5 3.5 0 0 1 16.5 20h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4Zm0 1.5A2 2 0 0 0 5.5 7.5v9A2 2 0 0 0 7.5 18.5h9a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-9Zm4.5 3.25A3.75 3.75 0 1 1 8.25 12 3.76 3.76 0 0 1 12 8.75Zm0 1.5A2.25 2.25 0 1 0 14.25 12 2.25 2.25 0 0 0 12 10.25ZM16.88 7.4a.88.88 0 1 1-.88-.9.89.89 0 0 1 .88.9Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
Instagram
|
||
</a>
|
||
<a href="https://www.linkedin.com/in/mehmet-batuhan-erkek/" target="_blank" rel="noreferrer">
|
||
<span class="icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" role="img" focusable="false">
|
||
<path
|
||
d="M6.94 7.5a1.44 1.44 0 1 1 0-2.88 1.44 1.44 0 0 1 0 2.88ZM5.5 9h2.88v9H5.5V9Zm5.63 0h2.76v1.23h.04c.38-.72 1.3-1.48 2.68-1.48 2.87 0 3.4 1.89 3.4 4.35V18h-2.88v-3.92c0-.94-.02-2.15-1.31-2.15-1.31 0-1.51 1.02-1.51 2.08V18h-2.88V9Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
LinkedIn
|
||
</a>
|
||
<a href="https://www.youtube.com/@batuhanerkek" target="_blank" rel="noreferrer">
|
||
<span class="icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" role="img" focusable="false">
|
||
<path
|
||
d="M21.8 8.1a2.73 2.73 0 0 0-1.92-1.94C18.2 5.7 12 5.7 12 5.7s-6.2 0-7.88.46A2.73 2.73 0 0 0 2.2 8.1 28.5 28.5 0 0 0 1.75 12a28.5 28.5 0 0 0 .45 3.9 2.73 2.73 0 0 0 1.92 1.94c1.68.46 7.88.46 7.88.46s6.2 0 7.88-.46a2.73 2.73 0 0 0 1.92-1.94A28.5 28.5 0 0 0 22.25 12a28.5 28.5 0 0 0-.45-3.9ZM10.25 15.1V8.9l5.2 3.1-5.2 3.1Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
YouTube
|
||
</a>
|
||
<a href="mailto:batuhanerkek@erkba.com">
|
||
<span class="icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" role="img" focusable="false">
|
||
<path
|
||
d="M5.5 6h13A1.5 1.5 0 0 1 20 7.5v9A1.5 1.5 0 0 1 18.5 18h-13A1.5 1.5 0 0 1 4 16.5v-9A1.5 1.5 0 0 1 5.5 6Zm0 1.5v.23l6.5 4.06 6.5-4.06V7.5h-13Zm13 2.2-5.93 3.7a1 1 0 0 1-1.07 0L5.5 9.7v6.8h13V9.7Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
batuhanerkek@erkba.com
|
||
</a>
|
||
</div>
|
||
<p class="copyright">© 2026 Mehmet Batuhan Erkek. Tüm hakları saklıdır.</p>
|
||
</footer>
|
||
|
||
<script>
|
||
const revealItems = document.querySelectorAll(".reveal");
|
||
const observer = new IntersectionObserver(
|
||
(entries) => {
|
||
entries.forEach((entry) => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add("is-visible");
|
||
observer.unobserve(entry.target);
|
||
}
|
||
});
|
||
},
|
||
{ threshold: 0.2 }
|
||
);
|
||
|
||
revealItems.forEach((item) => observer.observe(item));
|
||
</script>
|
||
</body>
|
||
</html>
|