ReferenceError: Can't find variable: globalThis

  https://www.googletagmanager.com/gtag/js?id=G-62Z1173YV5:217
Error: [ng:areq] Argument 'birimListCtrl' is not a function, got undefined
http://errors.angularjs.org/1.5.3/ng/areq?p0=birimListCtrl&p1=not%20a%20function%2C%20got%20undefined
assertArg@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18988:91
assertArgFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18998:12
$controller@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:27147:20
setupControllers@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26282:45
nodeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26080:48
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25477:23
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
nodeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26161:35
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25477:23
nodeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26161:35
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25477:23
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25480:24
publicLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25357:45
https://kalite.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:1:27990
processQueue@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
Error: [ng:areq] Argument 'UpToTopController' is not a function, got undefined
http://errors.angularjs.org/1.5.3/ng/areq?p0=UpToTopController&p1=not%20a%20function%2C%20got%20undefined
assertArg@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18988:91
assertArgFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18998:12
$controller@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:27147:20
setupControllers@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26282:45
nodeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26080:48
compositeLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25477:23
publicLinkFn@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25357:45
https://kalite.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:1:30188
processQueue@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://kalite.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
ReferenceError: Can't find variable: TextEncoder

  https://www.gstatic.com/recaptcha/releases/BnqMGSY_YP4cCmbNINHpJPkd/recaptcha__tr.js:1669
ReferenceError: Can't find variable: TextEncoder

  https://www.gstatic.com/recaptcha/releases/BnqMGSY_YP4cCmbNINHpJPkd/recaptcha__tr.js:1669
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app" ng-controller="AppCtrl" lang="tr" class="ng-scope" data-uw-w-loader=""><head><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="><style>@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="><style ng-bind-template="[uib-typeahead-popup].dropdown-menu{display:block;}" class="ng-binding ng-scope">[uib-typeahead-popup].dropdown-menu{display:block;}</style><style ng-bind-template=".uib-time input{width:50px;}" class="ng-binding ng-scope">.uib-time input{width:50px;}</style><style ng-bind-template="[uib-tooltip-popup].tooltip.top-left &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.top-right &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-left &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-right &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.left-top &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.left-bottom &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.right-top &gt; .tooltip-arrow,[uib-tooltip-popup].tooltip.right-bottom &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-left &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-right &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-left &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-right &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-top &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-bottom &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-top &gt; .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-bottom &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-left &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-right &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-left &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-right &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-top &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-bottom &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-top &gt; .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-bottom &gt; .tooltip-arrow,[uib-popover-popup].popover.top-left &gt; .arrow,[uib-popover-popup].popover.top-right &gt; .arrow,[uib-popover-popup].popover.bottom-left &gt; .arrow,[uib-popover-popup].popover.bottom-right &gt; .arrow,[uib-popover-popup].popover.left-top &gt; .arrow,[uib-popover-popup].popover.left-bottom &gt; .arrow,[uib-popover-popup].popover.right-top &gt; .arrow,[uib-popover-popup].popover.right-bottom &gt; .arrow,[uib-popover-html-popup].popover.top-left &gt; .arrow,[uib-popover-html-popup].popover.top-right &gt; .arrow,[uib-popover-html-popup].popover.bottom-left &gt; .arrow,[uib-popover-html-popup].popover.bottom-right &gt; .arrow,[uib-popover-html-popup].popover.left-top &gt; .arrow,[uib-popover-html-popup].popover.left-bottom &gt; .arrow,[uib-popover-html-popup].popover.right-top &gt; .arrow,[uib-popover-html-popup].popover.right-bottom &gt; .arrow,[uib-popover-template-popup].popover.top-left &gt; .arrow,[uib-popover-template-popup].popover.top-right &gt; .arrow,[uib-popover-template-popup].popover.bottom-left &gt; .arrow,[uib-popover-template-popup].popover.bottom-right &gt; .arrow,[uib-popover-template-popup].popover.left-top &gt; .arrow,[uib-popover-template-popup].popover.left-bottom &gt; .arrow,[uib-popover-template-popup].popover.right-top &gt; .arrow,[uib-popover-template-popup].popover.right-bottom &gt; .arrow{top:auto;bottom:auto;left:auto;right:auto;margin:0;}[uib-popover-popup].popover,[uib-popover-html-popup].popover,[uib-popover-template-popup].popover{display:block !important;}" class="ng-binding ng-scope">[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,[uib-popover-popup].popover.top-left > .arrow,[uib-popover-popup].popover.top-right > .arrow,[uib-popover-popup].popover.bottom-left > .arrow,[uib-popover-popup].popover.bottom-right > .arrow,[uib-popover-popup].popover.left-top > .arrow,[uib-popover-popup].popover.left-bottom > .arrow,[uib-popover-popup].popover.right-top > .arrow,[uib-popover-popup].popover.right-bottom > .arrow,[uib-popover-html-popup].popover.top-left > .arrow,[uib-popover-html-popup].popover.top-right > .arrow,[uib-popover-html-popup].popover.bottom-left > .arrow,[uib-popover-html-popup].popover.bottom-right > .arrow,[uib-popover-html-popup].popover.left-top > .arrow,[uib-popover-html-popup].popover.left-bottom > .arrow,[uib-popover-html-popup].popover.right-top > .arrow,[uib-popover-html-popup].popover.right-bottom > .arrow,[uib-popover-template-popup].popover.top-left > .arrow,[uib-popover-template-popup].popover.top-right > .arrow,[uib-popover-template-popup].popover.bottom-left > .arrow,[uib-popover-template-popup].popover.bottom-right > .arrow,[uib-popover-template-popup].popover.left-top > .arrow,[uib-popover-template-popup].popover.left-bottom > .arrow,[uib-popover-template-popup].popover.right-top > .arrow,[uib-popover-template-popup].popover.right-bottom > .arrow{top:auto;bottom:auto;left:auto;right:auto;margin:0;}[uib-popover-popup].popover,[uib-popover-html-popup].popover,[uib-popover-template-popup].popover{display:block !important;}</style><style ng-bind-template=".uib-datepicker-popup.dropdown-menu{display:block;float:none;margin:0;}.uib-button-bar{padding:10px 9px 2px;}" class="ng-binding ng-scope">.uib-datepicker-popup.dropdown-menu{display:block;float:none;margin:0;}.uib-button-bar{padding:10px 9px 2px;}</style><style ng-bind-template=".uib-position-measure{display:block !important;visibility:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}.uib-position-scrollbar-measure{position:absolute !important;top:-9999px !important;width:50px !important;height:50px !important;overflow:scroll !important;}.uib-position-body-scrollbar-measure{overflow:scroll !important;}" class="ng-binding ng-scope">.uib-position-measure{display:block !important;visibility:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}.uib-position-scrollbar-measure{position:absolute !important;top:-9999px !important;width:50px !important;height:50px !important;overflow:scroll !important;}.uib-position-body-scrollbar-measure{overflow:scroll !important;}</style><style ng-bind-template=".uib-datepicker .uib-title{width:100%;}.uib-day button,.uib-month button,.uib-year button{min-width:100%;}.uib-left,.uib-right{width:100%}" class="ng-binding ng-scope">.uib-datepicker .uib-title{width:100%;}.uib-day button,.uib-month button,.uib-year button{min-width:100%;}.uib-left,.uib-right{width:100%}</style><style ng-bind-template=".ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}" class="ng-binding ng-scope">.ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}</style><style ng-bind-template="@charset " utf-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none="" !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}"="" class="ng-binding ng-scope">@charset</style>
    <meta charset="utf-8">
    <meta name="fragment" content="!">
    <meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *">
    <meta http-equiv="cache-control" content="no-store; no-cache; must-revalidate; max-stale=0; post-check=0; pre-check=0; max-age=0">
    <meta http-equiv="pragma" content="no-cache">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

    <!-- GOOGLE VERIFICATION -->
    <meta name="google-site-verification" content="Xz1VZDUx6RyqYVlVcxWwk2W0PdruEcq1TUsrYFPRO18">

    <!-- SEO BASIC -->
    <title>İstanbul Üniversitesi | Kalite</title>

    <meta name="author" content="İstanbul Üniversitesi"><meta name="publisher" content="İstanbul Üniversitesi"><meta name="description" content="Kalite | İstanbul Üniversitesi">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta http-equiv="content-language" content="tr">

    <!-- OPEN GRAPH -->
    <meta property="og:title" content="Kalite">
    <meta property="og:description" content="Kalite | İstanbul Üniversitesi">
    <meta property="og:url" content="https://kalite.istanbul.edu.tr/Default.aspx">
    <meta property="og:site_name" content="Kalite">
    <meta property="og:locale" content="tr">
    <meta property="og:type" content="website">
    
    <meta property="og:image" content="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-default-og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="Kalite">
    

    <!-- TWITTER -->
    <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Kalite"><meta name="twitter:description" content="Kalite | İstanbul Üniversitesi"><meta name="twitter:image" content="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-default-og-image.png">

    <!-- CANONICAL -->
    <link rel="canonical" href="https://kalite.istanbul.edu.tr/Default.aspx">

    <!-- SCHEMA JSON-LD -->
    
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/BnqMGSY_YP4cCmbNINHpJPkd/recaptcha__tr.js" crossorigin="anonymous"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/BnqMGSY_YP4cCmbNINHpJPkd/recaptcha__tr.js" crossorigin="anonymous"></script><script type="application/ld+json">{"context":"https://schema.org","type":null,"name":null,"url":null,"logo":"https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-default-og-image.png","sameAs":[],"address":{"type":null,"addressLocality":null,"addressCountry":null},"contactPoint":{"type":null,"contactType":null,"telephone":null}}</script>
    

    <!-- SITE KEY -->
    <meta id="site" content="9D76F672E8E14F919A6AEAF2BBCD43A4">

    <!-- CSS -->
    <link rel="stylesheet" href="/css/vendor-d540698d76.min.css">

    

	<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.6/es6-shim.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
	<link href="/assets/fonts/remixicon.css" rel="stylesheet">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
    <link href="https://service-cms.istanbul.edu.tr/api/webclient/style?site=9D76F672E8E14F919A6AEAF2BBCD43A4" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer">    
	<link rel="icon" href="https://www.istanbul.edu.tr/favicon.ico" sizes="any">
	<link rel="shortcut icon" href="https://www.istanbul.edu.tr/favicon.ico" type="image/x-icon">


    <link href="https://service-cms.istanbul.edu.tr/api/webclient/style?site=9D76F672E8E14F919A6AEAF2BBCD43A4" rel="stylesheet">
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">

    <style ng-bind-template="
        [ng-cloak], .ng-cloak {
            display: none !important;
        }
    " class="ng-binding ng-scope">[ng-cloak], .ng-cloak {
            display: none !important;
        }</style>

    <!-- GOOGLE ANALYTICS -->
    
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-62Z1173YV5"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-62Z1173YV5');
    </script>
    

</head>
<body>

    <!-- uiView:  --><div class="app ng-scope" id="app" ng-class="{'test':app.settings.headerFixed}" ui-view="" style=""><!-- uiView:  --><div ui-view="" class="ng-scope"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet" class="ng-scope"><!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" class="ng-scope">
<link href="/assets/css/constants.css" rel="stylesheet" class="ng-scope">
<link href="/assets/css/style.css" rel="stylesheet" class="ng-scope">
<link href="/assets/css/calendar.css" rel="stylesheet" class="ng-scope">

<div id="2D00560047004E006F00680051005700730030004C0039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Navbar" class="ng-scope ng-isolate-scope"><div class="top-bar bg-light border-bottom ng-scope">
  <div class="container">
    <div class="row align-items-center d-none d-md-flex py-1">
      <div class="col text-dark small">
        <div class="header-university">
          <a href="https://istanbul.edu.tr" target="_blank" class="university-link">
            <span class="title ng-binding">
              İstanbul Üniversitesi
            </span>
          </a>
          <span class="separator">|</span>
          <a class="d-flex align-items-center" ng-href="/" target="_self" href="/"><span class="typewriter"></span></a>
        </div>
      </div>

		<div class="col-auto d-flex align-items-center gap-2">
		  <!-- Dil Dropdown Menü - Şık Versiyon -->
		  <!-- ngIf: $root.translates.length > 1 --><div class="dropdown language-dropdown ng-scope" ng-if="$root.translates.length &gt; 1" style="">
		    <button class="btn-language" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
		      <i class="ri-global-line"></i>
		      <span class="ng-binding">Türkçe</span>
		      <i class="ri-arrow-down-s-line arrow-icon"></i>
		    </button>
		    <ul class="dropdown-menu dropdown-menu-end language-menu" aria-labelledby="languageDropdown">
		      <!-- ngRepeat: lang in $root.translates --><li ng-repeat="lang in $root.translates" class="ng-scope">
		        <a class="dropdown-item language-item" ng-class="{'active': $root.lang == lang.Name}" ng-href="/en" target="_self" href="/en">
		          <!-- ngIf: $root.lang == lang.Name -->
		          <!-- ngIf: $root.lang != lang.Name --><i class="ri-checkbox-blank-circle-line circle-icon ng-scope" ng-if="$root.lang != lang.Name"></i><!-- end ngIf: $root.lang != lang.Name -->
		          <span class="ng-binding">English</span>
		        </a>
		      </li><!-- end ngRepeat: lang in $root.translates --><li ng-repeat="lang in $root.translates" class="ng-scope">
		        <a class="dropdown-item language-item active" ng-class="{'active': $root.lang == lang.Name}" ng-href="/tr" target="_self" href="/tr">
		          <!-- ngIf: $root.lang == lang.Name --><i class="ri-checkbox-circle-fill check-icon ng-scope" ng-if="$root.lang == lang.Name"></i><!-- end ngIf: $root.lang == lang.Name -->
		          <!-- ngIf: $root.lang != lang.Name -->
		          <span class="ng-binding">Türkçe</span>
		        </a>
		      </li><!-- end ngRepeat: lang in $root.translates -->
		    </ul>
		  </div><!-- end ngIf: $root.translates.length > 1 -->
		
		  <div class="social-wrapper">
		    <button class="toggle-social" id="toggleSocial" aria-haspopup="true">
		      <i class="ri-share-line"></i>
		      <span class="ng-binding">Sosyal Medya</span>
		    </button>
		    <div class="social-icons" id="socialIcons">
		      <span class="arrow"></span>
		      <!-- ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.facebook.com/iukalite" target="_blank" title="facebook" aria-label="facebook" class="ng-scope" href="https://www.facebook.com/iukalite" style="">
		        <i class="ri-facebook-fill"></i>
		      </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://twitter.com/iukalite/" target="_blank" title="square-x-twitter" aria-label="square-x-twitter" class="ng-scope" href="https://twitter.com/iukalite/" style="">
		        <i class="ri-twitter-x-fill"></i>
		      </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.youtube.com/user/iu1453" target="_blank" title="youtube" aria-label="youtube" class="ng-scope" href="https://www.youtube.com/user/iu1453" style="">
		        <i class="ri-youtube-fill"></i>
		      </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.instagram.com/iukalite/" target="_blank" title="instagram" aria-label="instagram" class="ng-scope" href="https://www.instagram.com/iukalite/" style="">
		        <i class="ri-instagram-fill"></i>
		      </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks -->
		    </div>
		  </div>
		</div>
    </div>

    <div class="d-md-none">
      <div class="row align-items-center">
        <div class="col text-dark  ps-2">
          <a href="https://istanbul.edu.tr" target="_blank" class="university-link mt-1">
            <span class="title ng-binding">
              İstanbul Üniversitesi
            </span>
          </a>
         
          <a class="d-flex align-items-center" ng-href="/" target="_self" href="/"><span style=" margin-top: -5px; "><b class="ng-binding"> Kalite Koordinatörlüğü</b></span></a>
        </div>
		<div class="col-auto">
		  <!-- Mobil Dil Dropdown Menü -->
		  <!-- ngIf: $root.translates.length > 1 --><div class="dropdown language-dropdown-mobile ng-scope" ng-if="$root.translates.length &gt; 1" style="">
		    <button class="btn-language-mobile" type="button" id="languageDropdownMobile" data-bs-toggle="dropdown" aria-expanded="false">
		      <i class="ri-global-line"></i>
		      <span class="ng-binding"></span>
		      <i class="ri-arrow-down-s-line"></i>
		    </button>
		    <ul class="dropdown-menu dropdown-menu-end language-menu-mobile" aria-labelledby="languageDropdownMobile">
		      <!-- ngRepeat: lang in $root.translates --><li ng-repeat="lang in $root.translates" class="ng-scope">
		        <a class="dropdown-item language-item" ng-class="{'active': $root.lang == lang.Name}" ng-href="/en" target="_self" href="/en">
		          <!-- ngIf: $root.lang == lang.Name -->
		          <!-- ngIf: $root.lang != lang.Name --><i class="ri-checkbox-blank-circle-line ng-scope" ng-if="$root.lang != lang.Name"></i><!-- end ngIf: $root.lang != lang.Name -->
		          <span class="ng-binding">English</span>
		        </a>
		      </li><!-- end ngRepeat: lang in $root.translates --><li ng-repeat="lang in $root.translates" class="ng-scope">
		        <a class="dropdown-item language-item active" ng-class="{'active': $root.lang == lang.Name}" ng-href="/tr" target="_self" href="/tr">
		          <!-- ngIf: $root.lang == lang.Name --><i class="ri-checkbox-circle-fill ng-scope" ng-if="$root.lang == lang.Name"></i><!-- end ngIf: $root.lang == lang.Name -->
		          <!-- ngIf: $root.lang != lang.Name -->
		          <span class="ng-binding">Türkçe</span>
		        </a>
		      </li><!-- end ngRepeat: lang in $root.translates -->
		    </ul>
		  </div><!-- end ngIf: $root.translates.length > 1 -->
		</div>
      </div>

      <div class="row">
        <div class="col text-center">
          <div class="social-wrapper mobile-social">
            <button class="toggle-social" id="toggleSocialMobile">
              <i class="ri-share-line"></i>
            </button>
            <div class="social-icons" id="socialIconsMobile" style="position: absolute; inset: 0px 0px auto auto; margin-top: 30px; transform: translate3d(-4px, 7px, 0px);">
              <span class="arrow"></span>
              <!-- ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.facebook.com/iukalite" target="_blank" title="facebook" aria-label="facebook" class="ng-scope" href="https://www.facebook.com/iukalite" style="">
                <i class="ri-facebook-fill"></i>
              </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://twitter.com/iukalite/" target="_blank" title="square-x-twitter" aria-label="square-x-twitter" class="ng-scope" href="https://twitter.com/iukalite/" style="">
                <i class="ri-twitter-x-fill"></i>
              </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.youtube.com/user/iu1453" target="_blank" title="youtube" aria-label="youtube" class="ng-scope" href="https://www.youtube.com/user/iu1453" style="">
                <i class="ri-youtube-fill"></i>
              </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks --><!-- ngIf: s.visible --><a ng-repeat="s in data.header.socialLinks" ng-if="s.visible" ng-href="https://www.instagram.com/iukalite/" target="_blank" title="instagram" aria-label="instagram" class="ng-scope" href="https://www.instagram.com/iukalite/" style="">
                <i class="ri-instagram-fill"></i>
              </a><!-- end ngIf: s.visible --><!-- end ngRepeat: s in data.header.socialLinks -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<nav class="navbar navbar-expand-lg ng-scope" aria-label="Navbar" sticky-navbar="">
  <div class="container">
    <!-- Sol Logo - Sadece masaüstünde görünür -->
    <!-- ngIf: data.header.SolLogo --><a class="navbar-brand d-flex align-items-center me-2 d-none d-lg-flex ng-scope" ng-if="data.header.SolLogo" ng-href="https://istanbul.edu.tr" target="_blank" href="https://istanbul.edu.tr" style="">
      <img ng-src="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=istanbul_universitesi.png" class="logo" alt="İstanbul Üniversitesi" style="width: auto; height: 90px; object-fit: contain;" src="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=istanbul_universitesi.png">
    </a><!-- end ngIf: data.header.SolLogo -->

    <!-- Sağ Logo - Mobilde görünür, sola dayalı, masaüstünde gizli -->
    <!-- ngIf: data.header.SagLogo --><div class="navbar-secondary-logo-wrapper d-lg-none ng-scope" ng-if="data.header.SagLogo" style="">
      <a class="d-flex align-items-center" ng-href="/" target="_self" href="/">
        <img ng-src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=4_g_qvvxXEOYUKQPMBlspg" alt="İstanbul Üniversitesi" style="width: auto; height: 80px; object-fit: contain;" src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=4_g_qvvxXEOYUKQPMBlspg">
      </a>
    </div><!-- end ngIf: data.header.SagLogo -->

    <div class="navbar-toggles ms-auto d-flex d-lg-none">
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbars_istanbul">
        <i class="ri-menu-line"></i>
      </button>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#search-menu">
        <i class="ri-search-line"></i>
      </button>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#apps-menu">
        <i class="ri-function-fill" style="padding-right: 5px;"></i>
      </button>
    </div>

    <div class="collapse navbar-collapse" id="navbars_istanbul">
      <ul class="navbar-nav me-auto mb-2 mb-sm-0" navbar-more-menu="">
        <!-- ngRepeat: x in visibleMenuItems -->
        
        <!-- ngIf: hiddenMenuItems.length > 0 -->
      </ul>
    </div>

    <div class="d-none d-lg-flex align-items-center ms-3">
      <div class="me-2 nav-item d-none d-lg-block">
        <a class="nav-link search-btn p-2" href="#search-menu" data-bs-toggle="collapse" aria-controls="search-menu" aria-expanded="false">
          <i class="ri-search-2-line"></i>
        </a>
      </div>

      <div class="me-3 nav-item d-none d-lg-block">
        <a class="nav-link search-btn p-2" href="#apps-menu" data-bs-toggle="collapse" aria-controls="apps-menu" aria-expanded="false">
          <i class="ri-layout-grid-fill"></i>
        </a>
      </div>

      <!-- ngIf: data.header.SagLogo --><div class="navbar-secondary-logo-wrapper d-none d-lg-block ng-scope" ng-if="data.header.SagLogo" style="">
        <a class="d-flex align-items-center" ng-href="/" target="_self" href="/">
          <img ng-src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=4_g_qvvxXEOYUKQPMBlspg" alt="İstanbul Üniversitesi" style="width: auto; height: 90px; object-fit: contain;" src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=4_g_qvvxXEOYUKQPMBlspg">
        </a>
      </div><!-- end ngIf: data.header.SagLogo -->
    </div>
  </div>
</nav>

<script class="ng-scope">
  
  
  
function initSocialToggle(toggleId, boxId) {
  const toggleBtn = document.getElementById(toggleId);
  const socialBox = document.getElementById(boxId);

  if (!toggleBtn || !socialBox) return;

  toggleBtn.addEventListener('click', function (e) {
    e.stopPropagation();
    socialBox.classList.toggle('show');
  });

  document.addEventListener('click', function () {
    socialBox.classList.remove('show');
  });
}

initSocialToggle('toggleSocial', 'socialIcons');
initSocialToggle('toggleSocialMobile', 'socialIconsMobile');
</script></div>
<div id="64003900660064006E006B004200520065004D006A0039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Search" class="ng-scope ng-isolate-scope">

  <section class="search-menu collapse ng-scope" id="search-menu">
    <div class="container">
      <div class="row p-3">
        <div class="col-12">
<form role="form" class="ng-pristine ng-valid">
  <div class="input-group">
    <input id="searchBox" type="text" class="form-control border-theme me-2 ng-pristine ng-untouched ng-valid ng-empty" placeholder="Aranacak metni giriniz..." ng-model="searchBox" autofocus="" ng-keypress="($event.which === 13)? $parent.searchInSite(searchBox) : 0" auto-focus="" style="">
    <button class="btn btn-ar btn-primary bg-theme border-theme ng-binding" type="button" ng-click="$parent.searchInSite(searchBox);">
      Ara
    </button>
  </div>
</form>

        </div>
      </div>
    </div>
  </section></div>
<div id="620051005700740070004D006D004F0044006100480039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-AppsMenu" class="ng-scope ng-isolate-scope"><section class="apps-menu collapse ng-scope" id="apps-menu" style="z-index: 1026; position: absolute; left: 0px; right: 0px; width: 100%;">
  <div class="container">
    <div class="row p-3">
      <!-- ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items" style="">
        <a href="/tr/talep" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-mail-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">Talep Formu</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İstek, Şikayet, Memnuniyet ve Önerilerinizi Bize Bildirebilirsiniz.</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items">
        <a href="https://yokak.gov.tr/degerlendirme-sureci/kurumsal-degerlendirme-programi-dokumanlar" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-apps-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">Kurumsal Dış Değerlendirme Kılavuzu</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Yükseköğretim Kalite Kurulu</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items">
        <a href="/tr/content/idari-faaliyet-raporlari/idari-faaliyet-raporlari" target="_self" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-file-text-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">İdari Faaliyet Raporları</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İdari Faaliyet Raporları ve Mali Yıl Performans Programı</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items">
        <a href="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-2024-2028-stratejik-plani--son-hali--(25.10.2023).pdf" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-apps-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">İstanbul Üniversitesi Stratejik Planı</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">2024-2028</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items">
        <a href="/tr/content/galeri/galeri" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-apps-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">Galeri</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Toplantı Fotoğrafları İçin Tıklayınız.</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items --><div class="app-item col-md-3 col-6 mb-2 ng-scope" ng-repeat="item in data.items">
        <a href="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=istanbul-universitesi_kgbr_2016.pdf" target="_self" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-apps-line me-3 text-primary fs-4"></i>
          <div>
            <h6 class="mb-1 fw-semibold ng-binding" ng-bind="item.title || 'Başlıksız'">Kurumsal Geri Bildirim Raporu - 2016</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Yükseköğretim Kalite Kurulu</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items -->
    </div>
  </div>
</section></div>

<section class="talep-section py-5 ng-scope">
<div class="container">
<div id="47003100780043006F005A00530070004C004100500039007900700046006200610041004F003200370077003200" c-type="FormInput" c-name="temav2_Component_istekFormu" class="ng-isolate-scope"><link href="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=select2_4.min.css" rel="stylesheet" class="ng-scope">

<div class="container mt-4 ng-scope">
   <div class="row justify-content-center">
      <div class="col-md-8">
         <div class="card border-1 shadow-mm">
            <div class="card-header bg-white border-0 pt-4 pb-2">
               <h2 class="h3 mb-0 ng-binding">Talep Formu</h2>
               <small class="text-muted"></small>
            </div>
            <div class="card-body">
               <div ng-init="formData = {FormNo: 'İÜ/FR-012/REV.00/30.11.2016'}">
                  <form name="form_1" novalidate="" class="ng-pristine ng-valid">
                     <div class="mb-3">
                        <label class="form-label fw-semibold ng-binding">Doküman No</label>
                        <span class="form-control bg-light ng-binding">İÜ/FR-012/REV.00/30.11.2016</span>
                     </div>

                     <div class="mb-3">
                        <label class="form-label fw-semibold ng-binding">İlgili Birim</label>
                        <div ng-controller="birimListCtrl" class="ng-scope">
                           <select id="selectBirim" name="selectedBirim" class="form-select ng-pristine ng-untouched ng-valid select2-hidden-accessible" ng-model="formData.selectedBirim" ng-required="true" data-placeholder="{{ 'formınput.LBL_BIRIM_SECINIZ' | translate }}" data-select2-id="selectBirim" tabindex="-1" aria-hidden="true">
                              <option value="" data-select2-id="2"></option>
                              <!-- ngRepeat: bolum in bolumler -->
                           </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: 320px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-selectBirim-container"><span class="select2-selection__rendered" id="select2-selectBirim-container" role="textbox" aria-readonly="true"><span class="select2-selection__placeholder">{{ 'formınput.LBL_BIRIM_SECINIZ' | translate }}</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                           <div class="invalid-feedback d-block ng-binding" ng-show="form_1.selectedBirim.$invalid">
                              {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                           </div>
                        </div>
                     </div>

                     <div class="row">
                        <div class="col-md-6 mb-3">
                           <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_ISTEK_TURU' | translate }}</label>
                           <select class="form-select ng-pristine ng-untouched ng-valid" name="IstekTur" ng-model="formData.IstekTur" ng-required="true">
                              <option value="" class="ng-binding">{{ 'formınput.LBL_ISTEK_TURU_SECINIZ' | translate }}</option>
                              <option value="100003" class="ng-binding">{{ 'formınput.LBL_ONERI' | translate }}</option>
                              <option value="100004" class="ng-binding">{{ 'formınput.LBL_MEMNUNIYET' | translate }}</option>
                              <option value="100001" class="ng-binding">{{ 'formınput.LBL_ISTEK' | translate }}</option>
                              <option value="100002" class="ng-binding">{{ 'formınput.LBL_SIKAYET' | translate }}</option>
                           </select>
                           <div class="invalid-feedback d-block ng-binding" ng-show="form_1.IstekTur.$invalid">
                              {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                           </div>
                        </div>

                        <div class="col-md-6 mb-3">
                           <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_KIMLIK_PASAPORT_NO' | translate }}</label>
                           <input class="form-control ng-pristine ng-untouched ng-valid" name="KimlikNo" ng-model="formData.KimlikNo" ng-required="true" maxlength="20">
                           <div class="invalid-feedback d-block ng-binding" ng-show="form_1.KimlikNo.$invalid">
                              {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                           </div>
                        </div>
                     </div>

                     <div class="row">
                        <div class="col-md-6 mb-3">
                           <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_AD_SOYAD' | translate }}</label>
                           <input class="form-control ng-pristine ng-untouched ng-valid" name="AdSoyad" ng-model="formData.AdSoyad" ng-required="true" maxlength="200">
                           <div class="invalid-feedback d-block ng-binding" ng-show="form_1.AdSoyad.$invalid">
                              {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                           </div>
                        </div>

                        <div class="col-md-6 mb-3">
                           <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_EPOSTA' | translate }}</label>
                           <input type="email" name="Eposta" class="form-control ng-pristine ng-untouched ng-valid" ng-model="formData.Eposta" ng-required="true" maxlength="200">
                           <div class="invalid-feedback d-block ng-binding" ng-show="form_1.Eposta.$invalid">
                              {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                           </div>
                        </div>
                     </div>

                     <div class="mb-3">
                        <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_UNVAN' | translate }}</label>
                        <select class="form-select ng-pristine ng-untouched ng-valid" name="Unvan" ng-model="formData.Unvan" ng-required="true">
                           <option value="" class="ng-binding">{{ 'formınput.LBL_UNVAN_SECINIZ' | translate }}</option>
                           <option value="101001" class="ng-binding">{{ 'formınput.LBL_AKADEMIK_PERSONEL' | translate }}</option>
                           <option value="101002" class="ng-binding">{{ 'formınput.LBL_IDARI_PERSONEL' | translate }}</option>
                           <option value="101003" class="ng-binding">{{ 'formınput.LBL_OGRENCI' | translate }}</option>
                           <option value="101004" class="ng-binding">{{ 'formınput.LBL_DIGER' | translate }}</option>
                        </select>
                        <div class="invalid-feedback d-block ng-binding" ng-show="form_1.Unvan.$invalid">
                           {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                        </div>
                     </div>

                     <div class="mb-3">
                        <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_KONU_BASLIGI' | translate }}</label>
                        <select class="form-select ng-pristine ng-untouched ng-valid" name="TalepTur" ng-model="formData.TalepTur" ng-required="true">
                           <option value="" class="ng-binding">{{ 'formınput.LBL_KONU_SECINIZ' | translate }}</option>
                           <option value="114001" class="ng-binding">{{ 'formınput.LBL_KUTUPHANE' | translate }}</option>
                           <option value="114002" class="ng-binding">{{ 'formınput.LBL_YEMEK' | translate }}</option>
                           <option value="114003" class="ng-binding">{{ 'formınput.LBL_TAYIN_ATAMA' | translate }}</option>
                           <option value="114004" class="ng-binding">{{ 'formınput.LBL_YOKSIS' | translate }}</option>
                           <option value="114005" class="ng-binding">{{ 'formınput.LBL_TRANSKRIPT_DIPLOMA' | translate }}</option>
                           <option value="114006" class="ng-binding">{{ 'formınput.LBL_AKSIS' | translate }}</option>
                           <option value="114007" class="ng-binding">{{ 'formınput.LBL_YATAY_GECIS' | translate }}</option>
                           <option value="114011" class="ng-binding">{{ 'formınput.LBL_KRES' | translate }}</option>
                           <option value="114008" class="ng-binding">{{ 'formınput.LBL_AUZEF' | translate }}</option>
                           <option value="114009" class="ng-binding">{{ 'formınput.LBL_MEDIKO' | translate }}</option>
                           <option value="114010" class="ng-binding">{{ 'formınput.LBL_DIGER' | translate }}</option>
                        </select>
                        <div class="invalid-feedback d-block ng-binding" ng-show="form_1.TalepTur.$invalid">
                           {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                        </div>
                     </div>

                     <!-- ngIf: formData.TalepTur == '114010' -->

                     <div class="mb-3">
                        <label class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_ACIKLAMA' | translate }}</label>
                        <textarea class="form-control ng-pristine ng-untouched ng-valid" rows="5" id="message" name="Aciklama" ng-model="formData.Aciklama" ng-required="true" maxlength="4000"></textarea>
                        <div class="invalid-feedback d-block ng-binding" ng-show="form_1.Aciklama.$invalid">
                           {{ 'formınput.LBL_ALAN_ZORUNLUDUR' | translate }}
                        </div>
                     </div>

                     <div class="mb-4">
                        <label for="formFile" class="form-label fw-semibold ng-binding">{{ 'formınput.LBL_DOSYA_SEC' | translate }}</label>
                        <input class="form-control" type="file" id="formFile" accept=".jpg, .png" onchange="imageUploaded()">
                     </div>

                     <div class="row align-items-center">
                        <div class="col-md-6 mb-3 mb-md-0">
                           <div vc-recaptcha="" key="'6LdbrDAUAAAAAHNG3W3iCVej8M3skal6Dphb5loF'" ng-model="formData.CaptchaResponse" class="ng-pristine ng-untouched ng-valid"></div>
                        </div>
                        <div class="col-md-6">
                           <!-- ngIf: form_1.$invalid -->
                           <button class="btn btn-primary float-end px-4 ng-binding" ng-disabled="!form_1.$valid || !formData.CaptchaResponse" ng-click="post(); notifyMail = formData.Eposta;">
                              {{ 'formınput.LBL_GONDER' | translate }}
                           </button>
                        </div>
                     </div>
                    
                     <div class="row mt-4">
                        <div class="col-12">
                           <!-- ngIf: success && !error -->
                           <!-- ngIf: error && !success -->
                        </div>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" class="ng-scope"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js" class="ng-scope"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&amp;render=explicit" async="" defer="" class="ng-scope"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-recaptcha/4.1.2/angular-recaptcha.min.js" class="ng-scope"></script>

<script class="ng-scope">
   function imageUploaded() {
       var fileInput = document.getElementById('formFile');
       var file = fileInput.files && fileInput.files[0];
       var formElement = document.querySelector('form[name="form_1"]');
       var scope = angular.element(formElement).scope();

       if (file) {
           var fileType = file.type;
           var allowedTypes = ['image/jpeg', 'image/png'];

           if (!allowedTypes.includes(fileType)) {
               alert('Lütfen sadece JPG veya PNG formatında bir dosya seçiniz.');
               fileInput.value = ''; // Clear the file input
               if (scope) {
                   scope.$applyAsync(function() {
                       scope.formData.link = "";
                   });
               }
               return;
           }
       }

       if (scope && file) {
           var reader = new FileReader();
           reader.onload = function(event) {
               scope.$applyAsync(function() {
                   scope.formData.link = event.target.result;
               });
           };
           reader.readAsDataURL(file);
       } else if (scope) {
           scope.$applyAsync(function() {
               scope.formData.link = "";
           });
       }
   }

   $(document).ready(function() {
       $.getScript("https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js", function() {    
           var selectBirim = $('#selectBirim');
           selectBirim.select2();
           
           // Select2 değişikliğini Angular modeline ve form validasyonuna bildir
           selectBirim.on('change', function (e) {
                var selectElement = document.getElementById('selectBirim');
                var scope = angular.element(selectElement).scope();
                
                if (scope) {
                    scope.$apply(function () {
                        // Değeri Angular modeline ata
                        var selectedValue = selectBirim.val();
                        scope.$parent.formData.selectedBirim = selectedValue;
                        
                        // Form validasyonunu güncelle
                        var formElement = document.querySelector('form[name="form_1"]');
                        var formScope = angular.element(formElement).scope();
                        if (formScope && formScope.form_1 && formScope.form_1.selectedBirim) {
                            // Input elementini bul ve değerini güncelle
                            var inputElement = selectElement;
                            
                            // Angular'ın form validasyonunu tetikle
                            if (selectedValue && selectedValue !== "") {
                                formScope.form_1.selectedBirim.$setValidity('required', true);
                            } else {
                                formScope.form_1.selectedBirim.$setValidity('required', false);
                            }
                            
                            // Modeli güncelle
                            formScope.form_1.selectedBirim.$setViewValue(selectedValue);
                            formScope.form_1.selectedBirim.$render();
                        }
                    });
                }
           });
           
           // Sayfa yüklendiğinde varsayılan değeri kontrol et
           var initialScope = angular.element(document.querySelector('form[name="form_1"]')).scope();
           if (initialScope && initialScope.formData && initialScope.formData.selectedBirim) {
               selectBirim.val(initialScope.formData.selectedBirim).trigger('change');
           }
       });
   });

   // AngularJS controller'ına form validasyonunu güncellemek için yardımcı fonksiyon
   angular.module('myApp', ['vcRecaptcha']).controller('birimListCtrl', function($scope, $http) {
       // Controller kodunuz buraya
       $scope.bolumler = []; // Birim listesini doldurun
       
       // Bolumleri yükleyin
       $http.get('birimleriGetirAPI').then(function(response) {
           $scope.bolumler = response.data;
       });
       
       // Select2'nin Angular ile senkronize olmasını sağla
       $scope.$watch('formData.selectedBirim', function(newValue, oldValue) {
           if (newValue && $('#selectBirim').length) {
               $('#selectBirim').val(newValue).trigger('change');
           }
       });
   });
</script></div>
</div>
</section>
<div id="4A002D0043004B004A00480074005F0055007600660039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Footer" class="ng-scope ng-isolate-scope"><script class="ng-scope">
    (function(d){
      var s = d.createElement("script");
      s.setAttribute("data-position", 5);
      s.setAttribute("data-color", "#ffdd00");
      s.setAttribute("data-type", "1");
      s.setAttribute("data-mobile", true);
      s.setAttribute("data-widget_layout", "full");
      s.setAttribute("data-account", "D2UZ0cjuPr");
      s.setAttribute("src", "https://cdn.userway.org/widget.js");
      (d.body || d.head).appendChild(s);
    })(document)
</script>

<div id="78004D00350076003300790051005900300066005F0039007900700046006200610041004F003200370077003200" c-type="DataSource" c-name="temav2_Component_ds_contact" class="ng-scope"></div>

<footer class="footer py-6 ng-scope">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-4 mb-4 mb-lg-0">
        
        <!-- ngIf: ds_contact.Data.Adres || ds_contact.Adres --><div class="contact-section mb-4 ng-scope" ng-if="ds_contact.Data.Adres || ds_contact.Adres" data-ng-animate="2" style="">
          <h6 class="section-title ng-binding">
            <i class="ri-map-pin-2-line me-2"></i>
            İletişim
          </h6>
          <div class="contact-item">
            <a ng-href="https://www.google.com/maps/search/?api=1&amp;query=İstanbul Üniversitesi Merkez Kampüsü 34452 Beyazıt/Fatih İstanbul" target="_blank" class="d-flex align-items-start text-decoration-none footer-text-white-50 hover-gold" href="https://www.google.com/maps/search/?api=1&amp;query=İstanbul Üniversitesi Merkez Kampüsü 34452 Beyazıt/Fatih İstanbul">
              <i class="ri-map-pin-line me-2 icon-small"></i>
              <div>
                <strong class="d-block ng-binding">İstanbul Üniversitesi Merkez Kampüsü 34452 Beyazıt/Fatih İstanbul</strong>
              </div>
            </a>
          </div>
        </div><!-- end ngIf: ds_contact.Data.Adres || ds_contact.Adres -->

        <!-- ngIf: ds_contact.Data.Telefon || ds_contact.Telefon --><div class="contact-section mb-4 ng-scope" ng-if="ds_contact.Data.Telefon || ds_contact.Telefon" data-ng-animate="2">
  <h6 class="section-title ng-binding">
    <i class="ri-phone-line me-2"></i>
    Telefon
  </h6>
  <div class="contact-item">
    <div class="d-flex flex-wrap align-items-center gap-3">
      <!-- Telefon -->
      <a ng-href="tel:+90 2124400284" class="d-flex align-items-center text-decoration-none footer-text-white-50 hover-gold" href="tel:+90 2124400284">
        <i class="ri-phone-fill me-2 icon-small"></i>
        <span class="ng-binding">+90 2124400284</span>
      </a>
      
      <!-- Dahili (varsa) -->
      <!-- ngIf: ds_contact.Data.Dahili || ds_contact.Dahili --><div ng-if="ds_contact.Data.Dahili || ds_contact.Dahili" class="d-flex align-items-center ng-scope">
        <i class="ri-customer-service-fill me-2 icon-small"></i>
        <span class="footer-text-white-50 ng-binding">Dahili: -</span>
      </div><!-- end ngIf: ds_contact.Data.Dahili || ds_contact.Dahili -->
    </div>
  </div>
</div><!-- end ngIf: ds_contact.Data.Telefon || ds_contact.Telefon -->
        
        
        
        
        
        <!-- 2. Telefon (varsa) Ekstra Bilgi İçin -->
        <!-- ngIf: data.phone2Title && data.phone2Link -->

        <div class="social-section mt-4">
          <h6 class="section-title mb-3 ng-binding">
            <i class="ri-share-line me-2"></i>
            Bizi Takip Edin
          </h6>
          <div class="d-flex gap-3 social">
            <!-- ngRepeat: social in data.socialLinks --><a ng-repeat="social in data.socialLinks" ng-href="https://www.facebook.com/istanbuledutr1453/" class="social-icon d-flex align-items-center justify-content-center rounded-circle ng-scope" title="Facebook" target="_blank" href="https://www.facebook.com/istanbuledutr1453/" style="">
              <i class="ri-facebook-fill"></i>
            </a><!-- end ngRepeat: social in data.socialLinks --><a ng-repeat="social in data.socialLinks" ng-href="https://x.com/istuniresmi" class="social-icon d-flex align-items-center justify-content-center rounded-circle ng-scope" title="X" target="_blank" href="https://x.com/istuniresmi" style="">
              <i class="ri-twitter-x-fill"></i>
            </a><!-- end ngRepeat: social in data.socialLinks --><a ng-repeat="social in data.socialLinks" ng-href="https://www.instagram.com/iu1453/" class="social-icon d-flex align-items-center justify-content-center rounded-circle ng-scope" title="instagram" target="_blank" href="https://www.instagram.com/iu1453/" style="">
              <i class="ri-instagram-fill"></i>
            </a><!-- end ngRepeat: social in data.socialLinks --><a ng-repeat="social in data.socialLinks" ng-href="https://tr.linkedin.com/school/istanbul-university/" class="social-icon d-flex align-items-center justify-content-center rounded-circle ng-scope" title="linkedin" target="_blank" href="https://tr.linkedin.com/school/istanbul-university/" style="">
              <i class="ri-linkedin-fill"></i>
            </a><!-- end ngRepeat: social in data.socialLinks --><a ng-repeat="social in data.socialLinks" ng-href="https://www.youtube.com/user/iu1453" class="social-icon d-flex align-items-center justify-content-center rounded-circle ng-scope" title="Youtube" target="_blank" href="https://www.youtube.com/user/iu1453" style="">
              <i class="ri-youtube-fill"></i>
            </a><!-- end ngRepeat: social in data.socialLinks -->
          </div>
        </div>
      </div>

<div class="col-12 col-lg-4 mb-4 mb-lg-0 d-flex align-items-center justify-content-center">
  <div class="logo-container text-center">
    <!-- Logo'ya link ekliyoruz -->
    <!-- ngIf: data.logo --><a ng-href="https://istanbul.edu.tr" target="_blank" class="d-inline-block ng-scope" ng-if="data.logo" href="https://istanbul.edu.tr" style="">
      <img ng-src="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=istanbul_universitesi.png" alt="Logo" class="img-fluid footer-logo mb-3" src="https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=istanbul_universitesi.png">
    </a><!-- end ngIf: data.logo -->
    <!-- Sadece logo varsa link göster -->
    <!-- ngIf: !data.logo -->
    
    <!-- ngIf: data.motto --><p class="motto text-white-75 fst-italic mt-3 ng-binding ng-scope" ng-if="data.motto" style="">
      Açık Kapı, Açık Bilim
    </p><!-- end ngIf: data.motto -->
  </div>
</div>

      <div class="col-12 col-lg-4">
        <!-- ngIf: ds_contact.Data.Email || ds_contact.Email --><div class="mb-4 ng-scope" ng-if="ds_contact.Data.Email || ds_contact.Email" data-ng-animate="2" style="">
          <h6 class="section-title ng-binding">
            <i class="ri-mail-line me-2"></i>
            Kurumsal İletişim
          </h6>
          <div class="contact-item">
            <a ng-href="mailto:iukalite@istanbul.edu.tr" class="d-flex align-items-center text-decoration-none footer-text-white-50 hover-gold" href="mailto:iukalite@istanbul.edu.tr">
              <i class="ri-mail-fill me-2 icon-small"></i>
              <span class="ng-binding">iukalite@istanbul.edu.tr</span>
            </a>
          </div>
        </div><!-- end ngIf: ds_contact.Data.Email || ds_contact.Email -->
        <!-- 2. Eposta (varsa) Ekstra Bilgi İçin -->
           <!-- ngIf: data.email2Title && data.email2Link -->

        <!-- ngIf: ds_contact.Data.Fax || ds_contact.Fax -->

        <!-- ngIf: data.quickLinks && data.quickLinks.length > 0 --><div class="quick-links ng-scope" ng-if="data.quickLinks &amp;&amp; data.quickLinks.length &gt; 0" style="">
          <h6 class="section-title mb-3 ng-binding">
            <i class="ri-links-line me-2"></i>
            Hızlı Erişim
          </h6>
          <div class="d-flex flex-wrap gap-3">
            <!-- ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://istanbul.edu.tr" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://istanbul.edu.tr">
              <i class="ri-home-line me-1"></i>
              İstanbul Üniversitesi
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://personelportal.istanbul.edu.tr/login" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://personelportal.istanbul.edu.tr/login">
              <i class="ri-building-line me-1"></i>
              Personel Portal
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://mail.istanbul.edu.tr/login" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://mail.istanbul.edu.tr/login">
              <i class="ri-mail-line me-1"></i>
              Personel E-Posta
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://bilgiislem.istanbul.edu.tr/tr/content/eduroam-kablosuz-internet/eduroam-cat" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://bilgiislem.istanbul.edu.tr/tr/content/eduroam-kablosuz-internet/eduroam-cat">
              <i class="ri-question-answer-line me-1"></i>
              Eduroam
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://bilgiislem.istanbul.edu.tr" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://bilgiislem.istanbul.edu.tr">
              <i class="ri-settings-line me-1"></i>
              Bilgi İşlem
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://ebys.istanbul.edu.tr/" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://ebys.istanbul.edu.tr/">
              <i class="ri-file-text-line me-1"></i>
              EBYS
            </a><!-- end ngRepeat: link in data.quickLinks --><a ng-repeat="link in data.quickLinks" ng-href="https://kalsis.istanbul.edu.tr/" class="quick-link text-decoration-none ng-binding ng-scope" target="_blank" href="https://kalsis.istanbul.edu.tr/">
              <i class="ri-file-copy-line me-1"></i>
              KALSİS
            </a><!-- end ngRepeat: link in data.quickLinks -->
          </div>
        </div><!-- end ngIf: data.quickLinks && data.quickLinks.length > 0 -->
      </div>
    </div>

    <div class="footer-bottom mt-5 pt-4">
      <div class="row align-items-center">
        <div class="col-md-6 mb-3 mb-md-0">
          <p class="small footer-text-white-50 mb-0 ng-binding">
            <i class="ri-copyright-line me-1"></i>
            <span id="currentYear">2026</span> Her hakkı İstanbul Üniversitesi'ne aittir.
          </p>
        </div>
        <!-- ngIf: data.bottomLinks && data.bottomLinks.length > 0 --><div class="col-md-6 ng-scope" ng-if="data.bottomLinks &amp;&amp; data.bottomLinks.length &gt; 0" style="">
          <div class="d-flex justify-content-md-end gap-4">
            <!-- ngRepeat: link in data.bottomLinks --><a ng-repeat="link in data.bottomLinks" ng-href="https://www.istanbul.edu.tr/tr/content/gizlilik-politikasi/gizlilik-politikasi" class="footer-link small text-decoration-none footer-text-white-50 hover-gold ng-binding ng-scope" target="_blank" href="https://www.istanbul.edu.tr/tr/content/gizlilik-politikasi/gizlilik-politikasi">
              Gizlilik Politikası
            </a><!-- end ngRepeat: link in data.bottomLinks --><a ng-repeat="link in data.bottomLinks" ng-href="https://www.istanbul.edu.tr/tr/content/cerezler/cerezler" class="footer-link small text-decoration-none footer-text-white-50 hover-gold ng-binding ng-scope" target="_blank" href="https://www.istanbul.edu.tr/tr/content/cerezler/cerezler">
              Çerez Politikası
            </a><!-- end ngRepeat: link in data.bottomLinks --><a ng-repeat="link in data.bottomLinks" ng-href="https://www.istanbul.edu.tr/tr/content/kisisel-verilerin-korunmasi/kisisel-verilerin-korunmasi" class="footer-link small text-decoration-none footer-text-white-50 hover-gold ng-binding ng-scope" target="_blank" href="https://www.istanbul.edu.tr/tr/content/kisisel-verilerin-korunmasi/kisisel-verilerin-korunmasi">
              KVKK
            </a><!-- end ngRepeat: link in data.bottomLinks -->
          </div>
        </div><!-- end ngIf: data.bottomLinks && data.bottomLinks.length > 0 -->
      </div>
    </div>
  </div>
</footer>

<script class="ng-scope">
  (function() {
    var yearEl = document.getElementById("currentYear");
    if (yearEl) {
      yearEl.textContent = new Date().getFullYear();
    }
  })();
</script>
<style ng-bind-template=".footer {
  background: 
    linear-gradient(135deg, rgb(3 3 3 / 85%) 0%, rgb(71 75 74 / 59%) 100%), 
    linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%),
    url('https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-background.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: inherit;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1;
}
  .footer-text-white-50{    
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .81) !important;
  }

.footer .container {
  position: relative;
  z-index: 2;
}

.footer::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6c5101, #3c8275, #3b5d78);
  z-index: 3;
}

.footer .section-title {
  color: var(--gold)!important;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.contact-item {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hover-gold { transition: all 0.3s ease; }
.hover-gold:hover {
  color: var(--gold)!important;
  transform: translateX(5px);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.icon-small { font-size: 1.2rem !important; color:var(--gold); }

.footer-logo {
  max-width: 200px;
  height: auto;
  opacity: 0.9;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.footer-logo:hover {
  opacity: 1;
  transform: scale(1.05);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}

.motto {
  font-size: 0.9rem;
  max-width: 250px;
  margin: 0 auto;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  color:white;
}

.social-icon {
  width: 40px; height: 40px;
  background: rgba(255, 255, 255, 0.15);
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.social-icon:hover {
  background: rgb(168 129 77 / 87%);
  color: #000 !important;
  transform: translateY(-3px) scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.quick-links {
  background: rgb(59 62 63 / 35%);
  padding: 1.5rem;
  border-radius: 10px;
  border-left: 4px solid #ffc107;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quick-link {
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  color: white !important;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quick-link:hover {
  background: rgba(255, 193, 7, 0.25);
  color: var(--body-color)!important;
  transform: translateY(-2px);
  font-weight: 700;
}

.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); }

@media (max-width: 992px) {
  .logo-container { margin: 2rem 0; }
  .footer { background-attachment: scroll; }
}

@media (max-width: 768px) {
  .footer { text-align: center; }
  .section-title, .contact-item a { justify-content: center; }
  .footer .social { display: flex; justify-content: center; }
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.footer { animation: fadeIn 1s ease-in-out; }" class="ng-binding ng-scope">.footer {
  background: 
    linear-gradient(135deg, rgb(3 3 3 / 85%) 0%, rgb(71 75 74 / 59%) 100%), 
    linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%),
    url('https://cdn.istanbul.edu.tr/FileHandler2.ashx?f=iu-background.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: inherit;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1;
}
  .footer-text-white-50{    
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .81) !important;
  }

.footer .container {
  position: relative;
  z-index: 2;
}

.footer::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6c5101, #3c8275, #3b5d78);
  z-index: 3;
}

.footer .section-title {
  color: var(--gold)!important;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.contact-item {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hover-gold { transition: all 0.3s ease; }
.hover-gold:hover {
  color: var(--gold)!important;
  transform: translateX(5px);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.icon-small { font-size: 1.2rem !important; color:var(--gold); }

.footer-logo {
  max-width: 200px;
  height: auto;
  opacity: 0.9;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.footer-logo:hover {
  opacity: 1;
  transform: scale(1.05);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}

.motto {
  font-size: 0.9rem;
  max-width: 250px;
  margin: 0 auto;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  color:white;
}

.social-icon {
  width: 40px; height: 40px;
  background: rgba(255, 255, 255, 0.15);
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.social-icon:hover {
  background: rgb(168 129 77 / 87%);
  color: #000 !important;
  transform: translateY(-3px) scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.quick-links {
  background: rgb(59 62 63 / 35%);
  padding: 1.5rem;
  border-radius: 10px;
  border-left: 4px solid #ffc107;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quick-link {
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  color: white !important;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quick-link:hover {
  background: rgba(255, 193, 7, 0.25);
  color: var(--body-color)!important;
  transform: translateY(-2px);
  font-weight: 700;
}

.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); }

@media (max-width: 992px) {
  .logo-container { margin: 2rem 0; }
  .footer { background-attachment: scroll; }
}

@media (max-width: 768px) {
  .footer { text-align: center; }
  .section-title, .contact-item a { justify-content: center; }
  .footer .social { display: flex; justify-content: center; }
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.footer { animation: fadeIn 1s ease-in-out; }</style></div>
<div id="74004100470075006B00750067006C0043004600620039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_scrollToTop" class="ng-scope ng-isolate-scope"><div class="scroll ng-scope" ng-class="{'scroll--active': showScrollTop}" ng-controller="UpToTopController">
  <button type="button" class="top-btn" aria-label="Scroll to Top" ng-click="scrollToTop($event)">
    <span class="material-symbols-rounded">keyboard_arrow_up</span>
    <span class="sr-only ng-binding">{{ 'generic.LBL_SCROLLTOTOP' | translate }}</span>
    <div class="tooltip ng-binding">{{ 'generic.LBL_UP' | translate }}</div>
  </button>
</div></div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div></div>

    <script src="/js/vendor-21e2c57158.min.js"></script>
    <script src="/js/disabled-app-5541d1dbcb.min.js"></script>
    <script src="https://service-cms.istanbul.edu.tr/api/webclient/js?site=9D76F672E8E14F919A6AEAF2BBCD43A4"></script>


<script async="" defer="" src="https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&amp;render=explicit"></script><script data-position="5" data-color="#ffdd00" data-type="1" data-mobile="true" data-widget_layout="full" data-account="D2UZ0cjuPr" src="https://cdn.userway.org/widget.js"></script><script src="https://cdn.userway.org/widgetapp/2026-09-01-10-22-26/widget_app_base_1788258146788.js" async="" id="a11yWidgetSrc" crossorigin="anonymous"></script></body></html>