<!doctype html>
<html lang="tr">
@php
    $bilgial=\Illuminate\Support\Facades\DB::table('sabitalanlar')->find(1);
@endphp

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bakım Modu</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"/>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
          rel="stylesheet"/>
    <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
    <style>

        body {
            margin: 0;
            width: 100%;
            height: 100vh;
            background: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
            background-size: 500% 500%;
            animation: animeBG 15s ease infinite;
            animation-direction: alternate;
            font-family: 'Poppins';

        }

        @keyframes animeBG {
            0% {background-position: 0%}
            100% {background-position: 100%}
        }

    </style>
</head>
<body>

<section>
    <div class="container mt-5 mb-5">
        <div class="row">
            <div class="col-md-8 mx-auto">
                <div class="text-center">
                    <img class="img-fluid" style="width: 100%" src="{{asset('assets/images/update.png')}}">
                    <h1 class="text-white font-weight-bold">{{$bilgial->bakimbaslik}}</h1>
                    <p class="text-center text-white">{{$bilgial->bakimicerik}}</p>

                    <div class="text-center">
                        <ul>
                            @foreach($sosyalmedya as $sosyal)
                                <a style="font-size: 30px;color: whitesmoke;margin-right: 20px" href="{{$sosyal->linkyol}}"><i class="{{$sosyal->iconyol}}"></i></a>

                            @endforeach
                        </ul>
                    </div>

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



</body>


</html>