Mini Kabibi Habibi

<div data-options="dxView : { name: 'Attractions_List', layout: 'default', 'current-navigation-item-id': 'home' } " >
    
    <div data-options="dxContent : { targetPlaceholder: 'sidebar-content' } " >
        <div data-options="dxViewPlaceholder : { viewName: 'Trip_SideBar' } " ></div>
    </div>
    
    <div data-options="dxContent : { targetPlaceholder: 'content' } " >
        <ul class="trip-summary-tools">
            <li class="orange-plus-icon"></li>
            <li class="sharing-icon"></li>
            <li class="settings-icon"></li>
            <li class="delete-icon"></li>
        </ul>
        <h1>Attractions</h1>
        <!-- ko foreach: attractions -->
        <div class="attraction-row attraction-row-step">
            <div class="attraction-grid-left">
                <img data-bind="attr: { src: imageUrl }"/>
            </div>
            <div class="attraction-grid-right">
                <h2 data-bind="text: name" style="font-size: 1.5em"></h2>
                <div class="attraction-item-step">
                    <strong class="lighter">#<span data-bind="text: $index() + 1"></span> of 719</strong> attractions of New York
                </div>
                
                <div class="small">Address</div>
                <div class="lighter attraction-item-step">
                    <strong data-bind="text: address"></strong>
                </div>
                
                <div class="small">
                    Yelp review
                </div>
                <div class="lighter attraction-item-step">
                    <strong data-bind="text: reviewCount"></strong> reviews
                </div>

                <div class="small">Attraction type</div>
                <div class="attraction-item-step">
                    <strong data-bind="text: type" class="lighter"></strong>
                </div>

                <div class="small">Information</div>
                <div>
                    <strong class="softer">
                        <a class="lighter" data-bind="attr: { href: infoUrl }" target="_blank">Maps</a> |
                        <a class="lighter" data-bind="attr: { href: infoUrl }" target="_blank">Photos</a> |
                        <a class="lighter" data-bind="attr: { href: infoUrl }" target="_blank">Web</a>
                    </strong>
                </div>
                <div class="attraction-suggest" data-bind="dxAction: $parent.trip().attractionAction($index())">Suggest</div>
            </div>
        </div>
        <!-- /ko -->

    </div>

</div>