- 掃描 ID：
- 96c5f2d7-3c23-4aa3-8662-316a0a9f3e14已完成
- 已提交的 URL：
- https://search.app/EjtqztqoPrqXNiPi8已重新導向
- 報告完成時間：
連結 · 找到 6 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://arizatakip.ozal.edu.tr/ | Fault Request/Tracking |
| https://ebdys.ozal.edu.tr/ | EBYS |
| https://obs.ozal.edu.tr | OBS |
| https://uzem.ozal.edu.tr/ | UZEM |
| https://ozal.edu.tr/en | |
| https://ddyo.firat.edu.tr/tr | Digital Transformation and Software Office |
JavaScript 變數 · 找到 21 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| uidEvent | number |
| bootstrap | object |
| $ | function |
| jQuery | function |
| Sweetalert2 | function |
| SweetAlert | function |
| Swal | function |
主控台記錄訊息 · 找到 2 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/styleV2.css">
<!-- v1 Style -->
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/v1V1.css">
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/modern_headerV2.css">
<!-- for fastly load index header -->
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/front/libs/uikit-3.5.9/css/uikit.css">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/styleV2.css">
<!-- v1 Style -->
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/v1V1.css">
<link href="https://sbbf.ozal.edu.tr/front/images/mtü-logo.png" rel="icon">
<link href="https://sbbf.ozal.edu.tr/front/images/mtü-logo.png" rel="apple-touch-icon">
<link rel="stylesheet" type="text/css" href="https://sbbf.ozal.edu.tr/front/stylesheets/colors/color1.css" id="colors">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@900&display=swap" rel="stylesheet">
<title>
Akademik Personel
| Malatya Turgut Ozal University </title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css">
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/assets/front/js/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.min.js"></script>
<!-- Demo styles -->
<style>
@font-face {
font-family: 'averta';!important;
src: url(/var/www/html/public/fonts\AvertaStd.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
a {
text-decoration: none;
}
html,
body {
font-family: 'averta', sans-serif;
!important;
position: relative;
!important;
height: 100%;
!important;
background-color: white !important;
font-size: 14px;
!important;
line-height: 1.8;
!important;
}
body {
background: white;
!important;
font-family: 'averta', sans-serif;
!important;
font-size: 14px;
!important;
color: #000;
margin: 0;
!important;
padding: 0;
!important;
overflow-x: hidden;
}
.swiper {
width: 100%;
height: 65%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/*@media (max-width: 500px){*/
/* .swiper-slide img {*/
/* object-fit: fill;*/
/* }*/
/*}*/
#swipperIcon {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto;
}
/* ======= Header ======= */
.header .top-bar {
background: rgb(38, 47, 89);
height: 30px;
}
.header .header-main {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.header .menu-top {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
float: right;
}
.header .menu-top li {
list-style: none;
font-size: 11px;
font-family: 'open sans', arial, sans-serif;
}
.header .menu-top li:last-child a {
padding-right: 0;
}
.header .menu-top li.divider a {
border-right: 1px solid #c3c3c3;
}
.header .menu-top li a {
display: inline-block;
color: #777777;
padding: 0px 10px;
}
.header .menu-top li a:hover {
color: #6091ba;
}
.header {
background-color: white;
max-height: 154px;
position: sticky;
top: 0;
z-index: 10000;
}
.header-list ul li a {
color: rgb(38, 47, 89);
font-size: 14px;
font-weight: bold;
}
.top-list {
list-style: none;
}
.top-list li a {
text-decoration: none;
}
/*.flexslider{*/
/* width: 100%;*/
/* overflow-x: hidden;*/
/*}*/
/*.flexslider {*/
/* width: 70%;*/
/* margin: 0 auto;*/
/*}*/
/*.flexslider .slides {*/
/* display: flex;*/
/* margin: 0;*/
/* padding: 0;*/
/* list-style: none;*/
/*}*/
/*.flexslider img {*/
/* width: 50px;*/
/* height: 50px;*/
/*}*/
.swiper-container {
width: 100%;
padding: 20px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
margin-right: 10px;
}
.content {
flex-direction: column;
text-align: center;
}
.news {
display: flex;
justify-content: space-between;
}
.events {
display: flex;
justify-content: space-between;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.pull-right,
.pull-left {
float: none !important;
}
.logo {
text-align: center;
}
.header .menu-top {
text-align: center;
margin-top: 10px;
}
.header .menu-top li {
float: none;
display: inline-block;
}
.header br {
display: none;
}
.main-nav .navbar-collapse {
display: flex;
!important;
align-items: center;
!important;
justify-content: center;
!important;
padding-left: 15px;
padding-right: 15px;
border-top: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.navbar-nav {
margin-top: 0;
}
.main-nav .nav .nav-item.active > a:before {
content: none;
}
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
position: static;
left: auto;
margin-left: 0;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a {
padding-left: 30px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a:hover {
padding-left: 34px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
padding-left: 45px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover {
padding-left: 49px;
}
}
.headerr {
background-color: white;
!important;
height: 20vh;
!important;
}
.equal-height-image {
object-fit: cover;
!important;
width: 100%;
!important;
height: 100%;
!important;
}
.flex-direction-nav {
display: flex !important;
box-sizing: border-box !important;
}
.flex-direction-nav:hover {
display: none !important;
}
.flex-control-paging {
display: none;
}
/*FOOTER*/
/* Sayfa içeriği için bir wrapper (sarma) ekleyin */
.content {
flex: 1; /* Sayfa içeriğini tüm boş alanı kaplayacak şekilde ayarlar */
}
footer {
background-color: #12A8CD;
color: #fff;
text-align: center;
font-size: 10px;
}
.logo {
justify-content: center;
}
.footer-content {
background-color: #262F5A;
padding-top: 20px;
padding-bottom: 20px;
}
.slide-container img {
width: 50px; /* Resim genişliği */
height: auto;
margin-right: 10px; /* Resimler arasındaki boşluk */
transition: transform 0.5s ease-in-out; /* Otomatik geçiş animasyonu */
}
.sponsor {
background-color: white;
padding-top: 30px;
padding-bottom: 30px;
justify-content: center;
margin-bottom: 5px;
}
.other-slides {
display: none; /* Diğer 8 resmi içeren kısmı başlangıçta gizle */
overflow: hidden;
}
.other-slides img {
width: 50px; /* Resim genişliği */
height: auto;
margin-right: 10px; /* Resimler arasındaki boşluk */
transition: transform 0.5s ease-in-out; /* Otomatik geçiş animasyonu */
}
.draggable {
max-width: 150px;
max-height: 80px;
}
.icons {
height: 25px;
color: white;
}
.counter-container {
display: flex;
justify-content: center;
/*padding-top: 20px;*/
/*padding-bottom: 25px;*/
padding: 25px;
align-items: baseline;
}
.counter {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 30px;
margin-right: 30px;
}
.counter-svg {
width: 60px;
!important;
height: 60px;
!important;
transition: all 0.4s;
!important;
}
.counter-svg:hover {
width: 80px;
height: 80px;
transition: 0.3s;
}
.count {
font-weight: bold;
}
.label {
margin-top: 5px;
font-size: 10px;
line-height: 1.5 !important;
width: 100%;
font-weight: 500;
}
.flex-container {
display: flex;
align-items: stretch;
}
.submenu {
display: none;
position: absolute;
background-color: #fff; /* Alt menü arkaplan rengi */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Gölgelendirme efekti */
}
.top-list .nav-item:hover .submenu {
display: block;
text-align: center;
text-decoration: none;
list-style: none;
float: left;
}
.top-list .nav-item:hover .submenu li {
margin-bottom: 1rem;
margin-top: 1rem;
}
.top-list .nav-item:hover .submenu li a {
margin-left: -2rem;
padding: 1rem 1rem;
}
/* Ek CSS stilleri */
.navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-menu {
display: none; /* Alt menüleri başlangıçta gizle */
}
.social-icons a {
color: white;
!important;
}
/*-----------------------------AÇILIR MENÜ------------------------------------*/
.mobile-header {
display: none;
background-color: #262F5A;
color: #fff;
padding: 10px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.mobile-header nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-header nav ul li:last-child {
border-bottom: none; /* Son öğeden çizgiyi kaldırır */
}
.menu-toggle {
color: white;
display: none;
border: none;
padding: 10px;
cursor: pointer;
}
/* Geçiş efekti eklemek için */
.nav-menu {
height: 0;
transition: 0.3s ease-in-out;
overflow: hidden;
}
.mobile-header.active .nav-menu {
display: block;
}
.nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-menu li {
margin-bottom: 10px;
padding: 1rem;
}
.nav-menu a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
.burger {
cursor: pointer;
}
.line1,
.line2,
.line3 {
width: 28px;
height: 3px;
background-color: #fff;
}
.line2 {
margin: 0.7rem 0;
}
@media screen and (max-width: 990px) {
.headerAsil {
display: none;
}
.top-bar {
display: none;
}
.mobile-header {
display: block;
}
.rsp {
padding-top: 15vh;
}
.menu-toggle {
display: block;
}
.nav-menu {
position: absolute;
top: 60px;
left: 0;
width: 100%;
background-color: #262F5A;
}
.nav-menu.show {
transition: all 0.3s;
height: 100vh;
}
}
.close .line2 {
display: none;
}
.close .line1 {
transform: rotate(-45deg) translate(0, 1.9px);
transition: all 0.3s ease;
}
.close .line3 {
transform: rotate(45deg) translate(-0.2px, -2.5px);
transition: all 0.3s ease;
}
.mobile-header.dropdown-item:focus, .dropdown-item:hover {
color: gray;
!important;
background-color: #e9ecef00;
!important;
}
.mobile-header.custom-dropdown-item:focus, .custom-dropdown-item:hover {
color: gray;
!important;
background-color: #e9ecef00;
!important;
}
.mobile-header.btn-check:focus + .btn, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(77, 78, 79, 0.49);
}
@media screen and (max-width: 990px) {
.nav-menu.show {
transition: all 0.3s;
height: 100vh;
overflow: auto;
}
}
@media screen and (min-height: 768px) {
.headerr {
max-height: 153px !important;
}
}
/* Scroll çubuklarının rengi */
.nav-menu::-webkit-scrollbar {
width: 10px; /* Scroll çubuğunun genişliği */
}
/* Dikey scroll çubuğu */
.nav-menu::-webkit-scrollbar-thumb {
background-color: #888; /* Scroll çubuğunun arka plan rengi */
border-radius: 5px; /* Scroll çubuğunun köşelerinin yuvarlaklığı */
}
/* Dikey scroll çubuğu üzerine gelindiğinde */
.nav-menu::-webkit-scrollbar-thumb:hover {
background-color: #555; /* Scroll çubuğunun arka plan rengi (hover durumunda) */
}
/* Scroll track */
.nav-menu::-webkit-scrollbar-track {
background-color: #f1f1f1; /* Scroll çubuğunun arka plan rengi */
border-radius: 5px; /* Scroll çubuğunun köşelerinin yuvarlaklığı */
}
/* Scroll track üzerine gelindiğinde */
.nav-menu::-webkit-scrollbar-track:hover {
background-color: #ddd; /* Scroll çubuğunun arka plan rengi (hover durumunda) */
}
@font-face {
font-family: Rubik;
src: url(/Rubik.ttf);
}
body {
margin: 0px;
/*font-family: 'Rubik';*/
background-color: #1d202c;
}
.MainContainer {
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}
.MenuContainer {
width: 100%;
margin: 20px;
max-width: 90vw;
max-height: 90vh;
height: 700px;
background-color: rgba(168, 168, 168, 0);
border: 1px solid gray;
color: white;
overflow: auto;
}
.OptionHead {
display: flex;
justify-content: space-between;
padding: 10px;
border-bottom: 1px solid #001527;
}
.OptionHead svg {
transition: transform 0.25s ease-out;
fill: white;
}
.OptionBody {
overflow: hidden;
max-height: 0;
transition: max-height 0.15s ease-out;
}
.OptionHead.open + .OptionBody {
max-height: 1000px;
transition: max-height 0.25s ease-in;
overflow: auto;
}
.OptionHead.open svg {
transform: rotate(180deg);
transition: transform 0.15s ease-in;
}
.pdn-20 {
padding-left: 20px;
}
.pdn-40 {
padding-left: 40px;
}
.pdn-60 {
padding-left: 60px;
}
.pdn-80 {
padding-left: 80px;
}
.pdn-100 {
padding-left: 100px;
}
/* width */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(5, 63, 118);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgb(2, 54, 102);
}
.search-container {
position: relative;
!important;
}
.search-input {
padding: 5px 10px;
!important;
border: 1px solid #ccc;
!important;
border-radius: 15px;
!important;
outline: none;
!important;
width: 150px;
!important;
height: 20px;
!important;
}
.search-icon {
position: absolute;
!important;
top: 65%;
!important;
right: 10px;
!important;
transform: translateY(-63%);
!important;
color: #aaa;
!important;
cursor: pointer;
!important;
}
.container {
width: 80%;
padding: 0;
max-width: 1920px;
}
/* Yukarı çıkma butonu stilini burada tanımlayabilirsiniz */
#goToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
border: none;
outline: none;
background: rgb(38, 47, 89);
color: white;
cursor: pointer;
border-radius: 5px;
}
#goToTopBtn:hover {
background: white;
border: 1px solid rgb(38, 47, 89);
color: rgb(38, 47, 89);
}
/* menü başlangıç */
.header-sub {
width: 80%;
}
.menu ol li a {
text-decoration: none;
position: relative;
color: #333;
/*letter-spacing: 1px;*/
font-size: 1.1rem;
font-family: 'averta', sans-serif;
}
/*@media only screen and (min-width: 1400px) and (max-width: 3000px) {*/
/* .menu ol li a {*/
/* font-size: 1.6vh;*/
/* }*/
/*}*/
.menu ol li a:hover {
cursor: pointer;
}
.menu {
display: flex;
height: 50px;
width: 100%;
text-align: center;
padding: 5px 0;
align-items: center;
justify-content: center;
}
.menu ol {
padding-left: 0px;
}
.menu ol > li > a {
color: rgb(38, 47, 89) !important;
}
.menu ol > li > ol > li > a {
color: #000000;
}
.menu-item {
list-style-type: none;
display: flex;
align-items: center;
position: relative;
margin: 8px;
/*font-family: 'Titillium Web', sans-serif;*/
}
.menu-item a {
line-height: 20px !important;
}
.menu-item:before {
position: absolute;
content: "";
/*border-bottom: 3px solid white;*/
overflow: hidden;
width: 0%;
left: 50%;
border-radius: 10px;
top: 20px;
transition: 0.2s ease-in-out 0.15s;
}
.menu-item:hover:before {
width: 100%;
left: 0%;
transition: 0.2s ease-in-out;
}
.sub-menu {
border-radius: 10px;
position: absolute;
left: 0%;
background: #fff;
font-family: 'Titillium Web', sans-serif;
top: 50px;
padding: 0;
text-align: left;
box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, 0.15);
max-height: 0;
width: 150px;
opacity: 0;
transition: 0.45s ease all 0.1s;
z-index: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.1s;
visibility: hidden;
}
.menu-item:hover > .sub-menu {
min-width: 150px;
margin-top: -2.2rem;
width: max-content !important;
max-height: max-content !important;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
transition-delay: 0.15s;
visibility: visible;
}
.menu-item > a {
color: rgb(38, 47, 89);
!important;
font-weight: 700;
}
.sub-menu .menu-item {
display: block;
font-family: 'Titillium Web', sans-serif;
}
.header-sub .menu ol {
margin: 0;
}
.header-sub .menu > ol {
height: 15px;
display: flex;
align-items: center;
}
.menu-item.plus-icon {
width: 15px;
height: 15px;
stroke: #333;
margin-left: 2px;
margin-bottom: -5px;
}
.menu-item > .sub-menu > .sub-menu-item {
list-style-type: none;
display: block;
position: relative;
opacity: 0;
visibility: hidden;
}
.menu-item:hover > .sub-menu > .sub-menu-item a {
transition: 0.15s ease all;
}
.menu-item:hover > .sub-menu > .sub-menu-item a:hover {
}
.menu-item:hover > .sub-menu > .sub-menu-item {
gap: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e5e5e5a1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
transition-delay: 0.15s;
visibility: visible;
cursor: pointer;
}
.sub-menu-item {
}
.sub-menu-item {
padding: 10px;
}
.sub-menu-item:hover {
background: var(--backColor);
}
#menu1 {
width: 160px;
text-align: left;
}
.sub-menu {
z-index: 99999999 !important;
color: var(--text-color);
}
li.sub-menu-item {
background: white;
position: relative;
border: 1px solid #ececec;
}
.sub-menu {
width: max-content !important;
}
.sub-menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
}
.sub-menu-item > .sub-menu {
z-index: 999999999;
width: 400px;
position: absolute;
background: white;
left: 100%;
top: -20px;
height: max-content;
opacity: 0;
visibility: hidden;
}
.dropdown-menu {
max-height: 200px;
overflow: scroll;
overflow-x: hidden;
margin-top: 0px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
.firat-container {
max-width: 100% !important;
}
}
/* menü bitiş */
.fast-access-btn-next, .fast-access-btn-prev {
position: absolute;
top: 48% !important;
color: #333;
}
.fast-access-btn-next {
right: 0 !important
}
.fast-access-btn-prev {
left: 0 !important
}
.fast-access-btn-next::after, .fast-access-btn-prev::after {
font-size: 2.5rem
}
.fast-access-swiper {
height: 9.5rem;
}
.fast-access-slider .Flex {
width: 100% !important;
display: flex;
justify-content: space-evenly
}
@media only screen and (max-width: 1200px) {
.fast-access-swiper .fast-access-btn-next {
right: 0rem !important;
}
.fast-access-swiper .fast-access-btn-prev {
left: 0rem !important;
}
}
@media only screen and (max-width: 768px) {
.fast-access-slider {
display: flex !important
}
.fast-access-slider .Flex {
flex-wrap: wrap;
}
.fast-access {
display: flex;
width: 33%;
height: 200px;
justify-content: center;
align-items: center;
margin-top: 2rem;
}
.fast-access img {
width: 85% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
border: 1px solid #ddd;
padding: 3rem;
margin-top: 2rem;
border-radius: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.fast-access img:last-child {
margin-bottom: 1rem;
}
.show-all-button-container {
font-size: 0.8rem;
}
.show-all-button {
margin-right: 0.7rem;
margin-bottom: 1rem;
font-weight: 500
}
}
@media only screen and (max-width: 576px) {
.fast-access img {
width: 100% !important;
height: 100% !important;
padding: 3rem
}
.show-all-button {
margin-right: 0rem;
margin-bottom: 1rem;
font-weight: 500
}
.show-all-button-container {
font-size: 0.7rem;
}
}
@media only screen and (max-width: 480px) {
.fast-access {
height: 170px;
}
.fast-access img {
padding: 2rem
}
}
@media only screen and (max-width: 400px) {
.fast-access img {
padding: 1.8rem
}
}
@media only screen and (max-width: 350px) {
.fast-access img {
padding: 1.4rem
}
}
.iconFlex {
width: 80px;
height: 80px;
margin: 0 auto; /* Ikonu ortala */
display: block; /* İkonu blok eleman yap */
}
</style>
<style>.swal2-popup.swal2-toast{flex-direction:column;align-items:stretch;width:auto;padding:1.25em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;margin:0 .625em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container{padding:.625em 0 0}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex:1;flex-basis:auto!important;align-self:stretch;width:auto;height:2.2em;height:auto;margin:0 .3125em;margin-top:.3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}</style></head>
<body>
<header class="header">
<div class="headerAsil headerr d-flex flex-column justify-content-between">
<div class="top-bar">
<div style="display: flex; float: right; gap: 40px; margin-right: 10rem; text-align: center; margin-top: 7px">
<div style="display: flex; gap: 20px; color: white; font-size: 11px ">
<a target="_blank" style="text-decoration: none; color: white" href="https://arizatakip.ozal.edu.tr/"><p>Fault Request/Tracking</p></a>
<a target="_blank" style="text-decoration: none; color: white" href="https://ebdys.ozal.edu.tr/"><p>
EBYS</p></a>
<a target="_blank" style="text-decoration: none; color: white" href="https://obs.ozal.edu.tr"><p>OBS</p></a>
<a target="_blank" style="text-decoration: none; color: white" href="https://uzem.ozal.edu.tr/"><p>
UZEM</p></a>
</div>
<div style="color: white; font-size: 11px">
<a style="text-decoration: none;color: white" rel="alternate" hreflang="en" href="https://sbbf.ozal.edu.tr/en/academic-staffs">
EN
</a>
<span> / </span>
<a style="text-decoration: none;color: white" rel="alternate" hreflang="tr" href="https://sbbf.ozal.edu.tr/tr/academic-staffs">
TR
</a>
</div>
<div class="search-container">
<form class="input-area search-form" action="https://sbbf.ozal.edu.tr/search" method="get">
<input name="search" type="text" class="search-input" placeholder=" Search... ">
</form>
<div class="search-icon"><i class="fas fa-search"></i></div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('.search-input').keypress(function (event) {
if (event.which === 13) {
event.preventDefault();
$(this).closest('form').submit();
}
});
});
</script>
</div>
</div>
<!--//to-bar-->
<div class="header-main container d-flex">
<div class="logo">
<a href="https://ozal.edu.tr/en" target="_blank"><img style="height: 80px" id="logo" src="https://sbbf.ozal.edu.tr/front/images/mtü-logo.png"></a>
</div>
<div class="header-sub">
<style>
.title a {
text-decoration: none;
}
</style>
<div class="title">
<a href="https://sbbf.ozal.edu.tr" target="_blank">
<h6 class="text-center" style="font-size: 25px;color: rgb(38, 47, 89);font-weight: 900;">Sosyal ve Beşeri Bilimler Fakültesi</h6>
</a>
</div>
<nav class="menu ">
<ol>
<li class="menu-item">
<a style="line-height: 25px;" href="http://sbbf.ozal.edu.tr/en">Home Page</a>
</li>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
<li class="menu-item">
<a>About Us</a>
<ol class="sub-menu">
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/372">Dean Message</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/374">History</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/376">Mission</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/378">Vision</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/380">Activity Report / Strategic Plans</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/382">Faculty Organization Chart</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/384">Our Deans from Past to Present</a>
</li>
</ol>
</li>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
</ol>
<ol>
<li class="menu-item">
<a>Administration</a>
<ol class="sub-menu">
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/386">Dean</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/388">Deputy Dean</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/390">Faculty Secretary</a>
</li>
</ol>
</li>
</ol>
<ol>
</ol>
<ol>
<li class="menu-item">
<a style="line-height: 25px;">Staff</a>
<ol class="sub-menu">
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/academic-staffs">Academic</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/admin-staffs">Admin</a>
</li>
</ol>
</li>
</ol>
<ol>
</ol>
<ol>
<li class="menu-item">
<a>Boards</a>
<ol class="sub-menu">
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/392">Faculty Board</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/394">Faculty Executive Board</a>
</li>
</ol>
</li>
</ol>
<ol>
</ol>
<ol>
<li class="menu-item">
<a>Documents</a>
<ol class="sub-menu">
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/368">Regulations/Guidelines</a>
</li>
<li class="sub-menu-item">
<a href="https://sbbf.ozal.edu.tr/page/370">Documents</a>
</li>
</ol>
</li>
</ol>
<ol>
<li class="menu-item">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/396">Contact</a>
</li>
</ol>
<ol>
</ol>
<span class="bar"></span>
</nav>
</div>
<div>
<a href="https://ozal.edu.tr/en" target="_blank"><img id="logo" style="height:80px" src="https://sbbf.ozal.edu.tr/front/images/ozal-logo.png"></a>
</div>
</div>
</div>
<div class="mobile-header">
<div class="d-flex align-items-center justify-content-between p-1">
<div style="z-index: 9;">
<a href="https://sbbf.ozal.edu.tr" id="logo-link"><img style="height: 60px;" src="/front/images/mtü-logo.png" alt="Logo"></a>
</div>
<div style="color: white; z-index: 999;" class="menu-toggle" id="mobile-menu-toggle">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</div>
<div style="color: white; font-size: 11px; margin-top: -18px">
<a style="text-decoration: none;color: white" rel="alternate" hreflang="en" href="https://sbbf.ozal.edu.tr/en/academic-staffs">
EN
</a>
<span> / </span>
<a style="text-decoration: none;color: white" rel="alternate" hreflang="tr" href="https://sbbf.ozal.edu.tr/tr/academic-staffs">
TR
</a>
</div>
<nav class="nav-menu" id="nav-menu">
<div class="MainContainer">
<!-- Remove GLOW Class -->
<div class="MenuContainer">
<div class="OptionContainer" style=" text-align:left;">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown " href=" http://sbbf.ozal.edu.tr/en " ''="">Home Page</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle " role="button" style="color: #fff">About Us</a>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/372">Dean Message</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/374">History</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/376">Mission</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/378">Vision</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/380">Activity Report / Strategic Plans</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/382">Faculty Organization Chart</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/384">Our Deans from Past to Present</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle " role="button" style="color: #fff">Administration</a>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/386">Dean</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/388">Deputy Dean</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/390">Faculty Secretary</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" type="button">Staff</a>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li>
<a href="https://sbbf.ozal.edu.tr/academic-staffs">Academic</a>
</li>
<li>
<a href="https://sbbf.ozal.edu.tr/admin-staffs">Admin</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle " role="button" style="color: #fff">Boards</a>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/392">Faculty Board</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/394">Faculty Executive Board</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle " role="button" style="color: #fff">Documents</a>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/368">Regulations/Guidelines</a>
</li>
</ul>
<ul class="dropdown-menu" style="background-color: #262f5a" aria-labelledby="navbarDropdownMenuLinkRight">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/370">Documents</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a style="line-height: 25px;" href="https://sbbf.ozal.edu.tr/page/396">Contact</a>
</li>
</ul>
<ul class="navbar-nav">
</ul>
</div>
</div>
</div>
</nav>
</div>
<div style="width: 100%!important; background-color:rgba(0,0,0,0.55)!important; padding: 1.5px!important;"></div>
</header>
<link rel="icon" href="https://sbbf.ozal.edu.tr/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/assets/front/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/assets/front/css/responsive.css">
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/CDN/fontawesome/all.min.css">
<link rel="stylesheet" href="https://sbbf.ozal.edu.tr/assets/front/css/style.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<div class="page-title full-color">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h2 class="title"><p>Academic Staffs</p></h2>
</div>
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /page-title -->
<div class="wrap firat-container">
<label for="switchA1" class="switch-item">
<span class="label">Academic Staffs</span>
<input type="checkbox" name="" id="switchA1" class="control" style="background-color: rgb(18,167,205);">
<span class="label">Admin Staffs</span>
</label>
</div>
<!-- jquery cdn -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- bootstrap cdn -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<div class="accordion firat-container mt-5 mb-5" id="accordionPanelsStayOpenExample">
</div>
<script>
$('.change-body').click(function (e) {
let section = e.target.getAttribute("data-section");
let card = e.target.getAttribute("data-card");
$('#' + card + ' .card-section').removeClass('is-active')
$('#' + card + ' .change-body').removeClass('is-active')
$('#' + card + ' .' + section + '-body').addClass('is-active')
$('#' + card + ' .' + section + '-button').addClass('is-active')
})
</script>
<script>
const items = document.querySelectorAll(".item");
for (let i = 0; i < items.length; i++) {
items[i].addEventListener("click", function () {
this.classList.toggle("open");
});
}
</script>
<script>
$(document).ready(function () {
// console.log($("details").attr('open'));
// if($("details").attr('open')=='open'){
// $("details").children("i").css('transform','rotate(-360deg)');
// }
$(".profiles-academic details:first-child summary i").css("transform", "rotate(-180deg)");
$(".profiles-academic details:first-child").attr("open", "open");
// $("details").firstChild.children('i')
});
var temp = false;
$("summary").click(function () {
if (temp) {
$(this).children("i").css({'transform': 'rotate(-180deg)', 'transition': '1s all;'});
temp = false;
} else {
$(this).children("i").css({'transform': 'rotate(0deg)', 'transition': '1s all;'})
temp = true;
}
});
$("details").click(function () {
$('details').not(this).removeAttr("open");
});
</script>
<script>
$(document).ready(function () {
var res = window.location.href.split("/");
if (res[res.length - 1] == 'admin-staffs') {
$('.control').click();
$('.control').change(function () {
if (this.checked != true) {
location.href = 'https://sbbf.ozal.edu.tr/academic-staffs';
}
});
} else {
$('.control').change(function () {
if (this.checked == true) {
location.href = 'https://sbbf.ozal.edu.tr/admin-staffs';
}
});
}
});
</script>
<script>
$('.accordion-button').click(function () {
var targetId = $(this).data('bs-target'); // Hedef collapse ID'sini al
var $targetCollapse = $(targetId); // Hedef collapse elementini seç
// Collapse öğesinin show sınıfına sahip olup olmadığını kontrol et
var isShown = $targetCollapse.hasClass('show');
// Tüm collapse öğelerinden 'show' sınıfını kaldır
$('.accordion-collapse').removeClass('show');
// Eğer collapse öğesi zaten açıksa, kapat
if (isShown) {
$targetCollapse.collapse('hide');
} else { // Değilse, aç
$targetCollapse.collapse('show');
}
});
</script>
<footer class=" mb-0" style="margin-bottom: -17px !important;">
<div class="footer-content">
<div class="logo">
<!--Logo-->
<a href="https://ozal.edu.tr/en" target="_blank"><img src="https://sbbf.ozal.edu.tr/front/images/resim/ozal.png" alt="Logo" style="width: 150px; height: 150px;"></a>
</div>
<div class="social-icons">
</div>
</div>
<p style="background-color: rgb(18,167,205);padding-top: 5px;padding-bottom: 5px ">2024 © Firat University <a target="_blank" href="https://ddyo.firat.edu.tr/tr" style="color: white">Digital Transformation and Software Office</a>
</p>
</footer>
<button onclick="goToTop()" id="goToTopBtn" title="Sayfanın başına git"><i class="fa-solid fa-arrow-up " style="font-size: 20px"></i></button>
<!-- Swiper JS -->
<script src="https://sbbf.ozal.edu.tr/assets/front/js/swiper/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script>
$('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass('show');
}
var $subMenu = $(this).next('.dropdown-menu');
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
$('.dropdown-submenu .show').removeClass('show');
});
return false;
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var mobileMenuToggle = document.getElementById('mobile-menu-toggle');
var navMenu = document.getElementById('nav-menu');
mobileMenuToggle.addEventListener('click', function () {
navMenu.classList.toggle('show');
this.classList.toggle('close')
});
});
</script>
<script>
// Get the dropdown button and menu
var dropdownToggle = document.getElementById("dropdown-toggle");
var dropdownMenu = document.getElementById("dropdown-menu");
// Add click event listener to toggle dropdown
dropdownToggle.addEventListener("click", function () {
// Toggle the class to show/hide the dropdown menu
dropdownMenu.classList.toggle("show");
});
// Close dropdown menu when clicked outside
window.addEventListener("click", function (event) {
if (!event.target.matches('#dropdown-toggle')) {
if (dropdownMenu.classList.contains('show')) {
dropdownMenu.classList.remove('show');
}
}
});
function ToggleOption(element) {
$(element).toggleClass('open')
var sub = element.getElementsByClassName('optionsub')[0]
console.log(element, sub);
if (sub.classList.contains('d-none')) sub.classList.remove('d-none');
else sub.classList.add('d-none');
}
function setBackgroundColors(element) {
let AllOptionContainer = document.getElementsByClassName("OptionContainer");
for (let index = 0; index < AllOptionContainer.length; index++) {
let OptionContainer = AllOptionContainer[index];
var elsParentClasses = [];
while (OptionContainer) {
if (OptionContainer.classList) {
for (let index2 = 0; index2 < OptionContainer.classList.length; index2++) {
const className = OptionContainer.classList[index2];
elsParentClasses.unshift(className);
}
OptionContainer = OptionContainer.parentNode;
} else {
break;
}
}
let r = 0;
let g = 21;
let b = 40;
let factor = elsParentClasses.filter(x => x == "OptionContainer").length;
r = r * factor;
g = g * factor;
b = b * factor;
AllOptionContainer[index].style.backgroundColor = `rgb(${r}, ${g}, ${b})`;
}
}
setBackgroundColors();
</script>
<script>
// Sayfanın en üstüne gitmek için bir fonksiyon tanımlayın
function goToTop() {
document.body.scrollTop = 0; // Safari
document.documentElement.scrollTop = 0; // Diğer tarayıcılar
}
// Sayfa aşağı kaydırıldığında butonu göster veya gizle
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("goToTopBtn").style.display = "block";
} else {
document.getElementById("goToTopBtn").style.display = "none";
}
}
</script>
</body></html>