cobuild-angular-stack/app/views/shared.footer.html

Base stack angular sass jade gulp

<div class="footer-container hidden-xs" ng-cloak>
    <div class="clearfix">
        <div class="footer-info">
            <img class="logo" src="img/logo.png">
            <a href="http://bit.ly/2qJ3Lvx" target="_blank" class="btn btn-inverse">{{'win-500' | translate}}</a>

        </div>
        <div class="footer-links">
            <div class="social-media text-right">
                <a class="icon facebook" href="https://www.facebook.com/mesaderegalosunikodf" target="_blank"></a>
                <a class="icon twitter" href="https://twitter.com/unikoregalos" target="_blank"></a>
                <a class="icon pinterest" href="https://www.pinterest.com/unikomx/" target="_blank"></a>
                <a class="icon instagram" href="https://www.instagram.com/unikomesaderegalos/" target="_blank"></a>
                <div id="geotrust-icon" class="icon"><!-- GeoTrust QuickSSL [tm] Smart  Icon tag. Do not edit. -->
                    <script language="javascript" type="text/javascript" src="raw/smarticon.geotrust.js"></script>
                    <!-- end  GeoTrust Smart Icon tag --></div>
            </div>
            <ul class="footer-menu">
                <!-- <li><a ui-sref="aboutus">{{'about-us' | translate}}</a></li> -->
                <li><a href="https://uniko.zendesk.com/hc/es" target="_blank">{{'frequent-questions' | translate}}</a></li>
                <li><a href="http://blog.unikodf.com">{{'our' | translate}} Blog</a></li>
                <li><a ui-sref="pricing">{{'rates' | translate}}</a></li>
                <li><a ui-sref="home">{{'privacy-policy' | translate}}</a></li>
                <li><a ui-sref="termsofuse">{{'terms' | translate}}</a></li>
            </ul>
            <ul class="footer-phones text-right">
                <li>
                    <a href="tel:+5215512041245"> <p>Contrata tu mesa (55) 1204-1245</p></a>
                </li>
                <li>
                    <span class="icon whatsapp"></span>
                    <a href="tel:+5215512091334">Ayuda a invitados (55) 1209 1334 / (+521) 553448 3840</a>
                </li>

            </ul>
        </div>
    </div>
    <hr>
    <div class="copy">
        <p>2016 - Uniko®</p>
    </div>
</div>
<div class="footer-container visible-xs" ng-cloak>
    <div class="social-media text-right">
        <a class="icon facebook" href="https://www.facebook.com/mesaderegalosunikodf" target="_blank"></a>
        <a class="icon twitter" href="https://twitter.com/unikoregalos" target="_blank"></a>
        <a class="icon pinterest" href="https://www.pinterest.com/unikomx/" target="_blank"></a>
        <a class="icon instagram" href="https://www.instagram.com/unikomesaderegalos/" target="_blank"></a>
    </div>
    <div class="mobile-container footer-links">
        <ul class="footer-menu">
            <!-- <li><a ui-sref="aboutus">{{'about-us' | translate}}</a></li> -->
            <li><a href="https://uniko.zendesk.com/hc/es" target="_blank">{{'frequent-questions' | translate}}</a></li>
            <li><a href="http://blog.unikodf.com">{{'our' | translate}} Blog</a></li>
            <li><a ui-sref="pricing">{{'rates' | translate}}</a></li>
            <li><a ui-sref="home">{{'privacy-policy' | translate}}</a></li>
            <li><a ui-sref="termsofuse">{{'terms' | translate}}</a></li>
        </ul>
        <hr>
        <ul class="footer-phones">
            <li>
                <a href="tel:+5212091334"> <p>VENTAS POR TELÉFONO 1209-1334</p></a>
            </li>
            <li>
                <span class="icon whatsapp"></span>
                <a href="tel:+5215534483840">(+521 55) 34 48 38 40</a>
            </li>

        </ul>
        <hr>
        <div class="footer-info">
            <img class="logo" src="img/logo.png">
            <a href="http://bit.ly/2qJ3Lvx" target="_blank" class="btn btn-inverse">{{'win-500' | translate}}</a>
        </div>
    </div>
</div>



<div class="referred">
    <div class="brand">
        <img src="img/footer-icon.png"/>
        <p>UNIKO</p>
    </div>
    <form >
        <div class="form-group label-floating">
          <div class="input-group">
            <label class="control-label" for="addon3a">{{'win-500' | translate}}</label>
            <input type="text" id="addon3a" class="form-control" placeholder="Email de la pareja">
            <span class="input-group-btn">
              <button type="button" class="btn">
                <i class="fa fa-angle-right fa-2x" aria-hidden="true"></i>
              </button>
            </span>
          </div>
        </div>
    </form>
    <div class="brand-short">
        <i class="fa fa-copyright" aria-hidden="true"></i> UNIKO
    </div>
</div>
<ul class="links first">
    <li><a ui-sref="home">{{'home' | translate}}</a></li>
    <!-- <li><a ui-sref="aboutus">{{'about-us' | translate}}</a></li> -->
    <li><a ui-sref="faqs">{{'frequent-questions' | translate}}</a></li>
    <!-- <li><a href="raw/aviso.docx" target="_blank">{{'privacy-policy' | translate}}</a></li> -->
     <li><a href="#" target="_blank">{{'privacy-policy' | translate}}</a></li>
    <li><a ui-sref="home">{{'our' | translate}} BLOG</a></li>
</ul>
<ul class="tel">
    <li>
        <h6>{{'customer-attention' | translate}}</h6>
        <span>(04455) 3448 - 3840</span>
    </li>
    <li>
        <h6>TERE <i class="fa fa-whatsapp" aria-hidden="true"></i></h6>
        <span>(+521 55) 34 48 38 40</span>
    </li>
    <li>
        <h6>RULAS <i class="fa fa-whatsapp" aria-hidden="true"></i></h6>
        <span>(+521 55) 39 00 05 54</span>
    </li>
</ul>
<ul class="location">
    <li><h5>{{'address' | translate}}</h5></li>
    <li>Chihuahua 230, Oficina 2</li>
    <li>Col. Roma, México DF.</li>
    <li>México</li>
    <li class="social-icons">
        <i class="fa fa-twitter" aria-hidden="true"></i>
        <i class="fa fa-instagram" aria-hidden="true"></i>
        <i class="fa fa-facebook" aria-hidden="true"></i>
    </li>
</ul>