Many many updates & I'm too lazy to comment
This commit is contained in:
Ferit Yiğit BALABAN
349
aydinlatma.html
Normal file
349
aydinlatma.html
Normal file
@@ -0,0 +1,349 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="tr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport"/>
|
||||
<meta name="description" content="Uğur Galeri">
|
||||
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
|
||||
<title>KVKK Aydınlatma Metni</title>
|
||||
</head>
|
||||
<body>
|
||||
<header id="header">
|
||||
<img id="logo" src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<nav class="navbar">
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="#brands">Markalar</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</nav>
|
||||
<a class="menu"><img alt="Menu" src="resources/img/menu-white.png"></a>
|
||||
</header>
|
||||
<div id="container">
|
||||
<div id="content" class="content_spacing">
|
||||
<h1>Kişisel Verilerin Korunması Kanunu Aydınlatma Metni</h1>
|
||||
<p>Bu politika Veri Sorumlusu sıfatıyla Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti.’nin
|
||||
tedarikçi, ziyaretçi, müşteri ile web sitesi (<a
|
||||
href="https://www.ugurgaleri.net/">https://ugurgaleri.net/</a>) kullanıcıları gibi kişisel
|
||||
verilerini işlediği gerçek kişiler tarafından bilinmesi gerekli olan kişisel verilerin işlenmesine yönelik
|
||||
ilkelerinin neler olduğunu açıklamaktadır.</p>
|
||||
<h2>I.Tanımlar</h2>
|
||||
|
||||
<p>Bu politika kapsamında;</p>
|
||||
<p><b>Uğur Koçak Otomotiv / Treyler:</b> Sitenin sahibi olan Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler
|
||||
Ltd. Şti.’yi,</p>
|
||||
|
||||
<p><b>İlgili kişi/gerçek kişi:</b> Kişisel veri sahibini,</p>
|
||||
|
||||
<p><b>Kayıt ortamı:</b> Tamamen veya kısmen otomatik olan ya da herhangi bir veri kayıt sisteminin parçası olmak
|
||||
kaydıyla otomatik olmayan yollarla işlenen kişisel verilerin bulunduğu her türlü ortamı,</p>
|
||||
|
||||
<p><b>Site:</b> http://www.ugurgaleri.net/ adresinde yer alan web sitesini,</p>
|
||||
|
||||
<p><b>Veri İşleyen:</b> Veri sorumlusunun verdiği yetkiye dayanarak onun adına kişisel verileri işleyen
|
||||
gerçek veya tüzel kişiyi,</p>
|
||||
|
||||
<p><b>Veri Sorumlusu:</b> Kişisel verilerin işleme amaçlarını ve vasıtalarını belirleyen, veri kayıt
|
||||
sisteminin kurulmasından ve yönetilmesinden sorumlu olan gerçek veya tüzel kişiyi,</p>
|
||||
|
||||
<p><b>5651 Sayılı Kanun:</b> İnternet Ortamında Yapılan Yayınların Düzenlenmesi ve Bu Yayınlar Yoluyla İşlenen
|
||||
Suçlarla Mücadele Edilmesi Hakkında Kanunu,</p>
|
||||
|
||||
<p><b>6698 Sayılı Kanun/KVKK:</b> Kişisel Verilerin Korunması Kanununu, ifade eder.</p>
|
||||
|
||||
<h2>II. Kişisel Verilerinizin Elde Edilmesi ve İşlenmesi</h2>
|
||||
<h3>1.Web Sitesi Kullanıcılarının (Çevrimiçi ziyaretçi) ve WIFI Hizmeti Kullanıcılarının Kişisel Verilerinin
|
||||
İşlenmesi</h3>
|
||||
|
||||
<h4>1.1. Web Sitesi Kullanıcılarının (Çevrimiçi ziyaretçi) Kişisel Verilerinin İşlenmesi</h4>
|
||||
<p>Siteyi kullanan kullanıcılar talep ve önerilerde bulunmak amacıyla ad, soyad, e-posta, mesaj, telefon ve
|
||||
formun konusu şeklindeki bilgileri <a href="https://www.ugurgaleri.net/iletisim.html">https://www.ugurgaleri.net/iletisim.html</a>
|
||||
linkinde yer alan formu doldurarak iletebilirler.</p>
|
||||
<p>Kullanıcılar paylaştıkları bu kişisel verileri Site tamamen kendi iradeleri ile paylaştıklarını kabul
|
||||
ederler. Bu kişisel veriler, sadece kullanıcılar tarafından yöneltilen talep ve önerilerin değerlendirmesi
|
||||
amacıyla işlenecektir.</p>
|
||||
<p>Bunun yanı sıra Web Sitesini ziyaret eden kullanıcılara ait IP adresi, verilen hizmetin başlama ve bitiş
|
||||
zamanı, yararlanılan hizmetin türü, aktarılan veri miktarı ve varsa abone kimlik bilgilerinden oluşan
|
||||
“trafik bilgileri”, 5651 Sayılı Kanun uyarınca işlenmektedir.</p>
|
||||
|
||||
<h4>1.2. WIFI Hizmeti Kullanıcılarının Kişisel Verilerinin İşlenmesi</h4>
|
||||
Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. fiziksel olarak Uğur Galeri yerleşkesini ziyaret
|
||||
eden ve WIFI kullanmak isteyen ziyaretçilerinden, bu hizmeti sunmak ve 5651 sayılı kanun ve ilgili İkincil
|
||||
mevzuatına uymak amacıyla; cep telefonu numarası ve trafik bilgilerini işlemektedir.
|
||||
<h3>2. Tedarikçilerin Kişisel Verilerinin İşlenmesi:</h3>
|
||||
Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. ürün, hizmet veya mal tedarik süreçlerinin takibi
|
||||
ve icrası amacıyla gerçek kişi tedarikçi, tedarikçi çalışanı ve/veya tedarikçi yetkilisine ait kişisel verileri
|
||||
işlemektedir.
|
||||
<h4>2.1. Tedarik süreçlerinde işlenen kişisel veriler</h4>
|
||||
Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. tedarik süreçleri kapsamında aşağıdaki kişisel
|
||||
verileri işlemektedir:
|
||||
<ul>
|
||||
<li>Gerçek kişi tedarikçiye ilişkin olarak ad, soyad, TC kimlik numarası gibi kimlik bilgileri; banka
|
||||
bilgileri gibi finansal bilgiler; adres, e-posta, cep telefonu gibi iletişim bilgileri,
|
||||
</li>
|
||||
<li>Tedarikçi yetkilisine ilişkin olarak ad, soyad, TC kimlik numarası gibi kimlik bilgileri, fotoğraf;
|
||||
vekaletname/sirküler gibi belgelerde yer alan imza gibi özel nitelikli kişisel veriler; adres, e-posta,
|
||||
cep telefonu gibi iletişim bilgileri,
|
||||
</li>
|
||||
<li>Tedarikçi çalışanına ilişkin olarak ad, soyad, TC kimlik numarası gibi kimlik bilgileri; SGK bordrosu,
|
||||
İSG evrakı gibi özlük bilgileri; sağlık raporu, adli sicil kaydı gibi özel nitelikli kişisel veriler;
|
||||
eğitim durumu, sertifikalar gibi eğitim/mesleki deneyim ve tecrübe bilgileri; banka bilgileri gibi
|
||||
finansal bilgiler; adres, e-posta, cep telefonu gibi iletişim bilgileri.
|
||||
</li>
|
||||
</ul>
|
||||
<h4>2.2. Tedarik Süreçlerinde Kişisel Veri İşleme Amacı</h4>
|
||||
<ul>
|
||||
<li>İş Sağlığı ve Güvenliği Kanunu, SGK, İş Kanunu, Türk Ticaret Kanunu, Vergi Usul Kanunu gibi mevzuattan
|
||||
kaynaklanan yükümlülüklerin yerine getirilmesi,
|
||||
</li>
|
||||
<li>Mal, ürün veya hizmet tedarikine ilişkin sözleşme süreçlerinin takibi ve icrası,</li>
|
||||
<li>Kurumsal şirket kurallarına uyumun sağlanması.</li>
|
||||
</ul>
|
||||
<h4>2.3. Tedarikçiye ait Kişisel Verilerin Toplanma ve İşlenme Yöntemleri</h4>
|
||||
Bu kişisel veriler;
|
||||
<ul>
|
||||
<li>Tedarikçi yetkilisi, tedarikçi çalışanı veya gerçek kişi tedarikçinin kendisi,</li>
|
||||
<li>Sirküler/Vekaletname gibi belgeler,</li>
|
||||
<li>E-posta, telefon, web sitesi gibi iletişim kanalları,</li>
|
||||
<li>Sözleşme,</li>
|
||||
<li>Referans Kontrol Formu</li>
|
||||
</ul>
|
||||
ile toplanmakta ve işlenmektedir.
|
||||
<h4>2.4. Tedarikçi Yetkilisi, Tedarikçi Çalışanı veya Gerçek Kişi Tedarikçinin Kişisel Verilerine
|
||||
İlişkin Hakları</h4>
|
||||
KVKK’den kaynaklanan haklarını kullanmak isteyen tedarikçi yetkilisi, tedarikçi çalışanı veya gerçek
|
||||
kişi tedarikçinin bu politikada açıklanan usul ve esaslar kapsamında Uğur Koçak Otomotiv / Treyler‘e
|
||||
başvurabilirler.
|
||||
<h4>2.5. Tedarikçi Yetkilisi, Tedarikçi Çalışanı veya Gerçek Kişi Tedarikçinin Kişisel Verilerinin
|
||||
Güvenliği</h4>
|
||||
Kişisel verilerin güvenliği hakkında detaylı bilgi bu dokümanın kişisel verilerin güvenliğine ilişkin
|
||||
bölümünde yer almaktadır.
|
||||
<h3>3. Fiziksel Ziyaretçilerin Kişisel Verilerin İşlenmesi</h3>
|
||||
<h4>3.1. Uğur Galeri yerleşkesini fiziksel olarak ziyaret eden gerçek kişilerin işlenen kişisel
|
||||
verileri</h4>
|
||||
Uğur Koçak Otomotiv Ltd.Şti./ Uğur Koçak Treyler Ltd.Şti. Uğur Galeri yerleşkesini ziyaret eden gerçek
|
||||
kişilerin;
|
||||
<ul>
|
||||
<li>Kimlik bilgileri (TC kimlik belgesi, ehliyet, pasaport, avukat kimliği gibi),</li>
|
||||
<li>Ziyaret edeceği kişi bilgisi,</li>
|
||||
<li>Ziyaretçi giriş ve çıkış saati,</li>
|
||||
<li>Araç marka ve plakası,</li>
|
||||
<li>Hangi firmadan geldiği,</li>
|
||||
<li>Sesli ve görüntülü kaydı,</li>
|
||||
</ul>
|
||||
şeklindeki kişisel verileri/özel nitelikli kişisel verileri işlemektedir.
|
||||
Uğur Koçak Otomotiv Ltd.Şti./ Uğur Koçak Treyler Ltd.Şti. çalışan ve ziyaretçilerinin güvenliğini
|
||||
sağlamak amacıyla bina içi ve dışında kameralar ile sesli ve görüntülü kayıt alınmaktadır.
|
||||
Ziyaretçilere kamera ile kayıt yapıldığına ilişkin bilgilendirmeler bina içerisinde yapılmaktadır.
|
||||
<h4>3.2. Ziyaretçilerin Kişisel Verilerinin İşlenme Amacı</h4>
|
||||
Uğur Koçak Otomotiv Ltd.Şti./ Uğur Koçak Treyler Ltd.Şti. Uğur Galeri yerleşkesini ziyaret eden
|
||||
kişilerin kişisel verilerini aşağıdaki amaçlarla işlemektedir:
|
||||
<ul>
|
||||
<li>Mekan Güvenliğinin Sağlanması</li>
|
||||
<li>Tabi olunan mevzuat uyarınca kimlik bilgi ve belgelerini almak,</li>
|
||||
<li>Ziyaretçi giriş kartı vermek ve ziyaretçi numarası oluşturmak,</li>
|
||||
<li>Ziyaret giriş çıkış saatlerinin kaydını tutmak,</li>
|
||||
<li>Silahla gelen ziyaretçiler için silah teslim tutanağı oluşturmak,</li>
|
||||
<li>Ziyaretçi kartı ile birlikte binanın iç ve dış krokisini ve gerekli güvenlik bilgilerini paylaşmak.</li>
|
||||
<li>Acil durum yönetimi süreçlerinin planlanması ve icrası (terör, yangın),</li>
|
||||
<li>Binaya gelen kişi/ürünlerin güvenlik taramalarının gerçekleştirmek,</li>
|
||||
<li>Suç ya da hukuka aykırılık durumunda kolluk kuvvetine haber vermek.</li>
|
||||
</ul>
|
||||
<h4>3.3. Ziyaretçilere ait Kişisel Verilerin Toplanma ve İşlenme Yöntemleri</h4>
|
||||
<ul>
|
||||
<li>Ziyaretçinin kendisine ait resmi kimlik belgeleri (TC kimlik, ehliyet, pasaport, avukat kimlik kartı
|
||||
gibi)
|
||||
</li>
|
||||
<li>Kamera sistemi ile alınan sesli ve görüntülü kayıtları ile kişisel veriler işlenmektedir.</li>
|
||||
</ul>
|
||||
<h4>3.4. Ziyaretçilerin Kişisel Verilerinin Güvenliğinin Sağlanması ve Kişisel Veri
|
||||
Paylaşımı</h4>
|
||||
Ziyaretçilere ait gerek kimlik bilgileri gerek kamera sistemi kayıtları sadece yetkili
|
||||
kişilerin erişimine açık olan sistemlerde muhafaza edilmektedir. Bu kişisel veriler talep
|
||||
halinde, verileri talep etmeye hukuken yetkili olan kamu kurum ve kuruluşları ile
|
||||
paylaşılabilmektedir.
|
||||
4. Sosyal Sorumluluk Projesi Katılımcılarının Kişisel Verilerinin İşlenmesi
|
||||
<h4>4.1. Uğur Koçak Otomotiv Ltd.Şti./ Uğur Koçak Treyler Ltd.Şti.’in organize ettiği sosyal
|
||||
sorumluluk projelerinde, proje ortağı ve proje katılımcılarının (gönüllü çalışan, veli,
|
||||
öğrenci gibi) işlenen kişisel verileri aşağıdaki gibidir:</h4>
|
||||
<ul>
|
||||
<li>Kimlik bilgileri</li>
|
||||
<li>İletişim bilgisi</li>
|
||||
<li>Eğitim bilgileri</li>
|
||||
<li>Finansal Bilgi</li>
|
||||
</ul>
|
||||
<h4>4.2. Proje Ortağı ve Proje Katılımcılarının Kişisel Verilerinin İşlenme Amacı</h4>
|
||||
<ul>
|
||||
<li>Şirketin bilinirliğini arttırmak,</li>
|
||||
<li>Toplumsal fayda ve farkındalık yaratmak,</li>
|
||||
<li>Kurumsal iletişim faaliyetlerinin planlanması ve icrası,</li>
|
||||
<li>Etkinlik yönetimi,</li>
|
||||
<li>Sosyal sorumluluk ve/veya sivil toplum aktivitelerinin planlanması ve icrası,
|
||||
</li>
|
||||
<li>Sponsorluk faaliyetlerinin planlanması ve icrası.</li>
|
||||
</ul>
|
||||
<h4>4.3. Proje Ortağı ve Proje Katılımcılarının Kişisel Verilerinin Toplanma ve
|
||||
İşlenme Yöntemleri</h4>
|
||||
Bu kişisel veriler, proje bazında bizzat proje ortağı ve/veya proje katılımcılarının
|
||||
kendilerinden alınmaktadır.
|
||||
III. Kişisel Verilerinizin Güvenliği, Aktarımı ve Kişisel Verileriniz Üzerindeki
|
||||
Haklarınızın Kullanılması
|
||||
Yukarıda belirtilen kişisel veriler, Uğur Koçak Otomotiv Ltd.Şti./ Uğur Koçak
|
||||
Treyler Ltd.Şti. nezdinde yer alan veri tabanında 6698 Sayılı Kişisel Verilerin
|
||||
Korunması Kanunu madde 12 doğrultusunda gizlilik ve güvenlik gereksinimleri
|
||||
sağlanarak saklanmakta ve ticari amaçlarla üçüncü kişilerle paylaşılmayacaktır.
|
||||
Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. işlediğin kişisel
|
||||
verilerin güvenliğini sağlamak, hukuka aykırı erişimi önlemek ve hukuka aykırı veri
|
||||
işlemeleri engellemek amacıyla asgari olarak aşağıdaki önlemleri almaktadır:
|
||||
<ul>
|
||||
<li>Web sitesi üzerinden kişisel verilerin alındığı tüm sayfalar SSL sertifikası
|
||||
ile korunmaktadır.
|
||||
</li>
|
||||
<li>Kişisel veri barındıran bilişim sistemlerinin yetkisiz erişimlere ve hukuka
|
||||
aykırı veri işlemelere karşı korunmasını sağlamak amacıyla hash, şifreleme,
|
||||
işlem kaydı,
|
||||
</li>
|
||||
erişim yönetimi ve fiziksel güvenlik tedbirleri almaktadır.
|
||||
<li>Web sitesi ve kişisel veri barındıran tüm sistemlerin üzerinde bulunduğu
|
||||
network firewall ile korunmaktadır.
|
||||
</li>
|
||||
<li>Web Sitemizde çevrimiçi ziyaretçilerin site kullanım alışkanlıklarını takip
|
||||
etmeyi hedefleyen cookie (çerez) kullanılmamaktadır.
|
||||
</li>
|
||||
</ul>
|
||||
<p>Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. çevrimiçi ve fiziksel
|
||||
ziyaretçilere ilişkin kişisel verileri mevzuat gereği saklamakta ve talep
|
||||
halinde ilgili kamu kurum ve kuruluşları ile paylaşabilmektedir. Tedarikçilere
|
||||
ilişkin kişisel veriler, temin edilen mal, ürün veya hizmete ilişkin olarak Uğur
|
||||
Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. bünyesindeki şirketler ve
|
||||
iştirakleri ile ve ayrıca ilgili kamu kuruluşları ile paylaşabilmektedir. Uğur
|
||||
Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. tarafından organize edilen
|
||||
sosyal sorumluluk projelerinin katılımcıları ve/veya proje ortaklarına ilişkin
|
||||
kişisel veriler ise ilgili kişinin açık rızasına istinaden basılı, görsel ve
|
||||
sosyal medyada paylaşılabilmektedir. Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak
|
||||
Treyler Ltd. Şti. bünyesindeki şirketler ve iştirakleri için
|
||||
<a href="https://www.ugurgaleri.net/">https://www.ugurgaleri.net/</a> adresinden bilgi edinebilirsiniz.</p>
|
||||
<p>İşbu Kişisel Verilerin Korunması Politikasında belirtilen amaçlar ve kişisel
|
||||
verilerin işlenme yöntemleri kapsamında bizimle paylaşmış olduğunuz kişisel
|
||||
verileriniz üzerinde 6698 Sayılı Kanun md. 11 uyarınca sahip olduğunuz haklar
|
||||
aşağıdaki gibidir:</p>
|
||||
<ol type="a">
|
||||
<li>Kişisel veri işlenip işlenmediğini öğrenme,</li>
|
||||
<li>Kişisel verileri işlenmişse buna ilişkin bilgi talep etme,</li>
|
||||
<li>Kişisel verilerin işlenme amacını ve bunların amacına uygun kullanılıp kullanılmadığını öğrenme,
|
||||
</li>
|
||||
<li>Yurt içinde veya yurt dışında kişisel verilerin aktarıldığı üçüncü kişileri bilme,</li>
|
||||
<li>Kişisel verilerin eksik veya yanlış işlenmiş olması hâlinde bunların düzeltilmesini isteme,</li>
|
||||
<li>7 nci maddede öngörülen şartlar çerçevesinde kişisel verilerin silinmesini veya yok edilmesini
|
||||
isteme,
|
||||
</li>
|
||||
<li>(d) ve (e) bentleri uyarınca yapılan işlemlerin, kişisel verilerin aktarıldığı üçüncü kişilere
|
||||
bildirilmesini isteme,
|
||||
</li>
|
||||
<li>İşlenen verilerin münhasıran otomatik sistemler vasıtasıyla analiz edilmesi suretiyle kişinin kendisi
|
||||
aleyhine bir sonucun ortaya çıkmasına itiraz etme,
|
||||
</li>
|
||||
<li>Kişisel verilerin kanuna aykırı olarak işlenmesi sebebiyle zarara uğraması hâlinde zararın
|
||||
giderilmesini talep etme.
|
||||
</li>
|
||||
</ol>
|
||||
<p>Bu haklarınızı kullanmak için <a href="mailto:iletisim@ugurkocaktreyler.com.tr">iletisim@ugurkocaktreyler.com.tr</a>
|
||||
mail adresi ile bizimle her zaman irtibata
|
||||
geçebilirsiniz.</p>
|
||||
|
||||
<h2>IV. Kişisel Verilerinizin Doğru ve Güncel Olarak Muhafaza Edilmesi</h2>
|
||||
<p>Kişisel verilerini işlediğimiz ilgili kişi grupları Web Sitesi üzerinden
|
||||
paylaştıkları ve/veya bizzat kendilerinin verdikleri, sözleşme ilişkisi
|
||||
dolayısıyla alınan kişisel verilerin doğru ve güncel olmasının, KVKK anlamında
|
||||
kişisel verileri üzerinde sahip oldukları hakları kullanabilmeleri ve ilgili
|
||||
diğer mevzuat açısından önemli olduğunu bildiklerini ve yanlış bilgi
|
||||
verilmesinden doğacak sorumluluğun tamamen kendilerine ait olacağını kabul ve
|
||||
beyan etmişlerdir. Paylaşmış olduğunuz kişisel verileriniz ilgili değişiklik
|
||||
ve/veya güncellemeleri <a
|
||||
href="mailto:iletisim@ugurkocaktreyler.com.tr">iletisim@ugurkocaktreyler.com.tr</a> adresine
|
||||
ulaşarak
|
||||
yapabilirsiniz.</p>
|
||||
<h2>V. Kişisel Veri Saklama Süresi</h2>
|
||||
<p>Çevrimiçi ziyaretçilere ilişkin kişisel verilerin saklanması süresi 5651 sayılı
|
||||
Kanun uyarınca 2 yıldır. Fiziksel ziyaretçilere ilişkin kamera kayıtlarının
|
||||
saklanma süresi 30 gündür. Kimlik bilgilerine ilişkin kişisel veriler ise ilgili
|
||||
mevzuatta öngörülen süreler çerçevesinde saklanır. Tedarikçilere ilişkin kişisel
|
||||
veriler hukuki ilişkinin sona ermesinden itibaren mevzuat uyarınca 10 yıl süre
|
||||
ile saklanmaktadır.</p>
|
||||
<h2>VI. Kişisel Verilerinizin Silinmesi, Yok Edilmesi veya Anonimleştirilmesi</h2>
|
||||
<p>İşbu Kişisel Verilerin Korunması Politikasında belirtilen amaçlarla işlenmiş
|
||||
olan kişisel verileriniz; 6698 Sayılı Kanun md. 7/f.1’e göre işlenmesi
|
||||
gerektiren amaç ortadan kalktığında ve md. 17 ve Türk Ceza Kanunu md. 138’e göre
|
||||
ise Kanunların belirlediği süreler geçince tarafımızca anonimleştirilerek
|
||||
kullanılmaya devam edilecektir.</p>
|
||||
<p>Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. ilgili mevzuatta öngörülen veya işleme amacının
|
||||
gerekli kıldığı saklama süreleri sona erdiğinde, periyodik imha için öngörülen 6
|
||||
aylık süre zarfında; işlediği kişisel verileri Kişisel Verileri Koruma Kurulu
|
||||
tarafından yayımlanan Kişisel Verilerin Silinmesi, Yok Edilmesi veya Anonim Hale
|
||||
Getirilmesine İlişkin Rehber’de belirtilen anonim hale getirme yöntemlerinden,
|
||||
iş süreçleri ve faaliyetlerine en uygun olan bir veya birkaç tekniği kullanarak
|
||||
anonimleştirir ve bu şekilde verileri kullanmaya devam eder ya da imha eder.</p>
|
||||
<h2>VII. Kişisel Verilerin Kategorizasyonu</h2>
|
||||
<p>
|
||||
<b>İLGİLİ KİŞİ GRUBU</b><br>
|
||||
<b>VERİ KATEGORİSİ</b><br>
|
||||
Çevrimiçi ziyaretçi ve WIFI Hizmeti Kullanıcıları<br>
|
||||
Kimlik Verisi, İletişim Verisi, Hukuki İşlem Verisi<br>
|
||||
Gerçek Kişi Tedarikçi, Tedarikçi Yetkilisi, Tedarikçi Çalışanı<br>
|
||||
Kimlik Verisi, İletişim Verisi, Hukuki İşlem Verisi, Finansal Veri, Kurumsal Kimlik Verisi, Görsel ve
|
||||
İşitsel Veri, Özel Nitelikli Kişisel Veri, Özlük Verisi<br>
|
||||
Fiziksel Ziyaretçi<br>
|
||||
Kimlik Verisi, Görsel ve İşitsel Veri<br>
|
||||
Kimlik Verisi, İletişim Verisi, Görsel ve İşitsel Veri, Finansal Veri, Eğitim Verisi</p>
|
||||
<h2>VIII. Politikada Yapılabilecek Değişiklikler ve Güncellemeler</h2>
|
||||
<p>Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. bu politikada yasal
|
||||
düzenlemeler ve şirket politikası doğrultusunda değişiklik veya güncellemeler
|
||||
yapabilir. Tüm bu değişiklik ve güncellemeleri yansıtan yeni politika metni
|
||||
hakkında ilgili kişilere web sitesi üzerinden gerekli bilgilendirmeler yapılır.</p>
|
||||
|
||||
</div>
|
||||
<footer id="footer">
|
||||
<div class="footer-column">
|
||||
<h2>Uğur Galeri</h2>
|
||||
<hr>
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>Kurumsal</h2>
|
||||
<hr>
|
||||
<a>Misyonumuz</a>
|
||||
<a>Vizyonumuz</a>
|
||||
<a>Yönetim</a>
|
||||
<a href="aydinlatma.html">KVKK Aydınlatma Metni</a>
|
||||
<a href="kamera.html">KVKK Kamera Kullanımı</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>Sosyal Medyada Biz</h2>
|
||||
<hr>
|
||||
<a class="footer-social" href="https://www.arabam.com/galeri/yavuz-ugur-galeri">
|
||||
<img src="resources/img/arabam.jpg" alt="arabam.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://ugurgaleri1.sahibinden.com/">
|
||||
<img src="resources/img/sahibinden.png" alt="sahibinden.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.facebook.com/ugurgalerikaracabey/">
|
||||
<img src="resources/img/facebook.svg" alt="facebook.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.instagram.com/ugurgaleri/">
|
||||
<img src="resources/img/instagram.png" alt="instagram.com logosu">
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>İletişim</h2>
|
||||
<hr>
|
||||
<a href="tel:+902246718380">Sabit Hat: 0224 671 83 80</a>
|
||||
<a href="tel:+905325668216">Cep Telefonu: 0532 566 82 16</a>
|
||||
<a href="https://goo.gl/maps/oy2ZXFKB9nWmn7498">Sırabademler Mah., Kümeevler, 16100 Karacabey/BURSA</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
71
index.html
71
index.html
@@ -4,26 +4,53 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta name="description" content="Uğur Galeri">
|
||||
<link type="text/css" rel="stylesheet" href="styles/main.css">
|
||||
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
|
||||
<title>Uğur Galeri</title>
|
||||
</head>
|
||||
<body>
|
||||
<header id="header">
|
||||
<img id="logo" src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<nav class="navbar">
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="#brands">Markalar</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</nav>
|
||||
<a class="menu"><img alt="Menu" src="resources/img/menu-white.png"></a>
|
||||
</header>
|
||||
<div id="container">
|
||||
<header id="header">
|
||||
<h1 id="logo">Uğur Galeri</h1>
|
||||
<nav class="navbar">
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</nav>
|
||||
<a class="menu"><img alt="Menu" src="resources/imgs/menu-white.png"></a>
|
||||
</header>
|
||||
<div id="left"></div> <!-- Intentionally blank -->
|
||||
<div id="content">
|
||||
<h1>Merhaba!</h1>
|
||||
<div class="showcase">
|
||||
<img src="resources/img/showcase.jpg">
|
||||
<h1>Biz bir şeyler satıyoruz.</h1>
|
||||
</div>
|
||||
<div id="brands" class="group">
|
||||
<div class="group-item">
|
||||
<img src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem dolore iusto nisi sit voluptate voluptatibus! Corporis deserunt dolores et vel voluptatum! Amet animi assumenda at atque cum cupiditate debitis esse ex exercitationem ipsam ipsum iure libero mollitia nesciunt nostrum odio optio perferendis quam quis repellat sed sint vel vero, voluptatem voluptates! At, aut beatae debitis distinctio doloribus enim eveniet ex exercitationem iusto magnam minus molestias nostrum odio quas vel? At natus officia sint unde voluptates? Aliquid ducimus nesciunt odit quia ratione velit! Consequatur cumque, deleniti enim et explicabo inventore minima quaerat quidem quod sed. Aperiam dolor eum odit sed!</p>
|
||||
</div>
|
||||
<div class="group-item">
|
||||
<figure>
|
||||
<img src="resources/img/ukt.png" alt="Uğur Koçak Treyler logosu">
|
||||
<hr>
|
||||
<img class="side" src="resources/img/makinsan.png" alt="Makinsan logosu">
|
||||
<img class="side" src="resources/img/krone.jpg" alt="Krone logosu">
|
||||
</figure>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem dolore iusto nisi sit voluptate voluptatibus! Corporis deserunt dolores et vel voluptatum! Amet animi assumenda at atque cum cupiditate debitis esse ex exercitationem ipsam ipsum iure libero mollitia nesciunt nostrum odio optio perferendis quam quis repellat sed sint vel vero, voluptatem voluptates! At, aut beatae debitis distinctio doloribus enim eveniet ex exercitationem iusto magnam minus molestias nostrum odio quas vel? At natus officia sint unde voluptates? Aliquid ducimus nesciunt odit quia ratione velit! Consequatur cumque, deleniti enim et explicabo inventore minima quaerat quidem quod sed. Aperiam dolor eum odit sed!</p>
|
||||
</div>
|
||||
<div class="group-item">
|
||||
<img src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem dolore iusto nisi sit voluptate voluptatibus! Corporis deserunt dolores et vel voluptatum! Amet animi assumenda at atque cum cupiditate debitis esse ex exercitationem ipsam ipsum iure libero mollitia nesciunt nostrum odio optio perferendis quam quis repellat sed sint vel vero, voluptatem voluptates! At, aut beatae debitis distinctio doloribus enim eveniet ex exercitationem iusto magnam minus molestias nostrum odio quas vel? At natus officia sint unde voluptates? Aliquid ducimus nesciunt odit quia ratione velit! Consequatur cumque, deleniti enim et explicabo inventore minima quaerat quidem quod sed. Aperiam dolor eum odit sed!</p>
|
||||
</div>
|
||||
<div class="group-item">
|
||||
<img src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem dolore iusto nisi sit voluptate voluptatibus! Corporis deserunt dolores et vel voluptatum! Amet animi assumenda at atque cum cupiditate debitis esse ex exercitationem ipsam ipsum iure libero mollitia nesciunt nostrum odio optio perferendis quam quis repellat sed sint vel vero, voluptatem voluptates! At, aut beatae debitis distinctio doloribus enim eveniet ex exercitationem iusto magnam minus molestias nostrum odio quas vel? At natus officia sint unde voluptates? Aliquid ducimus nesciunt odit quia ratione velit! Consequatur cumque, deleniti enim et explicabo inventore minima quaerat quidem quod sed. Aperiam dolor eum odit sed!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="social">
|
||||
</div>
|
||||
</div>
|
||||
<div id="right"></div> <!-- Intentionally blank -->
|
||||
<footer id="footer">
|
||||
<div class="footer-column">
|
||||
<h2>Uğur Galeri</h2>
|
||||
@@ -39,27 +66,23 @@
|
||||
<a>Misyonumuz</a>
|
||||
<a>Vizyonumuz</a>
|
||||
<a>Yönetim</a>
|
||||
<a>KVKK Aydınlatma Metni</a>
|
||||
<a>KVKK Kamera Kullanımı</a>
|
||||
<a href="aydinlatma.html">KVKK Aydınlatma Metni</a>
|
||||
<a href="kamera.html">KVKK Kamera Kullanımı</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>Sosyal Medyada Biz</h2>
|
||||
<hr>
|
||||
<a class="footer-social" href="https://www.arabam.com/galeri/yavuz-ugur-galeri">
|
||||
<img src="resources/imgs/arabam.jpg" alt="arabam.com logosu">
|
||||
<p>Arabam.com</p>
|
||||
<img src="resources/img/arabam.jpg" alt="arabam.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://ugurgaleri1.sahibinden.com/">
|
||||
<img src="resources/imgs/sahibinden.png" alt="sahibinden.com logosu">
|
||||
<p>Sahibinden.com</p>
|
||||
<img src="resources/img/sahibinden.png" alt="sahibinden.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.facebook.com/ugurgalerikaracabey/">
|
||||
<img src="resources/imgs/facebook.svg" alt="facebook.com logosu">
|
||||
<p>Facebook</p>
|
||||
<img src="resources/img/facebook.svg" alt="facebook.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.instagram.com/ugurgaleri/">
|
||||
<img src="resources/imgs/instagram.png" alt="instagram.com logosu">
|
||||
<p>Instagram</p>
|
||||
<img src="resources/img/instagram.png" alt="instagram.com logosu">
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
|
||||
98
kamera.html
Normal file
98
kamera.html
Normal file
@@ -0,0 +1,98 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="tr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport"/>
|
||||
<meta name="description" content="Uğur Galeri">
|
||||
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
|
||||
<title>KVKK Aydınlatma Metni</title>
|
||||
</head>
|
||||
<body>
|
||||
<header id="header">
|
||||
<img id="logo" src="resources/img/ugurgaleri-yazıtek.png">
|
||||
<nav class="navbar">
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="#brands">Markalar</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</nav>
|
||||
<a class="menu"><img alt="Menu" src="resources/img/menu-white.png"></a>
|
||||
</header>
|
||||
<div id="container">
|
||||
<div id="content" class="content_spacing">
|
||||
<h1>Aydınlatma Metni</h1>
|
||||
<h3>Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. Uğur Galeri Yerleşkesi içerisinde Yer Alan
|
||||
Güvenlik Kameraları Hakkında Aydınlatma Metni</h3>
|
||||
|
||||
<p>Bu aydınlatma metni, 6698 sayılı Kişisel Verilerin Korunması Kanununun 10. maddesi ile Aydınlatma
|
||||
Yükümlülüğünün Yerine Getirilmesinde Uyulacak Usul ve Esaslar Hakkında Tebliğ kapsamında veri sorumlusu
|
||||
sıfatıyla Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti. tarafından hazırlanmıştır.</p>
|
||||
|
||||
<p>Hizmet binalarımız içerisindeki giriş kapıları, bina dış cephesi, yemekhane, ziyaretçi görüşme salonu,
|
||||
otopark, güvenlik kulübesi, ofis odaları, tamir bakım alanı,galeri sahası alanında bulunan toplam 15 adet
|
||||
güvenlik kamerası vasıtasıyla ve bina güvenliğinin sağlanması amacıyla görüntü kaydı yapılmakta ve kayıt
|
||||
işlemi şirket yönetimi tarafından denetlenmektedir. İlgili kanun gereği; çalışanların iş sağlığı ve
|
||||
güvenliğinin korunması, işyerinde gerek işveren gerek işçi açısından genel güvenliğin sağlanması ve yapılan
|
||||
işin işleyişinin takibi amacıyla hizmet binalarımızda görüntülü kayıt yapılmaktadır. Ayrıca bu kayıtlar
|
||||
yasal mevzuatta öngörülen ve/veya işlendikleri amaç için gerekli olan süreler kadar saklanacaktır.</p>
|
||||
|
||||
<p>Söz konusu kişisel veri, Kanunun 5. maddesinde yer alan “veri sorumlusunun hukuki yükümlülüğünü yerine
|
||||
getirebilmesi için zorunlu olması” ve “ilgili kişinin temel hak ve özgürlüklerine zarar vermemek kaydıyla,
|
||||
veri sorumlusunun meşru menfaatleri için veri işlenmesinin zorunlu olması” hukuki sebebine dayanarak
|
||||
otomatik yolla işlenmektedir.</p>
|
||||
|
||||
<p>Söz konusu kişisel veriler hukuki uyuşmazlıkların giderilmesi veya ilgili mevzuatı gereği talep halinde adli
|
||||
makamlar veya ilgili kolluk kuvvetlerine aktarılabilecektir.</p>
|
||||
|
||||
<p>Kanunun ilgili kişinin haklarını düzenleyen 11. maddesi kapsamındaki taleplerinizi, “Veri Sorumlusuna Başvuru
|
||||
Usul ve Esasları Hakkında Tebliğe” göre Uğur Koçak Otomotiv Ltd. Şti. / Uğur Koçak Treyler Ltd. Şti.nin
|
||||
Sırabademler Mah. Kümeevler Bursa Karacabey Yolu No: 10 Karacabey/BURSA adresinden yazılı olarak veya
|
||||
elektronik posta üzerinden <a href="mailto:iletisim@ugurkocaktreyler.com.tr">iletisim@ugurkocaktreyler.com.tr</a>
|
||||
e-posta adresine iletebilirsiniz.</p>
|
||||
</div>
|
||||
<footer id="footer">
|
||||
<div class="footer-column">
|
||||
<h2>Uğur Galeri</h2>
|
||||
<hr>
|
||||
<a class="nav-item" href="index.html">Ana sayfa</a>
|
||||
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="nav-item" href="iletisim.html">İletişim</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>Kurumsal</h2>
|
||||
<hr>
|
||||
<a>Misyonumuz</a>
|
||||
<a>Vizyonumuz</a>
|
||||
<a>Yönetim</a>
|
||||
<a href="aydinlatma.html">KVKK Aydınlatma Metni</a>
|
||||
<a href="kamera.html">KVKK Kamera Kullanımı</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>Sosyal Medyada Biz</h2>
|
||||
<hr>
|
||||
<a class="footer-social" href="https://www.arabam.com/galeri/yavuz-ugur-galeri">
|
||||
<img src="resources/img/arabam.jpg" alt="arabam.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://ugurgaleri1.sahibinden.com/">
|
||||
<img src="resources/img/sahibinden.png" alt="sahibinden.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.facebook.com/ugurgalerikaracabey/">
|
||||
<img src="resources/img/facebook.svg" alt="facebook.com logosu">
|
||||
</a>
|
||||
<a class="footer-social" href="https://www.instagram.com/ugurgaleri/">
|
||||
<img src="resources/img/instagram.png" alt="instagram.com logosu">
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h2>İletişim</h2>
|
||||
<hr>
|
||||
<a href="tel:+902246718380">Sabit Hat: 0224 671 83 80</a>
|
||||
<a href="tel:+905325668216">Cep Telefonu: 0532 566 82 16</a>
|
||||
<a href="https://goo.gl/maps/oy2ZXFKB9nWmn7498">Sırabademler Mah., Kümeevler, 16100 Karacabey/BURSA</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,5 +1,7 @@
|
||||
@use "variables.scss";
|
||||
@use "mixins.scss";
|
||||
@use "views/index.scss";
|
||||
@use "views/aydinlatma.scss";
|
||||
@use "partials/header.scss";
|
||||
@use "partials/footer.scss";
|
||||
|
||||
@@ -9,48 +11,36 @@ html, body {
|
||||
background-color: variables.$clr_sides;
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-columns: 1fr 1700px 1fr;
|
||||
grid-row-end: -1;
|
||||
grid-auto-rows: 1fr;
|
||||
grid-gap: 0;
|
||||
|
||||
@include mixins.main {
|
||||
grid-template-columns: 0 1fr 0;
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
|
||||
#left {
|
||||
grid-column: 1;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 3;
|
||||
.content_spacing {
|
||||
padding: 0 variables.$px_contentPadding;
|
||||
}
|
||||
|
||||
#header {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
// Layout, details and children is set in partials/header.scss
|
||||
height: 10vh;
|
||||
|
||||
@include mixins.header_overflow2 {
|
||||
height: 5vh;
|
||||
}
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 90vh;
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: aquamarine;
|
||||
grid-column-start: 2;
|
||||
grid-row-start: 2;
|
||||
|
||||
padding: variables.$innerContainerMargin;
|
||||
background: whitesmoke;
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 1;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
#footer {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
#right {
|
||||
grid-column: 3;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 3;
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
@@ -1,17 +1,5 @@
|
||||
@use "variables.scss";
|
||||
|
||||
@mixin mobileS {
|
||||
@media screen and (max-width: $mobileS) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin navbar_overflow {
|
||||
@media screen and (max-width: variables.$navbar_overflow) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin footer_overflow {
|
||||
@media screen and (max-width: variables.$footer_overflow) {
|
||||
@content;
|
||||
@@ -24,20 +12,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
@mixin header_overflow2 {
|
||||
@media screen and (max-width: variables.$header_overflow2) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin footer_overflow2 {
|
||||
@media screen and (max-width: variables.$footer_overflow2) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin main {
|
||||
@media screen and (max-width: variables.$main) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin fourK {
|
||||
@media screen and (max-width: $fourK) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,7 @@
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
padding: variables.$innerContainerMargin;
|
||||
padding: variables.$px_headerPadding;
|
||||
|
||||
.footer-column {
|
||||
color: variables.$clr_footer_sleep;
|
||||
|
||||
@@ -2,28 +2,36 @@
|
||||
@use "../mixins.scss";
|
||||
|
||||
#header {
|
||||
// Height is set in main.scss
|
||||
background: variables.$clr_header;
|
||||
padding: 0 variables.$px_headerPadding;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
@include mixins.navbar_overflow {
|
||||
flex-direction: column;
|
||||
@include mixins.header_overflow2 {
|
||||
padding: 0 variables.$px_headerPadding2;
|
||||
}
|
||||
|
||||
#logo {
|
||||
height: 56px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-weight: 700;
|
||||
margin-left: variables.$innerContainerMargin;
|
||||
color: variables.$clr_logo
|
||||
|
||||
color: variables.$clr_logo;
|
||||
|
||||
@include mixins.header_overflow2 {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: flex;
|
||||
|
||||
.nav-item {
|
||||
margin-right: variables.$innerContainerMargin;
|
||||
margin-right: 1vw;
|
||||
font: 18px "Montserrat", sans-serif;
|
||||
font-weight: 600;
|
||||
color: variables.$clr_nav_sleep;
|
||||
@@ -33,10 +41,8 @@
|
||||
color: variables.$clr_nav_active;
|
||||
}
|
||||
|
||||
@include mixins.navbar_overflow {
|
||||
&:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@include mixins.header_overflow {
|
||||
@@ -47,7 +53,7 @@
|
||||
|
||||
.menu {
|
||||
display: none;
|
||||
margin-right: variables.$innerContainerMargin;
|
||||
filter: invert(1);
|
||||
|
||||
@include mixins.header_overflow {
|
||||
display: block;
|
||||
|
||||
@@ -1,12 +1,15 @@
|
||||
$mobileS: 360px;
|
||||
$navbar_overflow: 550px;
|
||||
$header_overflow: 730px;
|
||||
$header_overflow: 1200px;
|
||||
$header_overflow2: 850px;
|
||||
$content_fix: 850px;
|
||||
$footer_overflow2: 880px;
|
||||
$footer_overflow: 1110px;
|
||||
$main: 1700px;
|
||||
$fourK: 2560px;
|
||||
|
||||
$innerContainerMargin: 20px;
|
||||
$px_headerPadding: 150px;
|
||||
$px_headerPadding2: 50px;
|
||||
$px_contentPadding: 200px;
|
||||
|
||||
$sz_l_footer_h: 22px;
|
||||
$sz_m_footer_h: 18px;
|
||||
@@ -15,10 +18,12 @@ $sz_l_footer_p: 16px;
|
||||
$sz_m_footer_p: 12px;
|
||||
$sz_s_footer_p: 8px;
|
||||
|
||||
$clr_header: #01003B;
|
||||
$clr_dark: #01003B;
|
||||
|
||||
$clr_logo: #FDFFFF;
|
||||
$clr_nav_sleep: #A3C2C2;
|
||||
$clr_nav_active: $clr_logo;
|
||||
$clr_header: #FDFFFF;
|
||||
$clr_nav_sleep: #706fff;
|
||||
$clr_nav_active: #01003B;
|
||||
|
||||
$clr_footer: #000000;
|
||||
$clr_footer_sleep: #DFE8E8;
|
||||
|
||||
2
resources/css/views/aydinlatma.scss
Normal file
2
resources/css/views/aydinlatma.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
@use "../variables.scss";
|
||||
@use "../mixins.scss";
|
||||
50
resources/css/views/index.scss
Normal file
50
resources/css/views/index.scss
Normal file
@@ -0,0 +1,50 @@
|
||||
@use "../variables.scss";
|
||||
@use "../mixins.scss";
|
||||
|
||||
.showcase {
|
||||
position: relative;
|
||||
background-image: none;
|
||||
background-color: black;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
filter: brightness(50%);
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -30%);
|
||||
|
||||
font: 800 128px "Montserrat", sans-serif;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.group {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px variables.$px_contentPadding;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.group-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
img {
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
p {
|
||||
font: 400 22px "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.side {
|
||||
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 898 B After Width: | Height: | Size: 898 B |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
BIN
resources/img/krone.jpg
Normal file
BIN
resources/img/krone.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
resources/img/makinsan.png
Normal file
BIN
resources/img/makinsan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 133 B After Width: | Height: | Size: 133 B |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
BIN
resources/img/showcase.jpg
Normal file
BIN
resources/img/showcase.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 MiB |
BIN
resources/img/ugurgaleri-utek.png
Executable file
BIN
resources/img/ugurgaleri-utek.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
resources/img/ugurgaleri-yazıtek.png
Executable file
BIN
resources/img/ugurgaleri-yazıtek.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
resources/img/ukt.png
Executable file
BIN
resources/img/ukt.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
@@ -1,52 +1,96 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
|
||||
.showcase {
|
||||
position: relative;
|
||||
background-image: none;
|
||||
background-color: black;
|
||||
}
|
||||
.showcase img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
filter: brightness(50%);
|
||||
}
|
||||
.showcase h1 {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -30%);
|
||||
font: 800 128px "Montserrat", sans-serif;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.group {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px 200px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.group-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.group-item img {
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
}
|
||||
.group-item p {
|
||||
font: 400 22px "Montserrat", sans-serif;
|
||||
}
|
||||
#header {
|
||||
background: #01003B;
|
||||
background: #FDFFFF;
|
||||
padding: 0 150px;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
@media screen and (max-width: 850px) {
|
||||
#header {
|
||||
flex-direction: column;
|
||||
padding: 0 50px;
|
||||
}
|
||||
}
|
||||
#header #logo {
|
||||
height: 56px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-weight: 700;
|
||||
margin-left: 20px;
|
||||
color: #FDFFFF;
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
#header #logo {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
#header .navbar {
|
||||
display: flex;
|
||||
}
|
||||
#header .navbar .nav-item {
|
||||
margin-right: 20px;
|
||||
margin-right: 1vw;
|
||||
font: 18px "Montserrat", sans-serif;
|
||||
font-weight: 600;
|
||||
color: #A3C2C2;
|
||||
color: #706fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
#header .navbar .nav-item:hover {
|
||||
color: #FDFFFF;
|
||||
color: #01003B;
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
#header .navbar .nav-item:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
#header .navbar .nav-item:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
@media screen and (max-width: 730px) {
|
||||
@media screen and (max-width: 1200px) {
|
||||
#header .navbar .nav-item {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#header .menu {
|
||||
display: none;
|
||||
margin-right: 20px;
|
||||
filter: invert(1);
|
||||
}
|
||||
@media screen and (max-width: 730px) {
|
||||
@media screen and (max-width: 1200px) {
|
||||
#header .menu {
|
||||
display: block;
|
||||
}
|
||||
@@ -59,7 +103,7 @@
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
padding: 20px;
|
||||
padding: 150px;
|
||||
}
|
||||
#footer .footer-column {
|
||||
color: #DFE8E8;
|
||||
@@ -148,50 +192,38 @@ html, body {
|
||||
background-color: #364040;
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-columns: 1fr 1700px 1fr;
|
||||
grid-row-end: -1;
|
||||
grid-auto-rows: 1fr;
|
||||
grid-gap: 0;
|
||||
}
|
||||
@media screen and (max-width: 1700px) {
|
||||
#container {
|
||||
grid-template-columns: 0 1fr 0;
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
|
||||
#left {
|
||||
grid-column: 1;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 3;
|
||||
.content_spacing {
|
||||
padding: 0 200px;
|
||||
}
|
||||
|
||||
#header {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
height: 10vh;
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
#header {
|
||||
height: 5vh;
|
||||
}
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 90vh;
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: aquamarine;
|
||||
grid-column-start: 2;
|
||||
grid-row-start: 2;
|
||||
padding: 20px;
|
||||
background: whitesmoke;
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 1;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
#footer {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
#right {
|
||||
grid-column: 3;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 3;
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../resources/css/variables.scss","../resources/css/partials/header.scss","../resources/css/mixins.scss","../resources/css/partials/footer.scss","../resources/css/main.scss"],"names":[],"mappings":"AA4BQ;AACA;AACA;AC3BR;EACE,YDaW;ECZX;EACA;EACA;EACA;;ACCA;EDNF;IAQI;;;AAGF;EACE;EACA;EACA,aDTmB;ECUnB;;AAGF;EACE;;AAEA;EACE,cDjBiB;ECkBjB;EACA;EACA,ODTU;ECUV;;AAEA;EACE,ODdG;;AETT;ED2BM;IACE;;;AChBR;EDGE;IAkBI;;;AAKN;EACE;EACA,cDzCmB;;AEarB;ED0BA;IAKI;;;;AEjDN;EACE,YHkBW;EGjBX;EACA;EACA;EACA;EACA;EACA,SHFqB;;AGIrB;EACE,OHUe;EGTf;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;ADPJ;ECGE;IAOI,WHdQ;;;AEgBd;ECTE;IAWI,WHjBQ;;;AGqBZ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,OHtBY;;AETlB;ECuBE;IAYI,WHpCQ;;;AEad;ECWE;IAgBI,WHvCQ;;;AG2CZ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE,YH/CY;EGgDZ;;AAIJ;EACE;EACA;EACA;EACA;;ADjEJ;EC6DE;IAOI,WHrEQ;;;AEad;ECiDE;IAWI,WHxEQ;;;AG4EZ;EACE;;;ACvFN;EACE;EACA;EACA,kBJkBU;;;AIfZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AFeA;EEtBF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EAEA,SJlCqB;EImCrB;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"main.css"}
|
||||
Reference in New Issue
Block a user