-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
340 lines (322 loc) · 18.2 KB
/
Copy pathindex.html
File metadata and controls
340 lines (322 loc) · 18.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>LoraLabs | Akademik Vizyon, İleri Teknoloji</title>
<meta name="description" content="LoraLabs Bilişim - Yapay Zeka, IoT, LoRaWAN ve Otonom Sistemler Ar-Ge Merkezi.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header id="header">
<div class="nav-inner">
<a href="#home" class="logo">
<img src="logo_lora.svg" alt="LoraLabs Logo">
<span>LoraLabs</span>
</a>
<nav class="nav-menu" id="nav-menu">
<ul>
<li><a href="#home">Anasayfa</a></li>
<li><a href="#about">Hakkımızda</a></li>
<li><a href="#projects">Projelerimiz</a></li>
<li><a href="#mobile-apps">Mobil Uygulamalar</a></li>
<li><a href="#contact">İletişim</a></li>
<li><a href="staj.html">Staj Başvurusu</a></li>
</ul>
</nav>
<div class="nav-right-group">
<button class="theme-toggle" id="theme-toggle" title="Karanlık/Aydınlık Tema">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
</button>
<div class="lang-wrapper">
<button class="lang-btn" id="lang-btn" aria-label="Dil Seç">
<i class="fas fa-globe"></i>
<span class="lang-label" id="lang-current">TR</span>
<i class="fas fa-chevron-down" style="font-size:0.6rem;opacity:0.6;"></i>
</button>
<div class="lang-dropdown" id="lang-dropdown">
<button class="lang-option" data-lang="tr"><span class="flag">🇹🇷</span> Türkçe</button>
<button class="lang-option" data-lang="en"><span class="flag">🇬🇧</span> English</button>
<button class="lang-option" data-lang="de"><span class="flag">🇩🇪</span> Deutsch</button>
<button class="lang-option" data-lang="fr"><span class="flag">🇫🇷</span> Français</button>
<button class="lang-option" data-lang="ar"><span class="flag">🇸🇦</span> العربية</button>
<button class="lang-option" data-lang="ru"><span class="flag">🇷🇺</span> Русский</button>
<button class="lang-option" data-lang="es"><span class="flag">🇪🇸</span> Español</button>
</div>
</div>
<button class="hamburger" id="hamburger" aria-label="Menü">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<!-- GT mount: off-screen but rendered (not display:none!) -->
<div id="google_translate_element"></div>
<section id="home" class="hero">
<div class="hero-overlay"></div>
<div class="wrapper">
<div class="hero-content">
<p class="eyebrow reveal">Teknoloji Ar-Ge Merkezi</p>
<h1 class="reveal">Akademik Vizyon,<br>İleri Teknoloji</h1>
<p class="hero-desc reveal">Yapay Zekâ, Tıbbi Segmentasyon, Otonom Dronlar ve LoRaWAN çözümleriyle bilimsel araştırmaları sahada çalışan Ar-Ge projelerine dönüştürüyoruz.</p>
<div class="hero-actions reveal">
<a href="#contact" class="btn btn-primary">Bize Ulaşın <i class="fas fa-arrow-right"></i></a>
<a href="#projects" class="btn btn-ghost">Projelerimiz</a>
</div>
</div>
</div>
</section>
<section id="about" class="section-pad">
<div class="wrapper">
<div class="two-col">
<div class="col-text reveal">
<p class="eyebrow">Hakkımızda</p>
<h2>Akademik Derinlik,<br><span class="text-blue">Endüstriyel Güç</span></h2>
<p class="body-text">LoraLabs Bilişim, standart çözümlerin ötesine geçerek akademik araştırmaları gerçek hayat problemlerine uygulayan bir Ar-Ge merkezidir.</p>
<div class="features-grid">
<div class="feat"><i class="fas fa-brain"></i><h3>Yapay Zeka & LLM</h3><p>SLM ve RAG mimarileri ile kurumsal yapay zeka sistemleri.</p></div>
<div class="feat"><i class="fas fa-x-ray"></i><h3>Tıbbi Bilişim</h3><p>Medikal görüntü işleme ve segmentasyon çözümleri.</p></div>
<div class="feat"><i class="fas fa-broadcast-tower"></i><h3>IoT & LoRaWAN</h3><p>Uzun menzilli düşük güç tüketimli sensör ağları.</p></div>
<div class="feat"><i class="fas fa-paper-plane"></i><h3>Otonom Sistemler</h3><p>Afet müdahalesi için otonom İHA ve dron altyapıları.</p></div>
</div>
</div>
<div class="col-img reveal">
<img src="https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=900&q=80" alt="Ar-Ge Laboratuvarı">
</div>
</div>
</div>
</section>
<section id="projects" class="section-pad section-dark">
<div class="wrapper">
<div class="section-header reveal">
<p class="eyebrow">İnovasyon Portfolyosu</p>
<h2>Öne Çıkan Ar-Ge Projelerimiz</h2>
</div>
<div class="cards-grid">
<div class="card reveal">
<div class="card-img"><img src="https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=800&q=80" alt="MediSeg"></div>
<div class="card-body">
<span class="badge">Yapay Zeka & Sağlık</span>
<h3>MediSeg: Tıbbi Görüntü Segmentasyonu</h3>
<p>MR ve BT görüntülerinde tümörlerin derin öğrenme ile otomatik tespiti.</p>
<a href="#" class="btn btn-ghost btn-sm">Detaylar <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="card reveal">
<div class="card-img"><img src="https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=800&q=80" alt="Kurumsal Hafıza"></div>
<div class="card-body">
<span class="badge">LLM & RAG</span>
<h3>Kurumsal Hafıza Asistanı</h3>
<p>Şirket içi dokümanlar üzerinde çalışan Private Cloud SLM çözümü.</p>
<a href="#" class="btn btn-ghost btn-sm">Detaylar <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="card reveal">
<div class="card-img"><img src="https://images.unsplash.com/photo-1473968512647-3e447244af8f?auto=format&fit=crop&w=800&q=80" alt="SkyLink"></div>
<div class="card-body">
<span class="badge">IoT & Otonom Sistemler</span>
<h3>SkyLink: LoRaWAN Haberleşmeli Dron</h3>
<p>GSM'siz alanlarda LoRaWAN ile veri aktaran otonom afet dronu.</p>
<a href="#" class="btn btn-ghost btn-sm">Detaylar <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- ============ MOBILE APPS SECTION ============ -->
<section id="mobile-apps" class="section-pad" style="background: var(--bg-body); position: relative; overflow: hidden;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0;">
<div style="position: absolute; top: -10%; right: -10%; width: 40%; height: 60%; background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%); border-radius: 50%;"></div>
<div style="position: absolute; bottom: -10%; left: -10%; width: 40%; height: 60%; background: radial-gradient(circle, rgba(124, 58, 237, 0.08) 0%, transparent 70%); border-radius: 50%;"></div>
</div>
<div class="wrapper" style="position: relative; z-index: 1;">
<div class="section-header reveal">
<p class="eyebrow">Mobil Portfolyo</p>
<h2>Akıllı Çözümler <span class="text-blue">Her An Yanınızda</span></h2>
<p class="body-text" style="max-width: 600px; margin-inline: auto;">Akademik vizyonumuzu kullanıcı dostu mobil deneyimlerle birleştirerek hayatı kolaylaştıran uygulamalar geliştiriyoruz.</p>
</div>
</div>
</section>
<section class="app-section" style="padding-top: 0;">
<div class="wrapper">
<div class="app-grid">
<div class="col-img reveal">
<div class="app-slider-container">
<div class="app-slider-inner">
<div class="app-slider" id="slider-sweepy">
<div class="app-slide"><img src="sweepy1.png" alt="Sweepy UI 1"></div>
<div class="app-slide"><img src="sweepy2.png" alt="Sweepy UI 2"></div>
<div class="app-slide"><img src="sweepy3.png" alt="Sweepy UI 3"></div>
</div>
<div class="slider-dots" id="dots-sweepy">
<div class="dot active"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>
</div>
<div class="col-text reveal">
<p class="eyebrow">Yardımcı Araçlar</p>
<h2 style="font-size: 2.5rem; margin-bottom: 1.5rem;">Sweepy: <span class="text-blue">Zahmetsiz Düzen</span></h2>
<p class="body-text" style="font-size: 1.1rem; margin-bottom: 2rem;">
Telefonunuzda yer kalmadı mı? Sweepy, galeri temizliğini eğlenceli bir oyuna dönüştürerek GB'larca alanı saniyeler içinde geri kazanmanızı sağlar.
</p>
<div class="app-features-list">
<div class="app-feature-item">
<i class="fas fa-magic"></i>
<div><h4>Akıllı Ayıklama</h4><p>Sağa kaydır sakla, sola kaydır sil. Hızlı ve sezgisel.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-layer-group"></i>
<div><h4>Dosya Yöneticisi</h4><p>Sadece silmez, albümlerinizi de kolayca düzenler.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-video"></i>
<div><h4>Video Kompresör</h4><p>Kaliteyi bozmadan videoları %90'a kadar küçültür.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-lock"></i>
<div><h4>Gizli Kasa</h4><p>Özel dosyalarınız için şifreli, çevrimdışı güvenlik.</p></div>
</div>
</div>
<div style="margin-top: 3.5rem;">
<a href="https://play.google.com/store/apps/details?id=com.loraapps.sweepit" target="_blank" class="play-badge">
<i class="fab fa-google-play"></i>
<div class="badge-text">
<span>Hemen İndir</span>
<span>Google Play</span>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="app-section">
<div class="wrapper">
<div class="app-grid">
<div class="col-img reveal">
<div class="app-slider-container">
<div class="app-slider-inner">
<div class="app-slider" id="slider-kpsskoc">
<div class="app-slide"><img src="kpsskoc1.png" alt="KPSS Koç UI 1"></div>
<div class="app-slide"><img src="kpsskoc2.png" alt="KPSS Koç UI 2"></div>
<div class="app-slide"><img src="kpsskoc0.png" alt="KPSS Koç UI 3"></div>
</div>
<div class="slider-dots" id="dots-kpsskoc">
<div class="dot active"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>
</div>
<div class="col-text reveal">
<p class="eyebrow">Eğitim Teknolojileri</p>
<h2 style="font-size: 2.5rem; margin-bottom: 1.5rem;">KPSS Koç: <span class="text-blue">Dijital Mentor</span></h2>
<p class="body-text" style="font-size: 1.1rem; margin-bottom: 2rem;">
Sınav hazırlık sürecini yapay zeka ile kişiselleştirin. Akıllı zaman takibi ve analizlerle rakiplerinizin önüne geçin.
</p>
<div class="app-features-list">
<div class="app-feature-item">
<i class="fas fa-microchip"></i>
<div><h4>AI Asistan</h4><p>7/24 yanınızda olan, sorularınızı yanıtlayan yapay zeka.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-stopwatch-20"></i>
<div><h4>Arka Plan Sayaç</h4><p>Uygulama kapalıyken bile kesintisiz çalışma takibi.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-medal"></i>
<div><h4>XP & Seviye</h4><p>Çalışmayı bir oyuna dönüştüren motivasyon sistemi.</p></div>
</div>
<div class="app-feature-item">
<i class="fas fa-chart-pie"></i>
<div><h4>Derin Analiz</h4><p>Gelişmiş istatistiklerle eksiklerinizi anında görün.</p></div>
</div>
</div>
<div style="margin-top: 3.5rem;">
<a href="https://play.google.com/store/apps/details?id=com.loraapps.kpss" target="_blank" class="play-badge">
<i class="fab fa-google-play"></i>
<div class="badge-text">
<span>Hemen İndir</span>
<span>Google Play</span>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- ============ CONTACT ============ -->
<section id="contact" class="section-pad section-dark">
<div class="wrapper">
<div class="two-col contact-layout">
<div class="col-text reveal">
<p class="eyebrow">İletişim</p>
<h2>Geleceği Birlikte<br>İnşa Edelim</h2>
<p class="body-text">Projelerimiz, iş birlikleri veya kariyer fırsatları için bize ulaşın.</p>
<div class="contact-list">
<div class="contact-row">
<span class="contact-icon"><i class="fas fa-map-marker-alt"></i></span>
<div><strong>Ofis</strong><p>Serhat Teknopark, No: 323/2, Iğdır</p></div>
</div>
<div class="contact-row">
<span class="contact-icon"><i class="fas fa-envelope"></i></span>
<div><strong>E-posta</strong><a href="mailto:bilge@lorabilisim.com">bilge@lorabilisim.com</a></div>
</div>
<div class="contact-row">
<span class="contact-icon"><i class="fas fa-phone"></i></span>
<div><strong>Telefon</strong><a href="tel:+905374759042">+90 537 475 90 42</a></div>
</div>
</div>
</div>
<div class="map-box reveal">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d98072.27064853944!2d43.99946464945454!3d39.8124095617356!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x406b2fab2a184fc9%3A0x3221cb3bac043e25!2sLoraLabs%20Bili%C5%9Fim%20Yaz%C4%B1l%C4%B1m%20Teknolojileri!5e0!3m2!1str!2str!4v1763994127459!5m2!1str!2str" allowfullscreen="" loading="lazy" title="LoraLabs Harita"></iframe>
</div>
</div>
</div>
</section>
<footer>
<div class="wrapper">
<div class="footer-inner">
<div class="footer-brand">
<a href="#home" class="logo"><img src="logo_lora.svg" alt="LoraLabs"><span>LoraLabs</span></a>
<p>Akademik bilgi birikimini yenilikçi teknolojilerle birleştirerek geleceğin akıllı sistemlerini inşa ediyoruz.</p>
<div class="socials">
<a href="https://github.com/lorabilisim" target="_blank" rel="noopener"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="footer-col">
<h4>Sayfalar</h4>
<ul>
<li><a href="#home">Anasayfa</a></li>
<li><a href="#about">Hakkımızda</a></li>
<li><a href="#projects">Projelerimiz</a></li>
<li><a href="staj.html">Staj Başvurusu</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Kurumsal</h4>
<ul>
<li><a href="#">KVKK Aydınlatma</a></li>
<li><a href="#">Gizlilik Politikası</a></li>
<li><a href="#">Kullanım Şartları</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 LoraLabs Bilişim Yazılım Teknolojileri. Tüm hakları saklıdır.</p>
</div>
</div>
</footer>
<script src="main.js"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>