header-alt.php

<header class="header header--alt">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12">
                <div class="header__wrapper">
                    <a href="index.php" class="header__logo"><img src="images/logo.svg" alt="Logo" class="header__logo-img"></a>
                    <div class="header__content">
                        <div class="header__content-main">
                            <div class="header__info">
                                <a href="parte-diario.php" class="header__info-item">
                                    <h4 class="text-icon u-color-white"><img src="images/i-nieve.png" alt="Nevada" class="text-icon__img header__info-icon"><span class="header__info-label">4°C</span></h4>
                                </a>
                                <a href="parte-diario.php" class="header__info-item">
                                    <p class="text-icon u-color-white"><img src="images/i-estado-medios.png" alt="Estado" class="text-icon__img header__info-icon"><span class="header__info-label">Estado de <span class="u-break-lg"></span>medios y pistas</span></p>
                                </a>
                                <a href="galeria.php" class="header__info-item">
                                    <p class="text-icon u-color-white"><img src="images/i-webcam.png" alt="Webcams" class="text-icon__img header__info-icon"><span class="header__info-label">Webcams</span></p>
                                </a>
                                <a href="galeria.php" class="header__info-item">
                                    <p class="text-icon u-color-white"><img src="images/i-vivo.png" alt="En vivo" class="text-icon__img header__info-icon"><span class="header__info-label">En vivo</span></p>
                                </a>
                                <a href="#" class="header__info-item">
                                    <p class="text-icon u-color-white"><img src="images/i-radio.png" alt="Radio" class="text-icon__img header__info-icon"><span class="header__info-label">Radio</span></p>
                                </a>
                            </div>
                            <div class="header__btns">
                                <a href="tarifario.php" class="header__btn">Tarifario</a>
                                <a href="tarifario.php" class="header__btn header__btn--bg-secondary">Pase online</a>
                            </div>
                            <ul class="header__social">
                                <li class="header__social-item"><a href="#" class="header__social-link"><img src="images/i-facebook.png" alt="Facebbok" class="header__social-icon"></a></li>
                                <li class="header__social-item"><a href="#" class="header__social-link"><img src="images/i-twitter.png" alt="Twitter" class="header__social-icon"></a></li>
                                <li class="header__social-item"><a href="#" class="header__social-link"><img src="images/i-youtube.png" alt="YouTube" class="header__social-icon"></a></li>
                                <li class="header__social-item"><a href="#" class="header__social-link"><img src="images/i-instagram.png" alt="Instagram" class="header__social-icon"></a></li>
                                <li class="header__social-item"><a href="#" class="header__social-link"><img src="images/i-tripadvisor.png" alt="TripAdvisor" class="header__social-icon"></a></li>
                            </ul>
                            <button class="header__toggle">
                                <span class="header__toggle-line"></span>
                                <span class="header__toggle-line"></span>
                                <span class="header__toggle-line"></span>
                            </button>
                        </div>
                        <div class="header__content-sub">
                            <div class="marquee">
                                <div class="marquee__content">
                                    <p class="paragraph--small u-color-white"><i>Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin.</i></p>
                                    <p class="paragraph--small u-color-white"><i>Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin. Mensaje rotativo actualizado en admin.</i></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>