<online-board-start-page-meta-tags></online-board-start-page-meta-tags>
<div *localisationReady>
    <page-layout [withScrollOverlay]="false" [withScrollUp]="false">
        <online-board-start-page-title title></online-board-start-page-title>
        <flights-page-tabs
            [viewType]="ViewType.Onlineboard"
            header-left
        ></flights-page-tabs>
        <ng-container content-left>
            <online-board-filter></online-board-filter>
            <search-history></search-history>
        </ng-container>

        <ng-container>
            <section class="frame">
                <h2>{{ 'BOARD.BOARD-START' | translate }}</h2>

                <div class="titles-container">
                    <div class="title title1">
                        <a>{{ 'BOARD.BOARD-START-TITLE1' | translate }}</a>
                        <div class="">
                            {{
                                'BOARD.BOARD-START-TITLE1-DESCRIPTION'
                                    | translate
                            }}
                        </div>
                    </div>

                    <div class="title title2">
                        <a>{{ 'BOARD.BOARD-START-TITLE2' | translate }}</a>
                        <div class="">
                            {{
                                'BOARD.BOARD-START-TITLE2-DESCRIPTION'
                                    | translate
                            }}
                        </div>
                    </div>

                    <div class="title title3">
                        <a>{{ 'BOARD.BOARD-START-TITLE3' | translate }}</a>
                        <div class="">
                            {{
                                'BOARD.BOARD-START-TITLE3-DESCRIPTION'
                                    | translate
                            }}
                        </div>
                    </div>

                    <div class="title title4">
                        <a>{{ 'BOARD.BOARD-START-TITLE4' | translate }}</a>
                        <div class="">
                            {{
                                'BOARD.BOARD-START-TITLE4-DESCRIPTION'
                                    | translate
                            }}
                        </div>
                    </div>
                </div>

                <popular-requests></popular-requests>
            </section>
        </ng-container>
    </page-layout>
</div>
