cobuild-angular-stack
Version:
Base stack angular sass jade gulp
134 lines (128 loc) • 5.97 kB
HTML
<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>