ReferenceError: Can't find variable: globalThis

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

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

  https://fen.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://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18988:91
assertArgFn@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:18998:12
$controller@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:27147:20
setupControllers@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26282:45
nodeLinkFn@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:26080:48
compositeLinkFn@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25477:23
publicLinkFn@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:25357:45
https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:1:29366
processQueue@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
Error: Unexpected token 'const'
eval@[native code]
globalEval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:343:13
domManip@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5290:25
append@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5430:18
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5524:24
access@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:3614:12
html@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5491:16
https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:2:17193
processQueue@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
Error: Unexpected token '>'
eval@[native code]
globalEval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:343:13
domManip@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5290:25
append@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5430:18
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5524:24
access@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:3614:12
html@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5491:16
https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:2:6864
processQueue@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
Newsbox data loading error: SyntaxError: Unexpected token '>'

  https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:2
Error: Unexpected token '>'
eval@[native code]
globalEval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:343:13
domManip@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5290:25
append@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5430:18
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5524:24
access@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:3614:12
html@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:5491:16
https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:2:1290
processQueue@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32901:30
https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:32917:39
$eval@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34169:28
$digest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:33985:36
$apply@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:34277:31
done@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28598:53
completeRequest@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28796:15
requestLoaded@https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:28737:24 undefined

  https://fen.istanbul.edu.tr/js/vendor-21e2c57158.min.js:30568
Event data loading error: SyntaxError: Unexpected token '>'

  https://fen.istanbul.edu.tr/js/disabled-app-5541d1dbcb.min.js:2
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app" ng-controller="AppCtrl" lang="tr" class="ng-scope"><head><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 | Tarihten Geleceğe Bilim Köprüsü - 1453</title>

    
    <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="İstanbul Üniversitesi | Tarihten Geleceğe Bilim Köprüsü - 1453">
    
    <meta property="og:url" content="https://fen.istanbul.edu.tr/Default.aspx">
    <meta property="og:site_name" content="İstanbul Üniversitesi | Tarihten Geleceğe Bilim Köprüsü - 1453">
    <meta property="og:locale" content="tr">
    <meta property="og:type" content="website">
    

    <!-- TWITTER -->
    <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="İstanbul Üniversitesi | Tarihten Geleceğe Bilim Köprüsü - 1453">

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

    <!-- SCHEMA JSON-LD -->
    
    <script type="application/ld+json">{"context":"https://schema.org","type":"Organization","name":"İstanbul Üniversitesi","url":"https://fen.istanbul.edu.tr","logo":"","sameAs":[],"address":{"type":"PostalAddress","addressLocality":"","addressCountry":""},"contactPoint":{"type":"ContactPoint","contactType":"","telephone":""}}</script>
    

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

    <!-- 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="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/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=BBE2361B0E1E48BCAE2978DC602CEB20" 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=BBE2361B0E1E48BCAE2978DC602CEB20" 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-P5NLLZWVBB"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-P5NLLZWVBB');
    </script>
    

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?_=1774083172355"></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="740058007300300075006A004C00310059006D007A0039007900700046006200610041004F003200370077003200" 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-0">
      <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">
        <a class="x-small text-decoration-none text-dark ng-binding" ng-href="/en/_" target="_self" href="/en/_">
          English
        </a>

        <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://mezun.istanbul.edu.tr" target="_blank" title="user-graduate" aria-label="user-graduate" class="ng-scope" href="https://mezun.istanbul.edu.tr" style="">
              <i class="ri-share-line"></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.facebook.com/iufen" target="_blank" title="facebook" aria-label="facebook" class="ng-scope" href="https://www.facebook.com/iufen" 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/iufen" target="_blank" title="square-x-twitter" aria-label="square-x-twitter" class="ng-scope" href="https://twitter.com/iufen" style="">
              <i class="ri-share-line"></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/istanbulfen/" target="_blank" title="instagram" aria-label="instagram" class="ng-scope" href="https://www.instagram.com/istanbulfen/" style="">
              <i class="ri-instagram-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/channel/UCim5kmAakErrGrgSflMMiHw" target="_blank" title="youtube" aria-label="youtube" class="ng-scope" href="https://www.youtube.com/channel/UCim5kmAakErrGrgSflMMiHw" 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="fen.istanbul.edu.tr/?feed=rss2" target="_blank" title="fas fa-rss" aria-label="fas fa-rss" class="ng-scope" href="fen.istanbul.edu.tr/?feed=rss2" style="">
              <i class="ri-share-line"></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 small ps-3">
          <span style="margin-left:55px;" ng-bind="data.header.pageTitle1" class="ng-binding">İstanbul Üniversitesi</span>
        </div>
        <div class="col-auto">
          <a class="x-small text-decoration-none text-dark ng-binding" ng-href="/en/_" target="_self" href="/en/_">
            English
          </a>
        </div>
      </div>
      <div class="row">
        <div class="col text-dark small ps-0">
          <b style="font-size:12px;" ng-bind="data.header.pageTitle2" class="ng-binding">Fen Fakültesi</b>
        </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">
              <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://mezun.istanbul.edu.tr" target="_blank" title="user-graduate" aria-label="user-graduate" class="ng-scope" href="https://mezun.istanbul.edu.tr" style="">
                <i class="ri-share-line"></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.facebook.com/iufen" target="_blank" title="facebook" aria-label="facebook" class="ng-scope" href="https://www.facebook.com/iufen" 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/iufen" target="_blank" title="square-x-twitter" aria-label="square-x-twitter" class="ng-scope" href="https://twitter.com/iufen" style="">
                <i class="ri-share-line"></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/istanbulfen/" target="_blank" title="instagram" aria-label="instagram" class="ng-scope" href="https://www.instagram.com/istanbulfen/" style="">
                <i class="ri-instagram-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/channel/UCim5kmAakErrGrgSflMMiHw" target="_blank" title="youtube" aria-label="youtube" class="ng-scope" href="https://www.youtube.com/channel/UCim5kmAakErrGrgSflMMiHw" 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="fen.istanbul.edu.tr/?feed=rss2" target="_blank" title="fas fa-rss" aria-label="fas fa-rss" class="ng-scope" href="fen.istanbul.edu.tr/?feed=rss2" style="">
                <i class="ri-share-line"></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 Sol Logo" 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=dbRVvE48W0iRRl09jFpKpQ" alt="İstanbul Üniversitesi Sağ Logo" style="width: auto; height: 80px; object-fit: contain;" src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=dbRVvE48W0iRRl09jFpKpQ">
      </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 -->
  
  <!-- Daha Fazla Dropdown -->
<!-- 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>

      <!-- Sağ Logo - Sadece masaüstünde görünür -->
      <!-- 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=dbRVvE48W0iRRl09jFpKpQ" alt="İstanbul Üniversitesi Sağ Logo" style="width: auto; height: 90px; object-fit: contain;" src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f=dbRVvE48W0iRRl09jFpKpQ">
        </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="7500430076006500650039004600340074004700540039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Search" class="ng-scope ng-isolate-scope">

  <section class="search-menu collapse ng-scope" id="search-menu" style="z-index: 1026; position: absolute; top: 156.8px; left: 0px; right: 0px; width: 100%;">
    <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="4E0074002D006C007900650032005F0075005600620039007900700046006200610041004F003200370077003200" 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" data-ng-animate="2" style="">
        <a href="https://aksis.istanbul.edu.tr/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-server-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'">AKSİS</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İstanbul Üniversitesi Akademik Kayıt Sistemi : Öğrenci kayıtları, öğrenci belgesi, transkript, sınav sonuçları vb birçok detaya ulaşabilirsiniz.</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" data-ng-animate="2">
        <a href="https://avesis.istanbul.edu.tr/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-bar-chart-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'">AVES</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İstanbul Üniversitesi Akademik Veri Yönetim Sistemi:  Bilimsel Yayınlar, Bilimsel Projeler, Atıflar ve Tanınırlık, Patent, Ödülller, Bilimsel Faaliyetler, Bilimsel Etkinlikler ve Akademik Personele dair bir çok faydalı bilgi içeriyor...</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" data-ng-animate="2">
        <a href="https://arlab.istanbul.edu.tr/arlab/front/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-settings-3-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'">ARLAB</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İstanbul Üniversitesi Araştırma Laboratuvarları Bilgi Sistemi : Laboratuvarlar, Envanterler, Tetkik ve Analizler, Araştırmacılar, Tezler ve Katalogları içeriyor...</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" data-ng-animate="2">
        <a href="https://ebys.istanbul.edu.tr" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-database-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'">EBYS</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">İstanbul Üniversitesi Elektronik Belge Yönetim Sistemi : İstanbul Üniversitesi personelinin kurum içi ve kurum dışı yazışmalarla ilgili bütün süreçlerin bilgisayar ortamında yapılmasına olanak sağlayan web tabanlı bir yazılımdır.</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" data-ng-animate="2">
        <a href="https://iskop.istanbul.edu.tr/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-building-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'">İSKOP</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Kurumsal Otomasyon Projeleri (Personel Portal Sistemi, PBYS:Personel Bilgi Yönetim Sistemi), Satınalma-taşınır-Finans Sistemi, EBYS(Elektronik Belge ve Doküman Yönetim Sistemi, Mekan Yönetim Sistemi, Kurumsal İletişim Portalı</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" data-ng-animate="2">
        <a href="https://kutuphane.istanbul.edu.tr/tr/_" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-book-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'">Kütüphane ve Dokümantasyon Daire Başkanlığı</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Sanal Kütüphane, Nadir Eserler, Veri Tabanları...</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" data-ng-animate="2">
        <a href="https://sks.istanbul.edu.tr/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-stethoscope-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'">Sağlık Kültür ve Spor Daire Başkanlığı</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Sağlık hizmetleri, danışmanlık hizmetleri, psikolojik destek, burslar, öğrenci kulüpleri, yemekhane hizmetleri, yurt hizmetleri, yarı zamanlı çalışma...</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" data-ng-animate="2">
        <a href="https://sporbirligi.istanbul.edu.tr/" target="_blank" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-riding-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'">Spor Birliği</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Spor Şöleni, Üniversiteler arası müsabakalar, Gençlik ve Spor Genel Müdürlüğü ve Federasyonlara bağlı faaliyetler...</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" data-ng-animate="2">
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdohRqv8Ybuq5A9BpcMozMRCZyHFQpiBfE028EP7ZK77u0sVQ/viewform" target="_self" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-calendar-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'">Mezun Memnuniyet Anketi</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Fakültemizden mezun olan öğrencilerimiz için hazırlanan kısa anketimize buradan ulaşabilirsiniz...</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" data-ng-animate="2">
        <a href="https://fen.istanbul.edu.tr/tr/content/mezun/istanbul-universitesi-fen-fakultesi-mezun-anketleri" target="_self" class="d-flex align-items-start text-decoration-none w-100">
          <i class="ri-calendar-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'">Fakültemizin Mezun Anketi</h6>
            <span class="text-muted small d-block mt-1 ng-binding" ng-bind="item.description">Fakültemiz tarafından hazırlanan tüm bölümlerimizin mezunlarının anketlerine buradan ulaşabilirsiniz. Görüşleriniz bizim için çok değerli...</span>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items -->
    </div>
  </div>
</section></div>

<div id="55006A0074006F0051004C004100570057003000660039007900700046006200610041004F003200370077003200" c-type="Slider" c-name="temav2_Component-Slider" class="ng-scope ng-isolate-scope"><div class="container slider mb-1 py-4 ng-scope">

	<div class="hero-slider" ng-init="active = 0">
	
	  <div class="hero-slide-container">
	
	    <!-- SLIDES (max 5) -->
	    <a class="hero-slide" ng-repeat="slide in data.slice(0, 5) track by $index" ng-class="{
	         'active': active === $index,
	         'prev': active === ($index + 1) % Math.min(data.length, 5),
	         'next': active === ($index === 0 ? Math.min(data.length, 5) - 1 : $index - 1)
	       }" xref="newsdetail" xref-data="slide">
	
	      <div class="slide-image-wrapper">
	        <!-- BLUR BACKGROUND -->
	        <div class="blur-background">
	          <img ng-src="{{slide.Img | fullpath: slide.Route}}" alt="{{slide.Header}}" loading="lazy">
	        </div>
	        
	        <!-- BLUR MASKS -->
	        <div class="blur-top" ng-if="slide.Titles &amp;&amp; slide.Titles.length &gt; 0"></div>
	        <div class="blur-bottom" ng-if="slide.Titles &amp;&amp; slide.Titles.length &gt; 0"></div>
	        
	        <!-- ANA RESİM -->
	        <div class="main-image">
	          <img ng-src="{{slide.Img | fullpath: slide.Route}}" alt="{{slide.Header}}" loading="lazy">
	        </div>
	      </div>
	      
	      <!-- HERO OVERLAY - SADECE İÇERİK VARSA -->
	      <div class="hero-overlay" ng-if="slide.Titles &amp;&amp; slide.Titles.length &gt; 0"></div>
	
	      <div class="hero-content" ng-repeat="t in slide.Titles">
	        <h1>{{t.Text}}</h1>
	        <button class="hero-btn" ng-if="slide.Titles.length &gt; 0 &amp;&amp; slide.Titles[0].Text">
	          {{ 'slider.LBL_NEWSBUTTON' | translate }}
	          <i class="ri-arrow-right-line icon-small"></i>
	        </button>
	      </div>
	
	    </a>
	
	    <!-- ARROWS -->
	    <div class="hero-nav left" ng-click="goToSlide(active === 0 ? totalSlides - 1 : active - 1)">
	      <i class="ri-arrow-left-s-line icon-small"></i>
	    </div>
	
	    <div class="hero-nav right" ng-click="goToSlide(active === totalSlides - 1 ? 0 : active + 1)">
	      <i class="ri-arrow-right-s-line icon-small"></i>
	    </div>
	
	  </div>
	
	  <!-- DOTS + TÜMÜ BUTTON -->
	  <div class="hero-dots-wrapper">
	    <!-- DOTS (max 5) -->
	    <div class="hero-dots">
	      <span ng-repeat="s in data.slice(0, 5) track by $index" ng-class="{'active-dot': active === $index}" ng-click="goToSlide($index)">
	      </span>
	    </div>
	    
	    <!-- TÜMÜ BUTTON (data.length > 5 olduğunda göster) -->
	    <a class="all-button" ng-if="data.length &gt; 5" href="/tr/mansetler">
	      <span>{{ 'slider.LBL_ALLSLIDER' | translate }}</span>
	      <i class="ri-arrow-right-line icon-small"></i>
	    </a>
	  </div>
	
	</div>
</div>
<script>
(function () {
  'use strict';

  // Angular scope helper
  function getScope(el) {
    try {
      return angular.element(el).scope() || angular.element(el).isolateScope() || null;
    } catch (e) {
      return null;
    }
  }

  const slider = document.querySelector('.hero-slider');
  if (!slider) return;

  // Cache variables (Performans için)
  let cachedScope = null;
  let cachedSlides = [];
  let cachedTotalSlides = 0;

  // Prevent image drag
  slider.querySelectorAll('img').forEach(img => {
    img.setAttribute('draggable', 'false');
    img.setAttribute('loading', 'lazy');
  });

  // Swipe variables
  let pointerDown = false;
  let startX = 0;
  let startY = 0;
  let moved = false;
  let isSwipe = false;
  const SWIPE_THRESHOLD = 60;
  const VERTICAL_THRESHOLD = 30;
  const QUICK_SWIPE_TIME = 250;
  let startTime = 0;

  // Auto slide
  let autoTimer = null;
  let isPaused = false;
  const AUTO_TIME = 7000;

  function getTotalSlides(scope) {
    if (!scope || !scope.data) return 0;
    return Math.min(scope.data.length, 5);
  }

  // --- Cache Güncelleme Fonksiyonu ---
  function updateCache() {
    cachedScope = getScope(slider);
    cachedSlides = slider.querySelectorAll('.hero-slide');
    if(cachedScope) cachedTotalSlides = getTotalSlides(cachedScope);
  }

  function shouldAutoPlay(scope) {
    return scope && 
           scope.data && 
           getTotalSlides(scope) > 1 && 
           !isPaused && 
           !pointerDown;
  }

  function startAuto(scope) {
    if (!shouldAutoPlay(scope)) return;
    stopAuto();
    
    autoTimer = setInterval(() => {
      if (shouldAutoPlay(scope)) {
        const totalSlides = getTotalSlides(scope);
        const current = scope.active || 0;
        const nextIndex = (current + 1) % totalSlides;
        
        if (scope.$apply && !scope.$$phase) {
          scope.$apply(() => goToSlide(scope, nextIndex, true));
        } else {
          goToSlide(scope, nextIndex, true);
        }
      }
    }, AUTO_TIME);
  }

  function stopAuto() {
    if (autoTimer) {
      clearInterval(autoTimer);
      autoTimer = null;
    }
  }

  function pauseAuto() {
    isPaused = true;
    stopAuto();
    const activeDot = slider.querySelector('.hero-dots .active-dot');
    if (activeDot) activeDot.classList.add('paused');
  }

  function resumeAuto() {
    isPaused = false;
    updateCache(); // Scope'u tazele
    
    const activeDot = slider.querySelector('.hero-dots .active-dot');
    if (activeDot) activeDot.classList.remove('paused');
    
    if (shouldAutoPlay(cachedScope)) {
      startAuto(cachedScope);
    }
  }

  function goToSlide(scope, index, isAutoTransition = false) {
    if (!scope || !scope.data) return;
    const totalSlides = getTotalSlides(scope);
    if (totalSlides === 0 || index >= totalSlides) return;
    
    const currentIndex = scope.active || 0;
    if (currentIndex === index) return;
    
    // UI Güncellemeleri
    const dots = slider.querySelectorAll('.hero-dots span');
    dots.forEach(d => d.classList.remove('active-dot', 'paused'));
    
    if (dots[index]) {
      dots[index].classList.add('active-dot');
      if (!isAutoTransition) dots[index].classList.add('paused');
    }
    
    scope.active = index;
    
    if (!isAutoTransition) {
      pauseAuto();
      setTimeout(() => resumeAuto(), 5000);
    }
    temporarilyShowArrows();
  }

  function onPointerDown(e) {
    if (e.pointerType === 'mouse' && e.button !== 0) return;
    
    updateCache();

    pointerDown = true;
    moved = false;
    isSwipe = false;
    startX = e.clientX || e.touches?.[0]?.clientX || 0;
    startY = e.clientY || e.touches?.[0]?.clientY || 0;
    startTime = Date.now();

    if (cachedScope) pauseAuto();
    slider.classList.add('is-dragging');
  }

  function onPointerMove(e) {
    if (!pointerDown) return;

    const clientX = e.clientX || e.touches?.[0]?.clientX || 0;
    const clientY = e.clientY || e.touches?.[0]?.clientY || 0;
    
    const dx = clientX - startX;
    const dy = clientY - startY;
    
    if (Math.abs(dy) > Math.abs(dx) && Math.abs(dy) > VERTICAL_THRESHOLD) return;

    if (Math.abs(dx) > 10) {
        moved = true;
        isSwipe = true;
        if (e.cancelable && e.type === 'touchmove') e.preventDefault();
    }

    if (!cachedScope || cachedTotalSlides <= 1) return;

    const currentIndex = cachedScope.active || 0;
    const nextIndex = (currentIndex + 1) % cachedTotalSlides;
    const prevIndex = currentIndex === 0 ? cachedTotalSlides - 1 : currentIndex - 1;

    const activeSlide = cachedSlides[currentIndex];
    const nextSlide = cachedSlides[nextIndex];
    const prevSlide = cachedSlides[prevIndex];
    
    const progress = Math.min(Math.abs(dx) / SWIPE_THRESHOLD, 1);
    
    if (dx < 0 && nextSlide && activeSlide) {
       activeSlide.style.transform = `translateX(${dx * 0.3}px) scale(${1 - progress * 0.05})`;
       activeSlide.style.opacity = 1 - progress * 0.7;
       nextSlide.style.transform = `translateX(${SWIPE_THRESHOLD + dx}px) scale(${0.95 + progress * 0.05})`;
       nextSlide.style.opacity = progress * 0.7;
    } else if (dx > 0 && prevSlide && activeSlide) {
       activeSlide.style.transform = `translateX(${dx * 0.3}px) scale(${1 - progress * 0.05})`;
       activeSlide.style.opacity = 1 - progress * 0.7;
       prevSlide.style.transform = `translateX(${-SWIPE_THRESHOLD + dx}px) scale(${0.95 + progress * 0.05})`;
       prevSlide.style.opacity = progress * 0.7;
    }
  }

  function onPointerUp(e) {
    if (!pointerDown) return;
    
    const clientX = e.clientX || e.changedTouches?.[0]?.clientX || startX;
    const dx = clientX - startX;
    const elapsed = Date.now() - startTime;
    
    if (Math.abs(dx) < 10) {
        isSwipe = false;
        moved = false;
    }

    if (!cachedScope || cachedTotalSlides <= 1) {
      finalizeDrag(false);
      return;
    }

    let newIndex = cachedScope.active || 0;
    let shouldChange = false;
    
    if (dx <= -SWIPE_THRESHOLD || (dx <= -30 && elapsed < QUICK_SWIPE_TIME)) {
      newIndex = (cachedScope.active + 1) % cachedTotalSlides;
      shouldChange = true;
    } else if (dx >= SWIPE_THRESHOLD || (dx >= 30 && elapsed < QUICK_SWIPE_TIME)) {
      newIndex = cachedScope.active === 0 ? cachedTotalSlides - 1 : cachedScope.active - 1;
      shouldChange = true;
    }

    if (shouldChange && newIndex !== cachedScope.active) {
        const activeSlide = cachedSlides[cachedScope.active];
        const targetSlide = cachedSlides[newIndex];
        
        if(activeSlide && targetSlide) {
            activeSlide.style.transition = 'transform 0.4s ease, opacity 0.4s ease';
            targetSlide.style.transition = 'transform 0.4s ease, opacity 0.4s ease';
            
            if (dx < 0) {
                activeSlide.style.transform = 'translateX(-100%) scale(0.95)';
                activeSlide.style.opacity = '0';
                targetSlide.style.transform = 'translateX(0) scale(1)';
                targetSlide.style.opacity = '1';
            } else {
                activeSlide.style.transform = 'translateX(100%) scale(0.95)';
                activeSlide.style.opacity = '0';
                targetSlide.style.transform = 'translateX(0) scale(1)';
                targetSlide.style.opacity = '1';
            }

            setTimeout(() => {
                if (cachedScope.$apply && !cachedScope.$$phase) {
                    cachedScope.$apply(() => goToSlide(cachedScope, newIndex, false));
                } else {
                    goToSlide(cachedScope, newIndex, false);
                }
                resetSlidesTransform();
            }, 400);
        }
    } else {
        resetSlidesTransform();
    }

    finalizeDrag(true);
  }

  function finalizeDrag(shouldResume) {
    slider.classList.remove('is-dragging');
    pointerDown = false;
    
    if (isSwipe) {
      setTimeout(() => { isSwipe = false; moved = false; }, 300);
    }
    
    if (shouldResume) {
        setTimeout(resumeAuto, 1000);
    }
  }

  function resetSlidesTransform() {
    cachedSlides.forEach(slide => {
      slide.style.transform = '';
      slide.style.opacity = '';
      slide.style.transition = '';
    });
  }
  
  function temporarilyShowArrows() {
    if (isMobileDevice()) return;
    const arrows = slider.querySelectorAll('.hero-nav');
    arrows.forEach(a => { a.style.opacity = '1'; a.style.visibility = 'visible'; });
    setTimeout(() => {
        if (!slider.matches(':hover')) {
            arrows.forEach(a => { a.style.opacity = ''; a.style.visibility = ''; });
        }
    }, 3000);
  }

  function isMobileDevice() {
    return window.innerWidth <= 768;
  }

  // Click Handler (Slide Linkleri için)
  function handleSlideClick(e) {
    if (isSwipe || moved) {
      e.preventDefault();
      e.stopPropagation();
      return false;
    }
    
    const activeSlide = slider.querySelector('.hero-slide.active');
    if (activeSlide && activeSlide.contains(e.target)) {
        const xref = activeSlide.getAttribute('xref');
        const xrefData = activeSlide.getAttribute('xref-data');
        if (xref === 'newsdetail' && xrefData) {
            try {
                let data = JSON.parse(xrefData.replace(/&quot;/g, '"'));
                if (data && data.Route) {
                    window.location.href = data.Route;
                    return false;
                }
            } catch (err) { console.error('JSON Parse error', err); }
        }
    }
    return true;
  }

  // --- EVENT LISTENERS ---

  // 1. Arrow (Ok) Click Events
  slider.addEventListener('click', (e) => {
    const navBtn = e.target.closest('.hero-nav');
    if (!navBtn) return;
    
    e.preventDefault();
    e.stopPropagation();

    if (!cachedScope || cachedTotalSlides <= 1) return;

    const currentIndex = cachedScope.active || 0;
    let nextIndex;

    const isLeft = navBtn.classList.contains('left') || 
                   navBtn.classList.contains('prev') || 
                   navBtn.querySelector('.fa-angle-left') ||
                   navBtn.querySelector('.icon-left');

    if (isLeft) {
      nextIndex = currentIndex === 0 ? cachedTotalSlides - 1 : currentIndex - 1;
    } else {
      nextIndex = (currentIndex + 1) % cachedTotalSlides;
    }

    if (cachedScope.$apply && !cachedScope.$$phase) {
      cachedScope.$apply(() => goToSlide(cachedScope, nextIndex, false));
    } else {
      goToSlide(cachedScope, nextIndex, false);
    }
  });


  slider.addEventListener('click', (e) => {
    const dot = e.target.closest('.hero-dots span');
    if (!dot) return;
    
    e.preventDefault();
    e.stopPropagation();
    
    const dots = Array.from(slider.querySelectorAll('.hero-dots span'));
    const index = dots.indexOf(dot);
    
    if (index !== -1 && cachedScope) {
      if (cachedScope.$apply && !cachedScope.$$phase) {
        cachedScope.$apply(() => goToSlide(cachedScope, index, false));
      } else {
        goToSlide(cachedScope, index, false);
      }
    }
  });

  // Diğer Eventler
  slider.addEventListener('dragstart', (e) => e.preventDefault());
  slider.addEventListener('mousedown', onPointerDown);
  slider.addEventListener('touchstart', onPointerDown, { passive: false });
  slider.addEventListener('click', handleSlideClick, true); // Capture true
  
  // Window listeners
  window.addEventListener('mousemove', onPointerMove);
  window.addEventListener('touchmove', onPointerMove, { passive: false });
  window.addEventListener('mouseup', onPointerUp);
  window.addEventListener('touchend', onPointerUp);
  window.addEventListener('touchcancel', onPointerUp);

  // Resize Handler (İçini doldurdum)
  const resizeHandler = function() {
      const arrows = slider.querySelectorAll('.hero-nav');
      if (isMobileDevice()) {
          arrows.forEach(a => a.style.display = 'none');
      } else {
          arrows.forEach(a => a.style.display = '');
      }
  };
  window.addEventListener('resize', resizeHandler);

// --- INIT & CLEANUP ---
  // Sayfa yüklendiğinde ve veri geldiğinde çalışacak kısım
  setTimeout(() => {
      const scope = getScope(slider);
      
      if (scope) {
          // İlk açılışta cache'i doldur
          updateCache();

          // 1. Data değişikliğini izle (ASIL ÇÖZÜM BURASI)
          // Veri sonradan yüklendiğinde slider'ı otomatik başlatır
          if (scope.$watch) {
              scope.$watch('data', function(newVal) {
                  if (newVal && newVal.length > 0) {
                      // Veri değişti, cache'i güncelle ve başlat
                      setTimeout(() => {
                          updateCache();
                          if (cachedTotalSlides > 1) {
                              startAuto(scope);
                          }
                      }, 100); // Angular render süresi için kısa gecikme
                  }
              });
          }

          // 2. Scope yok olduğunda (sayfa değiştiğinde) temizlik yap
          scope.$on('$destroy', function() {
              stopAuto();
              window.removeEventListener('mousemove', onPointerMove);
              window.removeEventListener('touchmove', onPointerMove);
              window.removeEventListener('mouseup', onPointerUp);
              window.removeEventListener('touchend', onPointerUp);
              window.removeEventListener('touchcancel', onPointerUp);
              window.removeEventListener('resize', resizeHandler);
          });
          
          // 3. Eğer veri zaten hazırsa hemen başlat
          if (scope.data && scope.data.length > 1) {
              startAuto(scope);
          }
          
          // İlk yüklemede resize kontrolü (okları ayarlar)
          resizeHandler();
      }
  }, 500);

})();
</script></div>
<div id="5600500073003700450054003400780046004700480039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Newsletter" class="ng-scope ng-isolate-scope"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" class="ng-scope">
<style ng-bind-template="
    #toast-container { z-index: 999999 !important; }
    /* Numerik inputun sağındaki okları kaldırmak için */
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
" class="ng-binding ng-scope">#toast-container { z-index: 999999 !important; }
    /* Numerik inputun sağındaki okları kaldırmak için */
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }</style>

<div class="modal fade ng-scope" id="subscriptionModal" tabindex="-1" role="dialog" aria-labelledby="subscriptionModalLabel" ng-controller="SubscriptionCtrl">
    <div class="modal-dialog subscription-modal-dialog" role="document">
        <div class="modal-content subscription-modal-content">
            <div class="modal-header subscription-modal-header">
                <h4 class="modal-title" id="subscriptionModalLabel">Haberdar Ol</h4>
                <button type="button" class="close subscription-modal-close" data-bs-dismiss="modal" aria-label="Close">×</button>
            </div>

            <div class="modal-body subscription-modal-body">
                <!-- ngIf: !codeSent -->

                <!-- ngIf: codeSent && !verified -->

                <!-- ngIf: verified -->
            </div>
        </div>
    </div>
</div>

<button type="button" class="btn btn-subscription-floating ng-scope" data-bs-toggle="modal" data-bs-target="#subscriptionModal">
    <span class="btn-subscribe-text"><i class="ri-notification-3-fill"></i> Haberdar Ol</span>
</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" class="ng-scope"></script></div>
<div id="7A006F004F0050004C0073004A00500050005400500039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-TextMenu" class="ng-scope ng-isolate-scope"><section class="apps-menu pt-4 pb-4 ng-scope">
  <div class="container">
    <div class="row g-2 justify-content-center align-items-stretch">

      <!-- İlk 5 öğe -->
      <!-- ngRepeat: item in data.items | limitTo:5 --><div class="col-md-2 col-6 d-flex ng-scope" ng-repeat="item in data.items | limitTo:5" style="">
        <a href="/tr/content/arastirma/yayin-sayilarimiz" target="_blank" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-flask-line d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Araştırma</p>
            </div>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items | limitTo:5 --><div class="col-md-2 col-6 d-flex ng-scope" ng-repeat="item in data.items | limitTo:5">
        <a href="/tr/content/kalite/kalite" target="_self" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-check-line d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Kalite</p>
            </div>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items | limitTo:5 --><div class="col-md-2 col-6 d-flex ng-scope" ng-repeat="item in data.items | limitTo:5">
        <a href="/tr/content/akredistasyon/akreditasyon" target="_self" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-medal-line d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Akreditasyon</p>
            </div>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items | limitTo:5 --><div class="col-md-2 col-6 d-flex ng-scope" ng-repeat="item in data.items | limitTo:5">
        <a href="/tr/content/mezun/mezunlar" target="_self" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-graduation-cap-fill d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Mezunlarımız</p>
            </div>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items | limitTo:5 --><div class="col-md-2 col-6 d-flex ng-scope" ng-repeat="item in data.items | limitTo:5">
        <a href="/tr/content/universite-adaylarina/egitim-ogretim" target="_self" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-team-line d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Üniversite Adaylarına</p>
            </div>
          </div>
        </a>
      </div><!-- end ngRepeat: item in data.items | limitTo:5 -->

      <!-- Daha Fazla bağlantı -->
      <div class="col-md-2 col-6 d-flex">
        <a href="#" data-bs-toggle="modal" data-bs-target="#appsModal" class="text-decoration-none d-flex flex-fill">
          <div class="card flex-fill border border-1 border-light shadow-sm card-hovertxt d-flex align-items-center justify-content-center text-center">
            <div class="card-body">
              <i class="ri-layout-grid-fill d-block mb-2" style="color:#439c86; font-size:2rem;"></i>
              <p class="mb-0 small fw-semibold ng-binding">Daha Fazla Bağlantı</p>
            </div>
          </div>
        </a>
      </div>

    </div>
  </div>
</section>


<!-- Modal -->
<div class="modal fade ng-scope" id="appsModal" tabindex="-1" aria-labelledby="appsModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header position-relative">
        <h1 class="modal-title fs-5 ng-binding" id="appsModalLabel">Tüm Bağlantılar</h1>
        <button type="button" class="btn position-absolute top-0 end-0" data-bs-dismiss="modal">
          <i class="ri-close-line" style="color:#439c86; font-size:2rem;"></i>
        </button>
      </div>
      <div class="modal-body">
        <div class="row g-3">
          <!-- ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items" style="">
            <a href="/tr/content/arastirma/yayin-sayilarimiz" target="_blank" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-flask-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Araştırma</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/kalite/kalite" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-check-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Kalite</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/akredistasyon/akreditasyon" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-medal-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Akreditasyon</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/mezun/mezunlar" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-graduation-cap-fill" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Mezunlarımız</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/universite-adaylarina/egitim-ogretim" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-team-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Üniversite Adaylarına</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/dilekce-ve-formlar/ozluk-ve-yazi-isleri" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-file-text-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Dilekçe ve Formlar</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="/tr/content/sikca-sorulan-sorular/kayitlarda-dikkat-edilmesi-gereken-hususlar" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-question-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">SSS</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="https://kulupler-fen.istanbul.edu.tr/tr/_" target="_self" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-building-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Öğrenci Kulüpleri</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items --><div class="col-md-3 col-6 ng-scope" ng-repeat="item in data.items">
            <a href="https://fen.istanbul.edu.tr/tr/content/fen-fakultesi-tanitim-materyalleri/fen-fakultesi" target="_blank" class="text-decoration-none d-block h-100">
              <div class="card h-100 border border-1 border-light shadow-sm card-hovertxt">
                <div class="card-body text-center py-2">
                  <i class="ri-user-star-line" style="color:#439c86; font-size:2rem;"></i>
                  <p class="mb-0 fw-semibold ng-binding">Aday Öğrenci</p>
                  <p class="mb-0 small text-muted ng-binding"></p>
                </div>
              </div>
            </a>
          </div><!-- end ngRepeat: item in data.items -->
        </div>
      </div>
    </div>
  </div>
</div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </div>
<div id="31004F004A0073004C00500065004300710079004C0039007900700046006200610041004F003200370077003200" c-type="NewsBox" c-name="temav2_Component-HaberlerV2" class="ng-scope ng-isolate-scope"><section class="news-section py-5" ng-controller="NewsController" fade-in-element="">
  <div class="container mb-5">

 
    <div class="row mb-5" fade-in-element="">
      <div class="col-12 col-md-8">
        <h2 class="section-title">{{ 'newsbox.LBL_NEWS' | translate }}</h2>
        <p class="text-muted fw-normal">{{ 'newsbox.LBL_DESCRIPTION' | translate }}</p>
      </div>
      <div class="col-4 text-end" ng-if="!loading &amp;&amp; data.length &lt;= getNewsLimit()">
        <a xref="news" class="btn btn-primary">{{ 'newsbox.LBL_ALLNEWS' | translate }}</a>
      </div>
    </div>

    <!-- Skeleton Loading -->
    <div class="row g-4 pb-5" ng-if="loading">
      <div class="col-12 col-md-6 col-lg-4 mb-4" ng-repeat="n in [1,2,3,4,5,6] track by $index" fade-in-element="">
        <div class="card border-0 h-100">
          <div class="skeleton skeleton-image"></div>
          <div class="card-body">
            <div class="skeleton skeleton-text title mb-3"></div>
            <div class="skeleton skeleton-text description short mb-2"></div>
            <div class="skeleton skeleton-text description"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="row g-4 " ng-if="!loading &amp;&amp; data.length">
      <div class="col-12 col-md-6 col-lg-4 mb-4" ng-repeat="news in data | limitTo: getNewsLimit() track by (news.Id || $index)" fade-in-element="">
        <div class="card news-card border-0 h-100">
          <a xref="newsdetail" xref-data="news" class="d-flex flex-column h-100">
            <img class="card-img-top news-image" ng-src="https://cdn.istanbul.edu.tr/FileHandler.ashx?f={{news.Img}}" alt="{{news.Tags}}" title="{{news.Header}}" loading="lazy" decoding="async">
            <div class="card-body">
              <h5 class="card-title mb-2" ng-bind="news.Header | {{ 'newsbox.LBL_FIX_LANG' | translate }}"></h5>
              <p class="card-text text-muted small d-flex align-items-center gap-3 mb-1">
                <!-- *** DEĞİŞİKLİK BURADA: Artık 3. parametreye gerek yok *** -->
                {{ news.Date | langDate:'long' }}
              </p>
              <span>{{ getPlainText(news.Content, 125) }}</span>
  
            </div> 
          </a>
        </div>
        
      </div>
                               
  
    </div>

    <!-- Tüm Haberler Butonu -->
    <div class="row mt-5" ng-if="!loading &amp;&amp; data.length &gt; getNewsLimit()" fade-in-element="">
      <div class="col-12 text-center">
        <a xref="news" class="btn btn-primary mb-5">{{ 'newsbox.LBL_ALLNEWS' | translate }}</a>
      </div>
    </div>

    <!-- Veri Yok Durumu -->
    <div class="row" ng-if="!loading &amp;&amp; !data.length" fade-in-element="">
      <div class="col-12 text-center">
        <p class="text-muted">{{ 'newsbox.LBL_NODATA' | translate }}</p>
      </div>
    </div>
    <!-- SABİT LOGO -->
		<a href="https://www.istanbul.edu.tr/tr/haberler" class="news-card-logo" title="{{ 'newsbox.LBL_NEWS_ALL' | translate}}" target="_blank">
		    <img src="/assets/img/university_gate.png" data-hover="/assets/img/university_gate_gold.png" data-normal="/assets/img/university_gate.png" alt="{{ 'newsbox.LBL_NEWS_ALL' | translate}}">
		</a>

  </div>
</section>                                                                                                                                                                                                                                                                                                                                                                                   
<script>
document.querySelectorAll('.news-card-logo img').forEach(img => {
  img.addEventListener('mouseenter', () => {
    img.src = img.dataset.hover;
  });

  img.addEventListener('mouseleave', () => {
    img.src = img.dataset.normal;
  });
});
</script>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </div>
<div id="5800350032005800690055007800740046004400480039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_DuyurularV2" class="ng-scope ng-isolate-scope"><section class="duyurukutusu notice-section py-4 ng-scope" ng-controller="NoticeController" fade-in-element="">

  <div class="container">

    <div class="row align-items-center mb-4">
      <div class="col-12 col-md-8">
        <h2 class="section-title ng-binding">
          {{ 'generic.LBL_NOTICE' | translate }}
        </h2>
        <p class="text-muted mb-0 ng-binding">
          {{ 'generic.LBL_DESCRIPTION' | translate }}
        </p>
      </div>

      <div class="col-12 col-md-4 d-flex justify-content-md-end mt-3 mt-md-0">
        <ul class="nav nav-tabs notice-tabs enhanced-tabs">
          <li class="nav-item">
            <a class="nav-link" ng-class="{ 'active': activeTab === 1 }" ng-click="changeTab(1)">
              <i class="ri-megaphone-line tab-icon"></i>
              <span class="ng-binding">{{ 'generic.LBL_NOTICESTABTEXT' | translate }}</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" ng-class="{ 'active': activeTab === 3 }" ng-click="changeTab(3)">
              <i class="ri-graduation-cap-line tab-icon"></i>
              <span class="ng-binding">{{ 'generic.LBL_NOTICESTABTEXT_OGR' | translate }}</span>
            </a>
          </li>
        </ul>
      </div>
    </div>

    <!-- ngIf: loading -->

    <!-- ngIf: !loading && data.length -->

    <!-- ngIf: !loading && data.length -->

  </div>
</section>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
<div id="500038006B004E006D00760050005400360033004C0039007900700046006200610041004F003200370077003200" c-type="Event" c-name="temav2_Component-ALLEvents-Home" class="ng-scope ng-isolate-scope"><section class="event-section py-5" style="background: #ffffff;" ng-controller="AllEventsController">
  <div class="container mb-5">
       <div class="row mb-4">
      <div class="col-12 col-md-8">
        <h2 class="section-title">{{ 'event.LBL_EVENTS' | translate }}</h2>
        <p class="text-muted">{{ 'event.LBL_DESCRIPTION' | translate }}</p>
      </div>
      <!-- *** TÜM ETKİNLİKLER BUTONU ÜST SAĞ TARAFTA *** -->
      <div class="col-12 text-end" ng-if="!loading &amp;&amp; filteredEvents.length &gt; 0">
        <a xref="event" class="btn btn-primary">{{ 'event.LBL_ALLEVENTS' | translate }}</a>
      </div>
    </div>
    <div class="horizontal-calendar mb-3">

      <div class="d-flex justify-content-between align-items-center mb-2 calendar-header">
        <button class="btn btn-sm btnnextandprevbg" ng-click="prevMonth()">
          <i class="ri-arrow-left-s-line nextprevfont"></i>
        </button>
        <h5>{{currentMonth | date:'MMMM yyyy'}}</h5>
        <button class="btn btn-sm btnnextandprevbg" ng-click="nextMonth()">
          <i class="ri-arrow-right-s-line nextprevfont"></i>
        </button>
      </div>
      <div class="calendar-container">
        <div class="calendar-days">
          <div class="calendar-day text-center" ng-repeat="date in visibleDates" ng-class="{
                 'has-event': hasEvent(date),
                 'active': isSelectedDate(date),
                 'today': isToday(date)
               }" ng-click="selectDate(date)">
            <div class="day-number">{{formatDay(date)}}</div>
            <div class="day-name">{{date | date:'EEE'}}</div>
            <span class="badge" ng-if="eventCountForDate(date) &gt; 0">
              {{eventCountForDate(date)}}
            </span>
          </div>
        </div>
      </div>
    </div>

    <div class="mb-3" ng-if="selectedDate">
      <button class="btn btn-outline-primary btn-sm" ng-click="clearFilter()">{{ 'event.LBL_CLEARFILTER' | translate }}</button>
    </div>
    <hr class="my-3">

    <div class="row" ng-if="loading">
      <div class="col-12 text-center py-4">
        <div class="spinner-border text-primary" role="status">
          <span class="visually-hidden">{{ 'event.LBL_LOADING' | translate }}</span>
        </div>
      </div>
    </div>

    <div class="row g-4 pb-5" ng-if="!loading &amp;&amp; viewMode==='card'">
      <div class="col-12 col-md-6 col-lg-3" ng-repeat="event in filteredEvents">
        <a xref="eventdetail" xref-data="event" class="text-decoration-none d-block h-100 event-link">
          <div class="card event-card border-0 h-100 shadow-sm">
            <img ng-if="event.imageUrl" ng-src="{{event.imageUrl}}" alt="{{event.title}}" class="card-img-top img-fluid">
            <div class="card-body">
              <p class="event-date small mb-1">{{event.date | langDate:'long'}}</p>
              <h6 class="card-title event-titleAll mb-0">{{event.title}}</h6>
            </div>
          </div>
        </a>
      </div>
    </div>

    <div class="list-group pb-5" ng-if="!loading &amp;&amp; viewMode==='list'">
      <a xref="eventdetail" xref-data="event" class="list-group-item list-group-item-action d-flex flex-column flex-md-row justify-content-between align-items-start mb-2 event-link" ng-repeat="event in filteredEvents">
        <div class="d-flex flex-column flex-md-row align-items-start w-100">
          <div class="me-md-3 mb-2 mb-md-0" ng-if="event.imageUrl">
            <img ng-src="{{event.imageUrl}}" alt="{{event.title}}" style="max-width:150px; height:auto;" class="rounded">
          </div>
          <div>
            <h5 class="mb-1">{{event.title}}</h5>
            <small class="text-secondary">{{event.date | langDate:'long'}}</small>
          </div>
        </div>
      </a>
    </div>


        <!-- SABİT LOGO -->
		<a href="https://www.istanbul.edu.tr/tr/etkinlikler" class="event-card-logo" title="{{ 'event.LBL_EVENTS_ALL' | translate}}" target="_blank">
		    <img src="/assets/img/university_gate.png" data-hover="/assets/img/university_gate_gold.png" data-normal="/assets/img/university_gate.png" alt="{{ 'event.LBL_EVENTS_ALL' | translate}}">
		</a>
  </div>
</section>

<script>
document.querySelectorAll('.event-card-logo img').forEach(img => {
  img.addEventListener('mouseenter', () => {
    img.src = img.dataset.hover;
  });

  img.addEventListener('mouseleave', () => {
    img.src = img.dataset.normal;
  });
});
</script>                                                                                                                                                                                                 </div>


<div id="6E00320039007600530077003900730063007700540039007900700046006200610041004F003200370077003200" 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)">
    <i class="ri-arrow-up-s-line" style="font-size: 28px; color: #fff; transition: transform 0.3s ease, color 0.3s ease;"></i>
    <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 id="330067004B004F00780074006F006B00770053004C0039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Footer" class="ng-scope ng-isolate-scope"></div>  
<div id="640035006C005800330067004600540059004C00760039007900700046006200610041004F003200370077003200" c-type="Generic" c-name="temav2_Component-Cookie" class="ng-scope ng-isolate-scope"></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=BBE2361B0E1E48BCAE2978DC602CEB20"></script>


</body></html>