fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: hakkimizda.html

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-20 17:35:14 +03:00
parent 45d3c56e02
commit 0a5bfac66c
2 changed files with 115 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
hakkimizda.html
View File

@@ -2,10 +2,92 @@
<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">
<script src="resources/scripts/main.js" defer></script>
<title>Hakkımızda | 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="#">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">
<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="#">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 id="video" class="content-spacing">
<h1>Tanıtım Videomuzu izleyin:</h1>
<video src="../../Downloads/LC1_EoLA/Abstract%20vector%20spaces%20-%20Chapter%2016.mp4"></video>
</section>
<section id="hikaye" class="content-spacing">
<h1>Kuruluş Hikâyemiz</h1>
</section>
<section id="misyon" class="content-spacing"></section>
<section id="vizyon" class="content-spacing"></section>
<section id="yonetim" class="content-spacing"></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="#">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="#misyon">Misyonumuz</a></li>
<li><a href="#vizyon">Vizyonumuz</a></li>
<li><a href="#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>&copy; Uğur Galeri 2022</p>
<p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
</footer>
</div>
</body>
</html>

32
resources/css/views/hakkimizda.scss Normal file
View File

@@ -0,0 +1,32 @@
@use "../variables.scss";
@use "../mixins.scss";
#video {
display: flex;
flex-direction: column;
align-items: center;
background: variables.$clr_brand_gradient;
video {
width: 100% !important;
height: auto !important;
}
h1 {
margin: 0 0 1em 0;
font: 600 2.5vw "Montserrat", sans-serif;
color: white;
}
}
#hikaye {
}
#misyon, #vizyon {
}
#yonetim {
}