<!DOCTYPE html>

<html lang="tr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Cardiyoloji - Temizlikte Do_ru Ritim</title>

    <style>

        body {

            margin: 0;

            padding: 0;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            min-height: 100vh;

            background-color: #f4f4f9;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        }

 

        .container {

            text-align: center;

            padding: 20px;

        }

 

        .logo {

            max-width: 100%;

            height: auto;

            margin-bottom: 30px;

            /* Hafif bir gšlge logoyu šne őkarőr */

            filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.1));

        }

 

        .map-link {

            display: inline-block;

            background-color: #2e3192; /* Logodaki lacivert tonu */

            color: white;

            padding: 15px 30px;

            text-decoration: none;

            border-radius: 50px;

            font-weight: bold;

            transition: transform 0.3s, background-color 0.3s;

            box-shadow: 0 4px 6px rgba(0,0,0,0.1);

        }

 

        .map-link:hover {

            background-color: #e94e1b; /* Logodaki turuncu tonu */

            transform: translateY(-3px);

        }

    </style>

</head>

<body>

 

    <div class="container">

        <img src="cardiyoloji-logo.jpeg" alt="Cardiyoloji Logo" class="logo">

 

        <br>

 

        <a href="https://maps.app.goo.gl/xmdb5hW9STKQivYh9" target="_blank" class="map-link">

            📍 Bizi Haritada Bulun

        </a>

    </div>

 

</body>

</html>