<!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">
    <title> Abdussamed ULUTAŞ | @yield('title')</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="fonts/Ubuntu/style.css">
    <link rel="stylesheet" href="fonts/Cantarell/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    @stack('header')
</head>
<body>
    <div class="menu">
        <a class="icon" href="/">
            <img src="saqut.png" height="40px" alt="Logo" />
        </a>
        <div class="text">
            Abdussamed ULUTAŞ
        </div>
        <div class="lang">
            English
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="sidebar indent">
            </div>
            <div class="content nows">
                <h1 class="contenttitle">@yield('subject')</h1>
            </div>
            <div class="sidebar indent">
            </div>
        </div>
        <div class="container">
            <div class="sidebar indent mobile">
                <a class="title" href="javascript:void 0">
                    Hakkımda
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    Özgeçmiş
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    İletişim
                </a>
                <a class="title" href="javascript:void 0">
                    Backend
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    PHP Server
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    NodeJS Server
                </a>
                <a class="title" href="javascript:void 0">
                    Frontend
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    Javascript
                </a>
                <a class="page" href="javascript:void 0" tabindex="1">
                    NodeJS Server
                </a>
            </div>
            <div class="content">
                @yield('content')
            </div>
            <div class="sidebar" role="menuitem">
                <a class="title" href="javascript:void 0" role="text">
                    Başlıklar
                </a>
                @stack('sidebar')
            </div>
        </div>
    </div>
    <script src="jquery.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">
    @stack('footer')
</body>
</html>