fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #8 from fybx/dev

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-27 17:56:35 +03:00
committed by GitHub
parent 7ee1211824 f0e80bac7b
commit 1644fdf74a
8 changed files with 180 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
aydinlatma.html
View File

@@ -197,24 +197,29 @@
<p>Fiziksel ortamlar;</p>
<li>Kağıt, yazılı, basılı, görsel ortamlar,</li>
<li>Birim dolapları,</li>
<li>Arşiv</li>
<ul>
<li>Kağıt, yazılı, basılı, görsel ortamlar,</li>
<li>Birim dolapları,</li>
<li>Arşiv</li>
</ul>
<p>Elektronik ortamlar;</p>
<li>UĞUR KOÇAK TREYLER, MOTORLU ARAÇLAR ALIM SATIMI VE KOMSİYONCULUĞU, NAKLİYE TİCARET VE SANAYİ LİMİTED
ŞİRKETİ
bünyesinde yer alan sunucular, sabit ya da taşınabilir disk, optik disk gibi dijital ortamlar,
</li>
<li>Sunucular (etki alanı, yedekleme, e-posta veri tabanı, web, dosya paylaşım vb.)</li>
<li>Yazılımlar (ofis yazılımları, portal, EBYS, VERBİS)</li>
<li>Bilgi güvenliği cihazları (güvenlik duvarı, saldırı tespit ve engelleme, günlük kayıt dosyası, antivirüs
vb.)
</li>
<li>Kişisel bilgisayarlar,</li>
<li>Mobil cihazlar (telefon, tablet vb.),</li>
<li>Yazıcı, tarayıcı, fotokopi makinası,</li>
<ul>
<li>UĞUR KOÇAK TREYLER, MOTORLU ARAÇLAR ALIM SATIMI VE KOMSİYONCULUĞU, NAKLİYE TİCARET VE SANAYİ LİMİTED
ŞİRKETİ
bünyesinde yer alan sunucular, sabit ya da taşınabilir disk, optik disk gibi dijital ortamlar,
</li>
<li>Sunucular (etki alanı, yedekleme, e-posta veri tabanı, web, dosya paylaşım vb.)</li>
<li>Yazılımlar (ofis yazılımları, portal, EBYS, VERBİS)</li>
<li>Bilgi güvenliği cihazları (güvenlik duvarı, saldırı tespit ve engelleme, günlük kayıt dosyası,
antivirüs
vb.)
</li>
<li>Kişisel bilgisayarlar,</li>
<li>Mobil cihazlar (telefon, tablet vb.),</li>
<li>Yazıcı, tarayıcı, fotokopi makinası,</li>
</ul>
<h2>3. SAKLAMA VE İMHAYA İLİŞKİN AÇIKLAMALAR</h2>
@@ -695,7 +700,8 @@
</a>
</section>
</main>
<button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
<button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top">
</button>
<footer id="footer" class="content-spacing">
<img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
<div class="footer-columns">

91
galeri.html
View File

@@ -52,50 +52,53 @@
</nav>
<div id="container">
<main id="content">
<section class="gallery content-spacing">
<img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0423.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0436.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7880.JPG" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy">
<img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy">
<section class="content-spacing gallery-text ignore-vertical">
<h1>Fotoğraf Galerisi</h1>
</section>
<section id="gallery" class="gallery content-spacing">
<div class="photo-container"><img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0423.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0436.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7880.JPG" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy"></div>
<div class="photo-container"><img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy"></div>
</section>
</main>
<button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>

9
hakkimizda.html
View File

@@ -48,12 +48,13 @@
</nav>
<div id="container">
<main id="content">
<section id="video" class="content-spacing">
<!--<section id="video" class="content-spacing">
<h1>Tanıtım Videomuzu izleyin:</h1>
<video src="../../Downloads/LC1_EoLA/Abstract%20vector%20spaces%20-%20Chapter%2016.mp4" controls>Tarayıcınız burada video gösterilmesine izin vermiyor.</video>
</section>
<video src="" controls>Tarayıcınız burada video gösterilmesine izin vermiyor.</video>
</section>-->
<section id="hikaye" class="content-spacing">
<h1>Kuruluş Hikâyemiz</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid cum, dolores impedit itaque iure, nemo nesciunt nobis quos rem repudiandae sint suscipit? Accusamus accusantium adipisci aspernatur beatae blanditiis cupiditate dolore enim et eveniet ex fuga id ipsam itaque, iure labore laborum, magni molestiae nihil nulla quis quisquam sequi sunt tempore unde velit veniam vero. Accusantium alias aperiam aut delectus deserunt eius enim et explicabo facilis fugiat fugit harum itaque iusto laboriosam libero, minima molestias nulla optio praesentium, qui quod tempore tenetur voluptates. Amet aut blanditiis cumque, deleniti deserunt dolore eligendi, enim eum incidunt magni neque nobis omnis pariatur quas reiciendis repudiandae totam vero. Ad asperiores aspernatur culpa dolor et in ipsa ipsum iste itaque, maiores nemo numquam odio odit officia perspiciatis quas quasi quia, quidem repellendus repudiandae, tempora ut vel? Animi asperiores, cumque dignissimos error excepturi inventore itaque laudantium maxime minima officia quas rem repellat sed similique velit vitae voluptatibus!</p>
</section>
<section id="misyon" class="content-spacing">
<h1>Misyonumuz</h1>
@@ -61,7 +62,7 @@
</section>
<section id="vizyon" class="content-spacing">
<h1>Vizyonumuz</h1>
<p>Profesyonel altyapısı, köklü geçmişi ve geniş bilgi birikimi ile Uğur Galeri ve Uğur Koçak Treyler olarak kurulduğumuz bölgede büyük başarılara imza atmış bulunmaktayız.</p>
<p>Profesyonel altyapısı, köklü geçmişi ve geniş bilgi birikimi ile Uğur Galeri ve Uğur Koçak Treyler olarak Türkiye ağır vasıta pazarında büyük başarılara imza atmış bulunmaktayız.</p>
<p>Hedeflerimiz;</p>
<ul>
<li>Ağır vasıta ve ikinci el ticari araç pazarında alım satımını ve distribütörlüğünü yaptığımız markaların ulusal ölçekte önde gelen temsilcilerinden birisi olmak.</li>

12
resources/css/keyframes.scss Normal file
View File

@@ -0,0 +1,12 @@
@keyframes fullscreen-image-appear {
from {
opacity: 0;
width: 0;
height: 0;
}
to {
width: 100%;
height: 100vh;
}
}

3
resources/css/main.scss
View File

@@ -8,6 +8,7 @@
@use "views/galeri.scss";
@use "partials/header.scss";
@use "partials/footer.scss";
@use "keyframes";
@use "sass:math";
$px_scroll-to-top_size: 50px;
@@ -285,7 +286,7 @@ a {
filter: invert(100%);
}
@media (hover: hover) and (pointer: fine) {
@include mixins.mx_ismobile {
&:hover {
width: $px_scroll-to-top_size + 10;
height: $px_scroll-to-top_size + 10;

6
resources/css/mixins.scss
View File

@@ -89,4 +89,10 @@
@media screen and (max-width: overflow.$iletisim_sec_information3) {
@content;
}
}
@mixin mx_ismobile {
@media (hover: hover) and (pointer: fine) {
@content;
}
}

46
resources/css/views/galeri.scss
View File

@@ -1,9 +1,16 @@
@use "../mixins";
@use "../keyframes";
@use "../variables";
#fullscreen {
margin: 0;
padding: 0;
display: none;
align-items: center;
justify-content: center;
width: 99vw;
width: 100%;
height: 100vh;
background: black;
#fullscreen-img {
max-width: 100%;
@@ -13,21 +20,50 @@
}
}
.gallery-text {
overflow: auto;
background: variables.$clr_brand_gradient;
h1 {
margin: 2.5vh 0;
text-align: center;
font: 600 2.5vw "Montserrat", sans-serif;
color: white;
}
}
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
.photo {
.photo-container {
margin: 1vh 1vw;
width: 25%;
height: 25%;
cursor: pointer;
overflow: hidden;
&:hover {
filter: brightness(1.3);
.photo {
width: 100%;
height: 100%;
cursor: pointer;
transition: 750ms all ease-in-out;
filter: brightness(80%);
&:hover {
filter: brightness(100%);
transform: scale(1.3);
}
@include mixins.mx_ismobile {
&:active {
filter: brightness(100%);
transform: scale(1.3);
}
}
}
}
}

50
resources/styles/main.css
View File

@@ -524,12 +524,26 @@ h1 {
}
}
@keyframes fullscreen-image-appear {
from {
opacity: 0;
width: 0;
height: 0;
}
to {
width: 100%;
height: 100vh;
}
}
#fullscreen {
margin: 0;
padding: 0;
display: none;
align-items: center;
justify-content: center;
width: 99vw;
width: 100%;
height: 100vh;
background: black;
}
#fullscreen #fullscreen-img {
max-width: 100%;
@@ -538,21 +552,47 @@ h1 {
cursor: pointer;
}
.gallery-text {
overflow: auto;
background: linear-gradient(to left, #1d60b5, #3b8fff);
}
.gallery-text h1 {
margin: 2.5vh 0;
text-align: center;
font: 600 2.5vw "Montserrat", sans-serif;
color: white;
}
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
}
.gallery .photo {
.gallery .photo-container {
margin: 1vh 1vw;
width: 25%;
height: 25%;
cursor: pointer;
overflow: hidden;
}
.gallery .photo:hover {
filter: brightness(1.3);
.gallery .photo-container .photo {
width: 100%;
height: 100%;
cursor: pointer;
transition: 750ms all ease-in-out;
filter: brightness(80%);
}
.gallery .photo-container .photo:hover {
filter: brightness(100%);
transform: scale(1.3);
}
@media (hover: hover) and (pointer: fine) {
.gallery .photo-container .photo:active {
filter: brightness(100%);
transform: scale(1.3);
}
}
#header {