112 lines
6.1 KiB
HTML
112 lines
6.1 KiB
HTML
|
||
<!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">
|
||
<script src="resources/scripts/main.js" defer></script>
|
||
<script src="resources/scripts/index.js" defer></script>
|
||
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
|
||
<title>Uğur Galeri</title>
|
||
</head>
|
||
<body>
|
||
<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="#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()">
|
||
<label for="toggle" id="toggle-label">
|
||
<div class="dropdown-toggle">
|
||
<span class="bar bar1"></span>
|
||
<span class="bar bar2"></span>
|
||
<span class="bar bar3"></span>
|
||
<span class="bar bar4"></span>
|
||
</div>
|
||
</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="#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">
|
||
<div id="content">
|
||
<div class="showcase"></div>
|
||
<div id="brands" class="table content-spacing">
|
||
<div class="table-item square">
|
||
<img src="resources/img/ugurgaleri-utek.png">
|
||
<div class="vertical-separator"></div>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consequuntur debitis deleniti dolore dolorum eligendi expedita harum impedit inventore itaque iusto neque odio odit quia recusandae, repudiandae saepe voluptas voluptates. Accusantium atque cum, debitis, delectus dignissimos ea error fuga fugit labore maiores nam nulla numquam soluta, suscipit vel veritatis voluptatibus!</p>
|
||
</div>
|
||
<div class="table-item reverse">
|
||
<img src="resources/img/UKT/UKT.png">
|
||
<div class="vertical-separator"></div>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci aut, consectetur consequuntur culpa dolorum ducimus eaque eligendi enim eveniet fugiat illum laborum maiores mollitia obcaecati odio perspiciatis, quae tempora! Ex nemo nulla similique sint!</p>
|
||
</div>
|
||
<div class="table-item">
|
||
<img src="resources/img/galericilerden.com/galericilerden.jpg">
|
||
<div class="vertical-separator"></div>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, dolor dolorem earum enim est et libero minima ratione, recusandae repellat temporibus tenetur totam unde voluptatem voluptatum? Asperiores atque consectetur distinctio eum fugit nisi non officiis, praesentium recusandae tempora veniam voluptate.</p>
|
||
</div>
|
||
</div>
|
||
<div id="social" class="social content-spacing">
|
||
<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>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<footer id="footer">
|
||
<img id="small-logo" src="resources/img/ugurgaleri-utek.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="https://ugurgaleri1.sahibinden.com">Araçlarımız</a></li>
|
||
<li><a href="hakkimizda.html">Hakkımızda</a></li>
|
||
<li><a href="iletisim.html">İletişim</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-column">
|
||
<h1>Kurumsal</h1>
|
||
<ul>
|
||
<li><a>Misyonumuz</a></li>
|
||
<li><a>Vizyonumuz</a></li>
|
||
<li><a>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> |