<!-- contactenos -->
<div id="contactenos" class="uk-section uk-position-relative uk-flex uk-flex-center uk-flex-middle" uk-height-viewport="offset-top: true" style="background-image: url('<?php echo $posicion . $imagenes2[2]['img']; ?>'); background-position: center; background-size: cover; height: 800px;">
    <div class="uk-container" style="margin-top: 50px">
        
        <h1 class="uk-text-center" style="color:#004d77; font-size: 4em;">Contáctenos</h1>
        
        <div class="uk-grid uk-margin-top uk-flex-center uk-child-width-1-2@m uk-child-width-1-1@s" uk-grid>
            <div class="uk-grid uk-width-1-1 uk-width-auto@m uk-text-center uk-margin-right">
                <div style="color: #004d77">
                    <p>Avenida 27 de febrero No.46</p>
                    <p>Santo Domingo, Republica Dominicana</p>
                </div>
                <div style="color: #004d77">
                    <p>809-455-6789</p>
                    <p>info@icsdominicana.com</p>
                </div>
            </div>

            <div class="uk-width-auto uk-margin-top uk-margin-bottom uk-text-center uk-hidden@s">
                <!-- Iconos debajo del texto para moviles -->
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-color: #3b5998; color: #ffffff;"><span uk-icon="facebook"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-image: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); color: #ffffff;"><span uk-icon="instagram"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-color: #0077b5; color:#ffffff;"><span uk-icon="linkedin"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle" style="background-color: #ff0000; color: #ffffff;"><span uk-icon="youtube"></span></a>
            </div>

            <div class="uk-width-auto uk-margin-top uk-margin-bottom uk-visible@s">
                <!-- Iconos al lado del texto para PCs -->
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-color: #3b5998; color: #ffffff;"><span uk-icon="facebook"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-image: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); color: #ffffff;"><span uk-icon="instagram"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle uk-margin-small-right" style="background-color: #0077b5; color:#ffffff;"><span uk-icon="linkedin"></span></a>
                <a href="#" class="uk-icon-button uk-icon-circle" style="background-color: #ff0000; color: #ffffff;"><span uk-icon="youtube"></span></a>
            </div>

        </div>
        
        <h2 class="uk-text-center" style="color: #004d77">Déjanos tus datos y te contactanos</h2>
        <form class="uk-width-2-3 uk-position-relative uk-align-center av">
            <div class="uk-grid-small uk-margin-small" uk-grid>
                <div class="uk-width-1-2@s"><input class="uk-input" type="text" placeholder="Nombres"></div>
                <div class="uk-width-1-2@s"><input class="uk-input" type="text" placeholder="Apellidos"></div>
                <div class="uk-width-1-2@s"><input type="number" class="uk-input" type="tel" placeholder="e-mail"></div>
                <div class="uk-width-1-2@s"><input type="email" class="uk-input" type="tel" placeholder="Empresa"></div>
            </div>
            <textarea class="uk-textarea uk-container uk-container-center uk-margin-small" rows="5" placeholder="Comentarios"></textarea>
            <button class="uk-button uk-light uk-container uk-align-center" style="border-radius: 20px; background-color:#004d77; width: 150px;">
                <i class="fi fi-rs-paper-plane"></i>Enviar 
            </button>
        </form>
        
    </div>

    <div class="uk-position-bottom uk-position-medium uk-text-center uk-light" style="width: 100%;">
        <div class="uk-margin-bottom">
            <p style="color: #004d77;">2021 @ ICS  Powered By Rubycom</p>
        </div>
    </div>
</div>
