Skyline

<div class="c-skyline o-adjacent">

    <div class="c-skyline__item o-adjacent__item">
        <div class="c-skyscreaper">

            <div class="c-skyscreaper__img" style="background-image: url(../../images/room-A.jpg)">
                <p class="c-skyscreaper__caption">Sala A</p>
            </div>

            <div class="c-skyscreaper__content">
                <ul class="c-icon-list" aria-label="Caratteristiche sala A">
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-man-black-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>10</strong> persone massimo</span>
                    </li>
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-mq-room-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>20 mq</strong> di superficie</span>
                    </li>
                </ul>
                <p class="c-skyscreaper__description">
                    <strong>Dotazione:</strong> tavolo riunioni attrezzato per collegamenti multimediali, proiettore, schermo e linea telefonica interna.
                </p>
            </div>

        </div>
    </div>
    <div class="c-skyline__item o-adjacent__item">
        <div class="c-skyscreaper">

            <div class="c-skyscreaper__img" style="background-image: url(../../images/room-B.jpg)">
                <p class="c-skyscreaper__caption">Sala B</p>
            </div>

            <div class="c-skyscreaper__content">
                <ul class="c-icon-list" aria-label="Caratteristiche sala A">
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-man-black-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>50</strong> persone massimo</span>
                    </li>
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-mq-room-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>60 mq</strong> di superficie</span>
                    </li>
                </ul>
                <p class="c-skyscreaper__description">
                    <strong>Dotazione:</strong> tavolo conferenza attrezzato per collegamenti multimediali, linea telefonica interna, proiettore, schermo, impianto per registrazione audio e video, cabina di regia.
                </p>
            </div>

        </div>
    </div>
    <div class="c-skyline__item o-adjacent__item">
        <div class="c-skyscreaper">

            <div class="c-skyscreaper__img" style="background-image: url(../../images/room-C.jpg)">
                <p class="c-skyscreaper__caption">Sala C</p>
            </div>

            <div class="c-skyscreaper__content">
                <ul class="c-icon-list" aria-label="Caratteristiche sala A">
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-man-black-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>20</strong> persone massimo</span>
                    </li>
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-mq-room-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>45 mq</strong> di superficie</span>
                    </li>
                </ul>
                <p class="c-skyscreaper__description">
                    <strong>Dotazione:</strong> tavoli riunione, due monitor da 40 pollici per ripetizioni immagini.
                </p>
            </div>

        </div>
    </div>
    <div class="c-skyline__item o-adjacent__item">
        <div class="c-skyscreaper">

            <div class="c-skyscreaper__img" style="background-image: url(../../images/room-D.jpg)">
                <p class="c-skyscreaper__caption">Sala D</p>
            </div>

            <div class="c-skyscreaper__content">
                <ul class="c-icon-list" aria-label="Caratteristiche sala A">
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-man-black-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>99</strong> persone massimo</span>
                    </li>
                    <li class="c-icon-list__item ">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic-mq-room-24px"></use>
                        </svg> <span class="c-icon-list__text"><strong>90 mq</strong> di superficie</span>
                    </li>
                </ul>
                <p class="c-skyscreaper__description">
                    <strong>Dotazione:</strong> tavolo conferenza attrezzato per collegamenti multimediali, linea telefonica interna, proiettore, schermo, impianto per registrazione audio e video, cabina di regia.
                </p>
            </div>

        </div>
    </div>

</div>