133
galeri.html
Normal file
@@ -0,0 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="description" content="Uğur Galeri ve Uğur Koçak Treyler'in websitesine hoş geldiniz!">
|
||||
<title>Fotoğraf Galerisi | Uğur Galeri</title>
|
||||
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
|
||||
<script src="resources/scripts/main.js" defer></script>
|
||||
<script src="resources/scripts/galeri.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="fullscreen">
|
||||
<img id="fullscreen-img" src="" alt="Full screen image">
|
||||
</div>
|
||||
<header id="header">
|
||||
<div id="logo" class="bounce-animation">
|
||||
<span style="--i: 1;">U</span>
|
||||
<span style="--i: 2;">Ğ</span>
|
||||
<span style="--i: 3;">U</span>
|
||||
<span style="--i: 4;">R</span>
|
||||
<span style="--i: 4;"> </span>
|
||||
<span style="--i: 5;">G</span>
|
||||
<span style="--i: 6;">A</span>
|
||||
<span style="--i: 7;">L</span>
|
||||
<span style="--i: 8;">E</span>
|
||||
<span style="--i: 9;">R</span>
|
||||
<span style="--i: 10;">İ</span>
|
||||
</div>
|
||||
<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="index.html#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>
|
||||
|
||||
<input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
|
||||
<label for="toggle" id="toggle-label">
|
||||
<span class="bar bar1"></span>
|
||||
<span class="bar bar2"></span>
|
||||
<span class="bar bar3"></span>
|
||||
<span class="bar bar4"></span>
|
||||
</label>
|
||||
</header>
|
||||
<nav class="dropdown hidden dropdown-navbar">
|
||||
<a class="dropdown-nav-item hidden" href="index.html">Ana sayfa</a>
|
||||
<a class="dropdown-nav-item hidden" href="hakkimizda.html">Hakkımızda</a>
|
||||
<a class="dropdown-nav-item hidden" href="index.html#brands">Markalar</a>
|
||||
<a class="dropdown-nav-item hidden" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||||
<a class="dropdown-nav-item hidden" href="iletisim.html">İletişim</a>
|
||||
</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>
|
||||
</main>
|
||||
<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">
|
||||
<div class="footer-column">
|
||||
<h1>Uğur Galeri</h1>
|
||||
<ul>
|
||||
<li><a href="index.html">Ana sayfa</a></li>
|
||||
<li><a href="hakkimizda.html">Hakkımızda</a></li>
|
||||
<li><a href="index.html#brands">Markalarımız</a></li>
|
||||
<li><a href="https://ugurgaleri1.sahibinden.com">Araçlarımız</a></li>
|
||||
<li><a href="iletisim.html">İletişim</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h1>Kurumsal</h1>
|
||||
<ul>
|
||||
<li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
|
||||
<li><a href="hakkimizda.html#vizyon">Vizyonumuz</a></li>
|
||||
<li><a href="hakkimizda.html#yonetim">Yönetim</a></li>
|
||||
<li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li>
|
||||
<li><a href="kamera.html">Kamera Kullanımı</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<footer id="footer-stateless" class="content-spacing ignore-vertical">
|
||||
<p>© Uğur Galeri 2022</p>
|
||||
<p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -75,9 +75,9 @@
|
||||
<div id="social" class="social content-spacing ignore-vertical">
|
||||
<p>Sosyal medyada<br>bizi takip<br>edin.</p>
|
||||
<nav>
|
||||
<a class="social-button" href="https://www.facebook.com/ugurgaleri/"><img src="resources/img/Social/facebook/white/PNG/f_logo_RGB-White_1024.png" alt="Facebook logo"></a>
|
||||
<a class="social-button" href="https://www.instagram.com/ugurgaleri/"><img src="resources/img/Social/instagram/02%20White%20Glyph/Instagram_Glyph_White.svg" alt="Instagram logo"></a>
|
||||
<a class="social-button" href="https://ugurgaleri1.sahibinden.com/"><img src="resources/img/Social/sahibinden/S-beyaz.png" alt="Sahibinden logo"></a>
|
||||
<a class="social-button" href="https://www.facebook.com/ugurgaleri/"><img src="resources/img/social/facebook.png" alt="Facebook logo"></a>
|
||||
<a class="social-button" href="https://www.instagram.com/ugurgaleri/"><img src="resources/img/social/instagram.svg" alt="Instagram logo"></a>
|
||||
<a class="social-button" href="https://ugurgaleri1.sahibinden.com/"><img src="resources/img/social/sahibinden.png" alt="Sahibinden logo"></a>
|
||||
</nav>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
@use "views/iletisim.scss";
|
||||
@use "views/hakkimizda.scss";
|
||||
@use "views/kamera.scss";
|
||||
@use "views/galeri.scss";
|
||||
@use "partials/header.scss";
|
||||
@use "partials/footer.scss";
|
||||
@use "sass:math";
|
||||
|
||||
33
resources/css/views/galeri.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
#fullscreen {
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 99vw;
|
||||
height: 100vh;
|
||||
|
||||
#fullscreen-img {
|
||||
max-width: 100%;
|
||||
max-height: 100vh;
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.photo {
|
||||
margin: 1vh 1vw;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
filter: brightness(1.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 510 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 760 KiB |
|
Before Width: | Height: | Size: 434 KiB |
|
Before Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 835 KiB |
|
Before Width: | Height: | Size: 173 KiB |
@@ -1 +0,0 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 18 KiB |
BIN
resources/img/galeri/0384.JPG
Normal file
|
After Width: | Height: | Size: 563 KiB |
BIN
resources/img/galeri/0400.JPG
Normal file
|
After Width: | Height: | Size: 785 KiB |
BIN
resources/img/galeri/0401.JPG
Normal file
|
After Width: | Height: | Size: 842 KiB |
BIN
resources/img/galeri/0403.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
resources/img/galeri/0408.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
resources/img/galeri/0412.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
resources/img/galeri/0414.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
resources/img/galeri/0416.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
resources/img/galeri/0419.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
resources/img/galeri/0420.JPG
Normal file
|
After Width: | Height: | Size: 816 KiB |
BIN
resources/img/galeri/0422.JPG
Normal file
|
After Width: | Height: | Size: 784 KiB |
BIN
resources/img/galeri/0423.JPG
Normal file
|
After Width: | Height: | Size: 524 KiB |
BIN
resources/img/galeri/0423.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
resources/img/galeri/0424.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
resources/img/galeri/0426.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
resources/img/galeri/0429.jpg
Normal file
|
After Width: | Height: | Size: 796 KiB |
BIN
resources/img/galeri/0436.JPG
Normal file
|
After Width: | Height: | Size: 704 KiB |
BIN
resources/img/galeri/0438.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
resources/img/galeri/0863.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
resources/img/galeri/0866.JPG
Normal file
|
After Width: | Height: | Size: 718 KiB |
BIN
resources/img/galeri/0872.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
resources/img/galeri/1696.jpg
Normal file
|
After Width: | Height: | Size: 1.7 MiB |
BIN
resources/img/galeri/1702.JPG
Normal file
|
After Width: | Height: | Size: 738 KiB |
BIN
resources/img/galeri/1705.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
resources/img/galeri/1706.jpg
Normal file
|
After Width: | Height: | Size: 2.0 MiB |
BIN
resources/img/galeri/1724.jpg
Normal file
|
After Width: | Height: | Size: 2.2 MiB |
BIN
resources/img/galeri/7815.jpg
Normal file
|
After Width: | Height: | Size: 1.8 MiB |
BIN
resources/img/galeri/7829.jpg
Normal file
|
After Width: | Height: | Size: 2.2 MiB |
BIN
resources/img/galeri/7834.jpg
Normal file
|
After Width: | Height: | Size: 2.2 MiB |
BIN
resources/img/galeri/7840.JPG
Normal file
|
After Width: | Height: | Size: 840 KiB |
BIN
resources/img/galeri/7843.jpg
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
resources/img/galeri/7850.jpg
Normal file
|
After Width: | Height: | Size: 1.9 MiB |
BIN
resources/img/galeri/7851.JPG
Normal file
|
After Width: | Height: | Size: 770 KiB |
BIN
resources/img/galeri/7880.JPG
Normal file
|
After Width: | Height: | Size: 766 KiB |
BIN
resources/img/galeri/7881.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
resources/img/galeri/7891.jpg
Normal file
|
After Width: | Height: | Size: 2.2 MiB |
BIN
resources/img/galeri/7893.jpg
Normal file
|
After Width: | Height: | Size: 1.9 MiB |
BIN
resources/img/galeri/7894.jpg
Normal file
|
After Width: | Height: | Size: 1.9 MiB |
BIN
resources/img/galeri/7900.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
resources/img/galeri/7925.jpg
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
resources/img/galeri/9761.jpg
Normal file
|
After Width: | Height: | Size: 2.0 MiB |
BIN
resources/img/galeri/9810.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
resources/img/galeri/9820.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |