Cabecera

Un encabezado ayuda a los usuarios a identificar dónde están y proporciona una forma rápida y organizada de llegar a las secciones principales de un sitio web.

Ejemplo 1

ES

ES EN

Ejemplo 1 Ejemplo 2

Buscar

<br>

    <div class="topbar">
        <div class="container">
            <div class="topbar-cont">
                <a href="#" class="logo">
                    <div class="logo-icon"><img src="/images/gob-icon.svg" alt=""></div>
                    <span class="logo-text">Ejemplo 1</span>
                </a>
                <div class="topbar-right">
                    <div class="lang-select dropdown-simple">
                            <a href="#"><img src="https://flagcdn.com/do.svg" alt=""><span>ES</span><i
                                class="ri-arrow-down-s-line"></i></a>
                            <div class="dropdown-list">
                                <a href="#"><img src="https://flagcdn.com/do.svg" alt=""><span>ES</span></a>
                                <a href="#"><img src="https://flagcdn.com/us.svg" alt=""><span>EN</span></a>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-menu">
        <div class="container">
            <div class="main-menu-cont">
                <span class="menu-toggle"><i class="ri-menu-line"></i></span>
                <div class="menu">
                    <a href="#" class="menu-item">Ejemplo 1</a>
                    <a href="#" class="menu-item">Ejemplo 2</a>
                </div>
                <form class="search-bar">
                    <label class="search-bar-toggle" for="searchMain"><i class="ri-search-line"></i></label>
                    <input id="searchMain" type="search" placeholder="¿Qué quieres buscar?">
                    <button type="submit"><i class="ri-search-line"></i><span>Buscar</span></button>
                </form>
            </div>
        </div>
    </div>