136 lines
9.3 KiB
HTML
136 lines
9.3 KiB
HTML
<!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/js/main.js" defer></script>
|
||
<script src="resources/js/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 id="drawer">
|
||
<a class="drawer-item" href="index.html">Ana sayfa</a>
|
||
<a class="drawer-item" href="hakkimizda.html">Hakkımızda</a>
|
||
<a class="drawer-item" href="index.html#brands">Markalar</a>
|
||
<a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
|
||
<a class="drawer-item" href="iletisim.html">İletişim</a>
|
||
</nav>
|
||
<div id="container">
|
||
<main id="content">
|
||
<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/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/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/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>
|
||
<footer id="footer" class="content-spacing">
|
||
<picture>
|
||
<source srcset="resources/img/footer.webp" type="image/webp">
|
||
<img src="resources/img/footer.png" alt="Uğur Galeri">
|
||
</picture>
|
||
<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="#">Fotoğraf Galerisi</a></li>
|
||
<li><a href="aydinlatma.html">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> |