Implement base structure of iletisim.html

This commit is contained in:
Ferit Yiğit BALABAN
2022-07-17 23:45:59 +03:00
parent f4a7c0bd7b
commit c6d1744816
2 changed files with 75 additions and 1 deletions

View File

@@ -2,10 +2,84 @@
<html lang="tr">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="styles/main.css">
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
<title>İletişim | 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;">&nbsp;</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="#">İ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="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="#">İletişim</a>
</nav>
<div id="container">
<main id="content">
<section class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3624.9179908499027!2d28.35519250061192!3d40.18279534131245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14b5e12278d07515%3A0x93d0109b872a638f!2sUgur%20Galeri!5e0!3m2!1str!2str!4v1658087461242!5m2!1str!2str" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
</main>
<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="">İ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>&copy; Uğur Galeri 2022</p>
<p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
</footer>
</div>
</body>
</html>

View File