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

10
aydinlatma.html
View File

@@ -197,24 +197,29 @@
<p>Fiziksel ortamlar;</p> <p>Fiziksel ortamlar;</p>
<ul>
<li>Kağıt, yazılı, basılı, görsel ortamlar,</li> <li>Kağıt, yazılı, basılı, görsel ortamlar,</li>
<li>Birim dolapları,</li> <li>Birim dolapları,</li>
<li>Arşiv</li> <li>Arşiv</li>
</ul>
<p>Elektronik ortamlar;</p> <p>Elektronik ortamlar;</p>
<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 <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İ ŞİRKETİ
bünyesinde yer alan sunucular, sabit ya da taşınabilir disk, optik disk gibi dijital ortamlar, bünyesinde yer alan sunucular, sabit ya da taşınabilir disk, optik disk gibi dijital ortamlar,
</li> </li>
<li>Sunucular (etki alanı, yedekleme, e-posta veri tabanı, web, dosya paylaşım vb.)</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>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 <li>Bilgi güvenliği cihazları (güvenlik duvarı, saldırı tespit ve engelleme, günlük kayıt dosyası,
antivirüs
vb.) vb.)
</li> </li>
<li>Kişisel bilgisayarlar,</li> <li>Kişisel bilgisayarlar,</li>
<li>Mobil cihazlar (telefon, tablet vb.),</li> <li>Mobil cihazlar (telefon, tablet vb.),</li>
<li>Yazıcı, tarayıcı, fotokopi makinası,</li> <li>Yazıcı, tarayıcı, fotokopi makinası,</li>
</ul>
<h2>3. SAKLAMA VE İMHAYA İLİŞKİN AÇIKLAMALAR</h2> <h2>3. SAKLAMA VE İMHAYA İLİŞKİN AÇIKLAMALAR</h2>
@@ -695,7 +700,8 @@
</a> </a>
</section> </section>
</main> </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"> <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"> <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
<div class="footer-columns"> <div class="footer-columns">

91
galeri.html
View File

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

9
hakkimizda.html
View File

@@ -48,12 +48,13 @@
</nav> </nav>
<div id="container"> <div id="container">
<main id="content"> <main id="content">
<section id="video" class="content-spacing"> <!--<section id="video" class="content-spacing">
<h1>Tanıtım Videomuzu izleyin:</h1> <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> <video src="" controls>Tarayıcınız burada video gösterilmesine izin vermiyor.</video>
</section> </section>-->
<section id="hikaye" class="content-spacing"> <section id="hikaye" class="content-spacing">
<h1>Kuruluş Hikâyemiz</h1> <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>
<section id="misyon" class="content-spacing"> <section id="misyon" class="content-spacing">
<h1>Misyonumuz</h1> <h1>Misyonumuz</h1>
@@ -61,7 +62,7 @@
</section> </section>
<section id="vizyon" class="content-spacing"> <section id="vizyon" class="content-spacing">
<h1>Vizyonumuz</h1> <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> <p>Hedeflerimiz;</p>
<ul> <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> <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 "views/galeri.scss";
@use "partials/header.scss"; @use "partials/header.scss";
@use "partials/footer.scss"; @use "partials/footer.scss";
@use "keyframes";
@use "sass:math"; @use "sass:math";
$px_scroll-to-top_size: 50px; $px_scroll-to-top_size: 50px;
@@ -285,7 +286,7 @@ a {
filter: invert(100%); filter: invert(100%);
} }
@media (hover: hover) and (pointer: fine) { @include mixins.mx_ismobile {
&:hover { &:hover {
width: $px_scroll-to-top_size + 10; width: $px_scroll-to-top_size + 10;
height: $px_scroll-to-top_size + 10; height: $px_scroll-to-top_size + 10;

6
resources/css/mixins.scss
View File

@@ -90,3 +90,9 @@
@content; @content;
} }
} }
@mixin mx_ismobile {
@media (hover: hover) and (pointer: fine) {
@content;
}
}

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

@@ -1,9 +1,16 @@
@use "../mixins";
@use "../keyframes";
@use "../variables";
#fullscreen { #fullscreen {
margin: 0;
padding: 0;
display: none; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 99vw; width: 100%;
height: 100vh; height: 100vh;
background: black;
#fullscreen-img { #fullscreen-img {
max-width: 100%; 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 { .gallery {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
overflow: hidden;
.photo { .photo-container {
margin: 1vh 1vw; margin: 1vh 1vw;
width: 25%; width: 25%;
height: 25%; height: 25%;
overflow: hidden;
.photo {
width: 100%;
height: 100%;
cursor: pointer; cursor: pointer;
transition: 750ms all ease-in-out;
filter: brightness(80%);
&:hover { &:hover {
filter: brightness(1.3); 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 { #fullscreen {
margin: 0;
padding: 0;
display: none; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 99vw; width: 100%;
height: 100vh; height: 100vh;
background: black;
} }
#fullscreen #fullscreen-img { #fullscreen #fullscreen-img {
max-width: 100%; max-width: 100%;
@@ -538,21 +552,47 @@ h1 {
cursor: pointer; 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 { .gallery {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
overflow: hidden;
} }
.gallery .photo { .gallery .photo-container {
margin: 1vh 1vw; margin: 1vh 1vw;
width: 25%; width: 25%;
height: 25%; height: 25%;
cursor: pointer; overflow: hidden;
}
.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);
} }
.gallery .photo:hover {
filter: brightness(1.3);
} }
#header { #header {