Mini Kabibi Habibi

<div  data-options="dxView : { name: 'Index', layout: 'full-page' } " >
    
    <div data-options="dxContent : { targetPlaceholder: 'header' } " >
        <div data-bind="dxToolbar: { items: [{ align: 'center', text: 'DXTravel' }]}"></div>
    </div>

    <div class="view-content home-view" data-bind="dxScrollView: { }" data-options="dxContent : { targetPlaceholder: 'content' } " >
        <div class="home-next-trip" data-bind="dxList: { items: trips, scrollingEnabled: false }">
            <div class="home-menu-item" data-bind="dxAction: '#TripDetails/{id}'" data-options="dxTemplate : { name: 'item' } " >
                <div class="trip-icon">
                    <img src="images/flight.png" width="50" height="50"/>
                </div>
                <div class="trip-info">
                    <div class="trip-header">Current trip</div>                    
                    <div class="trip-title" data-bind="text: title"></div>
                    <div class="trip-period" data-bind="text: dates"></div>
                </div>
            </div>
        </div>

        <div class="home-menu" data-bind="dxList: { dataSource: mainMenu, scrollingEnabled: false }">
            <div class="home-menu-item" data-options="dxTemplate : { name: 'item' } " data-bind="dxAction: action" >
                <div class="home-menu-item-icon">
                    <img data-bind="attr: {src: iconScr }" width="35" height="35"/>
                </div>
                <div class="home-menu-item-text" data-bind="text: text"></div>
            </div>
        </div>
    </div>
</div>