index.html

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/style.css">
    <script src="assets/js/script.js" defer></script>
    <script src="https://code.jquery.com/jquery-3.6.1.js"></script>
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
        rel="stylesheet">
    <title>Tanıtım</title>
</head>

<body>
    <div class="bg">
        <div class="navbar">
            <div class="nav">
                <a href="index.html"> <img class="logo" src="images/logo.png" /></a>
                <ul>
                    <a href="index.html">Ana Sayfa</a>
                    <a href="galeri.html">Galeri</a>
                    <a href="blog.html">Blog</a>
                    <a href="ekip.html">Ekip</a>
                    <a href="iletisim.html">İletişim</a>
                </ul>
            </div>
        </div>
        <div class="imgtext">
            <div class="box">
                <p id="baslik">

                </p>
            </div>
            <button onclick="transitionToPage('./hakkında.html')" class="anabutton">Bir Tur At</button>
        </div>


    </div>

    <script>

    </script>
</body>
<style>
    body {
        opacity: 0;
        transition: opacity .5s;
    }
</style>
<div id="footer">


</div>
<script>

</script>

</html>