How to display connect laravel template?

Question

Laravel

There is a template:

@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

And the main view:

<!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>[email protected]</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>

For some reason, the section is not displayed through yield in the main view

Answer 1

Are you sure you're calling the right template? show your code