Есть шаблон:
@extends('layouts.app')
@section('main')
<div class="main-screen">
<!-- NAVBAR OPEN -->
<nav class="navbar">
<div class="container">
<div class="col d-flex justify-content-between align-items-center">
<!-- LOGO -->
<a class="navbar-brand" href="index.html">
<img src="{{asset('images/whitelogo.png')}}" alt="logo">
</a>
<!-- LINKS -->
<div class="navbar-link">
<ul class="navbar-nav d-flex flex-row">
<li class="nav-item"> <a class="nav-link active-link" href="#">Главная</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Военные</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Домашние</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Для бизнеса</a> </li>
</ul>
</div>
</div>
</div>
</nav>
<!-- NAVBAR CLOSE -->
<!-- DESCRIPTION OPEN -->
<div class="container description d-flex justify-content-between">
<div class="col-9">
<h1>Комплекс мониторинга и связи для собак</h1>
<p>Обеспечение голосового взаимодействия между собакой и вами,
отслеживание физического состояния и нахождения собаки, фото
и видеосъемка от глаз собаки, возможность записи и передачи
голосовых команд</p>
<button>Подробнее</button>
</div>
<div class="col-1 p-0 d-flex justify-content-end align-items-end">
<div class="social-media d-flex flex-column justify-content-end">
<a href="https://vk.com/edvardkarimov96"><img src="{{asset('images/whitevk.png')}}" alt="vk"></a>
<a href="https://www.facebook.com/woody.jakson"><img src="{{asset('images/whitefacebook.png')}}" alt="facebook"></a>
<a href="http://instagram.com/mrVol1/"><img src="{{asset('images/whiteinst.png')}}" alt="instagram"></a>
</div>
</div>
</div>
<!-- DESCRIPTION CLOSE -->
</div>
<!-- MAIN SCREEEN CLOSE -->
<!-- OPPORTUNITIES OPEN -->
<div class="opportunities text-center">
<div class="container">
<h2>Возможности</h2>
<h3>Что может наш комплекс?</h3>
<div class="row d-flex justify-content-around align-items-center">
<div class="col-4 flex-column d-flex justify-content-center align-items-center">
<img class="image-horizontal" src="{{asset('images/record.png')}}" alt="record">
<p>Запись и передача команд на расстоянии</p>
</div>
<div class="col-4 flex-column d-flex justify-content-center align-items-center">
<img class="image-horizontal" src="{{asset('images/biometry.png')}}" alt="biometry">
<p>Отслеживание физического состояния собаки на расстоянии</p>
</div>
<div class="col-4 flex-column d-flex justify-content-center align-items-center">
<img class="image-horizontal" src="{{asset('images/video.png')}}" alt="video">
<p>Фото и видеосъемка глазами собаки</p>
</div>
<div class="col-4 flex-column d-flex justify-content-center align-items-center">
<img class="image-vertical" src="{{asset('images/voice.png')}}" alt="voice">
<p>Обеспечение голосового взаимодействия с собакой</p>
</div>
<div class="col-4 flex-column d-flex justify-content-center align-items-center">
<img class="image-vertical" src="{{asset('images/tracking.png')}}" alt="tracking">
<p>Отслеживание местоположения собаки</p>
</div>
<hr>
</div>
</div>
</div>
<!-- OPPORTUNITIES CLOSE -->
<!-- COMPLEX OPEN -->
<div class="complex text-center">
<div class="container">
<h2>Комплекс</h2>
<h3>Описание основных частей комплекса</h3>
<div class="row">
<div class="col-6 left-complex-images d-flex flex-column">
<div class="first-left">
<img src="{{asset('images/headphones.jpg')}}" alt="">
<h4>Наушники</h4>
<button>Подробнее</button>
</div>
<div class="second-left">
<img src="{{asset('images/moduleconnection.jpg')}}" alt="">
<h4>Микрокомпьютер</h4>
<button>Подробнее</button>
</div>
<div class="third-left">
<img src="{{asset('images/camera.jpg')}}" alt="">
<h4>Видеокамера</h4>
<button>Подробнее</button>
</div>
</div>
<div class="col-6 right-complex-images d-flex flex-column">
<div class="first-right">
<img src="{{asset('images/bolt.jpg')}}" alt="">
<h4>Ошейник</h4>
<button>Подробнее</button>
</div>
<div class="second-right">
<img src="{{asset('images/mobileapp.jpg')}}" alt="">
<h4>Мобильное приложение</h4>
<button>Подробнее</button>
</div>
</div>
<hr class="complex-hr">
</div>
</div>
</div>
<!-- COMPLEX CLOSE -->
<!-- DIRECTIONS OPEN -->
<div class="directions text-center">
<div class="container">
<h2>Направления</h2>
<h3>В каких направлениях мы работаем</h3>
<div class="row">
<div class="col-4">
<div class="first-block">
<img src="{{asset('images/wardogs.jpg')}}" alt="wardogs">
<h4>Военные</h4>
<a href="#">Подробнее</a>
</div>
</div>
<div class="col-4">
<div class="second-block">
<img src="{{asset('images/homedogs.jpg')}}" alt="homedogs">
<h4>Домашние</h4>
<a href="#">Подробнее</a>
</div>
</div>
<div class="col-4">
<div class="third-block">
<img src="{{asset('images/buisnessdogs.jpg')}}" alt="buisnessdogs">
<h4>Бизнес</h4>
<a href="#">Подробнее</a>
</div>
</div>
</div>
<hr class="directions-hr">
</div>
</div>
<!-- DIRECTIONS CLOSE -->
<!-- FOOTER OPEN -->
@endsection
И главное представление:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dog`s way</title>
<!-- Adaptive -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- My CSS -->
<link rel="stylesheet" href="{{asset('css/style.css')}}">
</head>
<body>
@yield('main')
<footer>
<div class="container">
<div class="row">
<div class="col d-flex justify-content-between align-items-center">
<div class="email">
<h5>eduardkarimov1996@gmail.com</h5>
</div>
<div class="social-media">
<a href="https://vk.com/edvardkarimov96"><img src="{{asset('images/vk.png')}}" alt="vk"></a>
<a href="https://www.facebook.com/woody.jakson"><img src="{{asset('images/facebook.png')}}" alt="facebook"></a>
<a href="http://instagram.com/mrVol1/"><img src="{{asset('images/inst.png')}}" alt="instagram"></a>
</div>
</div>
</div>
</div>
</footer>
<!-- FOOTER CLOSE -->
</body>
</html>
Почему-то не выводится секция через yield в main представление
