# Laravel 8 - Blade `views` içerisine `layouts` klasörü oluşturuyoruz. Burada oluşturulan klasörler herhangi bir alt dosya olarak çekilebilir. Ana dosyada `@yield('content')` yerini alt dosyalar ``` @section('content') ..... @endsection ``` arasına kullanabilir. ## Örnek **resources\views\layouts\master.blade.php** ``` html=+ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"> <title>@yield('title')</title> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="/home">Navbar</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" aria-current="page" href="/home">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="/contact">Contact Us</a> </li> </ul> </div> </div> </nav> @yield('content') <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"></script> </body> </html> ``` **resources\views\index.blade.php** ``` html=+ @extends('layouts.master') @section('title','Home') @section('content') <div class="container"> <div class="row"> <div class="col-md-12"> <div class="h1">Home Page Content</div> </div> </div> </div> @endsection ``` **web.php** ``` html=+ Route::get('/home', function () { return view('index'); }); ```