<!doctype html>
<html lang="tr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Türk Radyasyon Onkolojisi Derneği</title>
    <link rel="icon" type="image/png" href="https://www.trod.org.tr/assets/img/base/favicon-32x32.png"
          sizes="32x32"/>
    <link rel="icon" type="image/png" href="https://www.trod.org.tr/assets/img/base/favicon-16x16.png"
          sizes="16x16"/>
    <link rel="stylesheet" href="https://www.trod.org.tr/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.trod.org.tr/assets/css/custom_app.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100;1,300&display=swap" rel="stylesheet">
</head>
<style>
    body {
        background: #fff;
        animation: backToWhite 5s ease-in-out;
    }

    @keyframes backToWhite {
        0% {
            background-color: black;
        }
        100% {
            background-color: white;
        }
    }
</style>
<body class="container-fluid-index">
<div class="container-fluid mt-5">

    <div class="row">
        <div class="col-lg-8 mx-auto">
            <div class="d-flex justify-content-center">
                <div>
                    <img src="https://www.trod.org.tr//assets/img/trod_logo_kisa.png" alt="logo"
                         class="img-fluid">
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-end mt-5">
        <div class="col-lg-8 mt-5 px-0">
            <div class="d-flex flex-column">

                <div class="d-flex justify-content-end click-society">
                    <div class="index-circle-users my-auto p-0 d-flex align-items-center justify-content-center">
                        <a href="uyeler">
                            <img src="https://www.trod.org.tr//assets/img/base/toplum-icon.png"
                                 alt="uyeler-logo" width="75">
                        </a>
                    </div>
                    <div class="mt-5 index-users-line my-auto py-3"><a href="uyeler"> Üyelerimiz İçin</a>
                    </div>
                </div>


                <div class="d-flex justify-content-end mt-5 click-members">
                    <div class="index-circle-society my-auto">
                        <img src="https://www.trod.org.tr//assets/img/base/uyeler-icon-single.png"
                             alt="uyeler-logo" width="75" class="mt-4">
                    </div>
                    <div class="mt-5 index-society-line my-auto py-3"><a href="toplum"> Toplum İçin</a>
                    </div>
                </div>

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

    <div class="row mt-5" style="position: absolute;bottom:0;right: 0;margin: 0 1rem 0 1rem">
        <p class="mt-5">Copyright 2026 TROD. Her hakkı saklıdır</p>
    </div>
</div>
<script src="https://www.trod.org.tr/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://www.trod.org.tr/assets/js/popper.min.js"></script>
<script src="https://www.trod.org.tr/assets/js/bootstrap.min.js"></script>
<script>
    $(document).ready(function () {
        $('.click-members').css('cursor', 'pointer');
        $(".click-members").click(function (event) {
            var link = "toplum";
            window.location.href = link;
        });
        $('.click-society').css('cursor', 'pointer');
        $(".click-society").click(function (event) {
            var link = "uyeler";
            window.location.href = link;
        });
    });
    //TODO:: Bunu da kaldır
    $(document).ready(function () {
        setInterval(function () {
            $(".container-fluid-index").css("background", "url(../../assets/img/base/index-bg.png) no-repeat fixed center center");
            $(".container-fluid-index").css("background-size", "cover");
        }, 5000);
    });
</script>
</body>
</html>


