- ID de l'analyse :
- 96c5f2d7-3c23-4aa3-8662-316a0a9f3e14Terminée
- URL soumise :
- https://search.app/EjtqztqoPrqXNiPi8Redirigé
- Fin du rapport :
Liens : 6 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 21 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| uidEvent | number |
| bootstrap | object |
| $ | function |
| jQuery | function |
| Sweetalert2 | function |
| SweetAlert | function |
| Swal | function |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>